@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Oxanium:wght@500;600&display=swap";:root{color:#f2ead8;font-family:"Noto Serif SC",serif;background:#090b0f;font-synthesis:none;--red: #da3f31;--red-bright: #ff654d;--ink: #090b0f;--paper: #eee2c9;--gold: #c8a870}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#090b0f}button{font:inherit}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 68% 40%,#45272a 0,#13161c 44%,#07090c)}#app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle,transparent 62%,rgba(0,0,0,.3) 100%);mix-blend-mode:multiply}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;transition:opacity .5s ease,visibility .5s}.is-hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.menu-screen{padding:34px 5vw 28px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.menu-topbar,.menu-footer,.hero-panel{flex-shrink:0}.menu-topbar{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border:1px solid rgba(238,226,201,.4);display:grid;place-items:center;transform:rotate(45deg)}.brand-mark span{transform:rotate(-45deg);font-size:23px;font-weight:900;color:var(--red-bright)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:20px;letter-spacing:.25em}.brand-copy small{font:500 8px/1.8 Oxanium,sans-serif;letter-spacing:.35em;color:#b4a993}.prototype-tag{margin-left:auto;border:1px solid rgba(238,226,201,.24);padding:8px 13px;font-size:11px;letter-spacing:.16em;color:#c6baa3}.hero-panel{width:min(760px,62vw);margin:24px 0;transform:translateY(-1vh)}.eyebrow{color:var(--red-bright);letter-spacing:.4em;font-size:12px;margin:0 0 18px;font-weight:700}.hero-panel h1{margin:0;font-size:clamp(56px,7.2vw,108px);line-height:.94;letter-spacing:.06em;font-weight:900;text-shadow:0 8px 35px #000}.hero-panel h1 #secret-title-trigger{cursor:pointer}.hero-panel h1 em{color:transparent;-webkit-text-stroke:1.5px var(--paper);font-style:normal}.lead{width:min(560px,90%);color:#c1b8a7;font-size:14px;line-height:1.65;margin:18px 0 13px;letter-spacing:.08em}.mode-select{display:flex;gap:7px;margin-bottom:9px}.rule-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}.rule-button{padding:9px 11px;text-align:left;border:1px solid var(--line);background:#101318;color:var(--paper)}.rule-button b,.rule-button small{display:block}.rule-button small{margin-top:3px;color:var(--muted)}.rule-button.is-selected{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold)}.team-pick-count{font-style:normal;color:var(--gold);margin-left:8px;font-size:11px}.roster-card.is-disabled{opacity:.28;filter:grayscale(1);pointer-events:none}.mode-button{min-width:174px;padding:8px 12px;text-align:left;border:1px solid rgba(238,226,201,.2);color:#a99f8f;background:#080a0d80;cursor:pointer}.mode-button b,.mode-button small{display:block}.mode-button b{font-size:12px;letter-spacing:.1em}.mode-button small{margin-top:2px;font-size:8px;color:#81786a}.mode-button.is-selected{border-color:#e5503cd9;color:#f5ead7;background:#741f1b9e}.root-mode-select{width:min(520px,100%);margin-bottom:10px}.root-mode-select .mode-button{min-height:58px;padding:11px 14px;border-color:#eee2c952}.root-mode-select .mode-button b{font-size:14px}.root-mode-select .mode-button small{font-size:9px}.mode-options{width:min(650px,100%)}.submode-select{margin-bottom:8px}.submode-select .mode-button{flex:1;min-width:0}.selector-row{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:7px;margin-bottom:7px}.selector-row>span{color:#958a7a;font-size:10px;letter-spacing:.15em}.menu-screen.local-mode .hero-panel{transform:translateY(0)}.menu-screen.local-mode .hero-panel h1{font-size:clamp(48px,5.6vw,78px)}.menu-screen.local-mode .eyebrow{margin-bottom:9px}.roster{display:grid;grid-template-columns:repeat(5,minmax(104px,1fr));gap:5px}.roster-card{min-width:0;padding:8px 9px 7px;text-align:left;border:1px solid rgba(238,226,201,.18);color:#a99f8f;background:#080a0d7a;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,background .2s,transform .2s}.roster-card:hover{border-color:#eee2c973;transform:translateY(-2px)}.roster-card.is-selected{color:#f2e8d3;border-color:#e5503ccc;background:linear-gradient(110deg,#7c1f1bb8,#0e0f12b3)}.roster-card b,.roster-card small{display:block}.roster-card b{font-size:14px;letter-spacing:.15em}.roster-card small{margin-top:3px;color:#958b7d;font-size:9px;letter-spacing:.07em}.roster-card.is-selected small{color:#d1b2a4}.loadout-grid{width:min(650px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0 10px}.loadout-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid rgba(238,226,201,.16);background:#080a0d7a;color:#9e9485;font-size:9px;letter-spacing:.08em}.loadout-grid select{min-width:112px;border:1px solid rgba(238,226,201,.25);padding:5px 7px;color:#eee3ce;background:#14161b;font:600 9px Oxanium,sans-serif}.online-lobby{width:min(650px,100%);margin:0 0 9px;padding:8px 10px;border:1px solid rgba(100,190,220,.35);background:#080e13c7;font:500 9px Oxanium,sans-serif}.room-line,.room-players,.qr-entry{display:flex;align-items:center;gap:8px}.room-line{flex-wrap:wrap}.room-line strong{color:#8ed9f1;font-size:18px;letter-spacing:.2em}.room-line input{width:100px;padding:6px;border:1px solid rgba(238,226,201,.25);color:#fff;background:#11151a}.room-line button{padding:6px 9px;border:1px solid rgba(238,226,201,.25);color:#ddd1bb;background:#242933;cursor:pointer}.online-lobby p{margin:6px 0;color:#b7c5ca}.room-players{justify-content:space-between;color:#a8b3b7}.qr-entry{margin-top:6px;color:#829198}.qr-entry img{width:46px;height:46px;object-fit:contain;background:#fff;display:none}.primary-button{min-width:220px;height:62px;padding:0 22px 0 27px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:0;color:#fff4e1;background:linear-gradient(110deg,#b82924,var(--red));box-shadow:0 14px 35px #a11f1952,inset 0 0 0 1px #ffffff26;cursor:pointer;letter-spacing:.18em;position:relative;overflow:hidden;transition:transform .18s,filter .18s}.primary-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);transition:transform .45s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.primary-button:hover:before{transform:translate(100%)}.button-kicker{font-weight:800;position:relative}.button-arrow{font:600 24px Oxanium,sans-serif;position:relative}.menu-controls{display:flex;gap:16px;align-items:center;margin-top:24px;color:#a99f8f;font-size:11px;letter-spacing:.08em}.menu-controls span{display:flex;align-items:center;gap:5px}.menu-controls i{width:1px;height:16px;background:#ffffff26}kbd{font:600 11px Oxanium,sans-serif;min-width:24px;height:24px;padding:0 6px;display:inline-grid;place-items:center;color:#eee3ce;border:1px solid rgba(238,227,207,.35);background:#0a0b0e94;box-shadow:inset 0 -2px #ffffff0d}.menu-footer{display:flex;justify-content:space-between;font-size:10px;color:#81796d;letter-spacing:.2em;text-transform:uppercase}.arena-ui{pointer-events:none}.fight-header{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(860px,76vw);display:grid;grid-template-columns:1fr 70px 1fr;align-items:start}.fighter-card{position:relative;padding-top:4px}.fighter-name{display:flex;justify-content:space-between;align-items:end;margin:0 8px 7px}.fighter-name small{font:600 9px Oxanium,sans-serif;letter-spacing:.18em;color:#aa9e89}.fighter-name strong{font-size:16px;letter-spacing:.18em}.health-shell{height:9px;border:1px solid rgba(237,222,194,.5);padding:2px;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);background:#07080abf}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#eee0b9,#e25d3e);transition:width .3s;box-shadow:0 0 12px #f26c4480}.health-number{position:absolute;right:13px;top:37px;font:500 9px Oxanium,sans-serif;color:#d8ccb6}.enemy-card .fighter-name{flex-direction:row-reverse}.enemy-card .health-shell{transform:scaleX(-1)}.enemy-card .health-number{left:13px;right:auto}.enemy-fill{background:linear-gradient(90deg,#d6caaa,#b84036)}.duel-energy{margin:6px 14px 0 3px;color:#a9dff7}.duel-energy .energy-meta{min-height:13px;display:flex;align-items:center;gap:7px;font:600 8px Oxanium,sans-serif;letter-spacing:.09em;text-transform:uppercase}.duel-energy .energy-meta strong{color:#e5f7ff;font-size:10px}.duel-energy .energy-meta b{font:700 11px Oxanium,sans-serif}.duel-energy .energy-meta em{margin-left:auto;color:#9aa9b0;font-style:normal;white-space:nowrap}.energy-beads{display:flex;align-items:center;gap:7px;min-height:18px;padding:1px 2px 3px}.energy-beads i{--charge:0%;position:relative;width:14px;height:14px;flex:0 0 14px;border:1px solid rgba(157,220,246,.65);border-radius:50%;background:linear-gradient(to top,#47c8ff 0 var(--charge),rgba(9,22,30,.92) var(--charge) 100%);box-shadow:inset 0 0 5px #000000bf,0 0 0 2px #3591b81a;transition:background .2s,box-shadow .2s,transform .2s}.energy-beads i:after{content:"";position:absolute;width:4px;height:4px;top:2px;left:3px;border-radius:50%;background:#ffffff8c}.energy-beads i.is-partial{box-shadow:inset 0 0 5px #000000a6,0 0 7px #44c0ee61}.energy-beads i.is-full{background:#55d1ff;box-shadow:inset 0 0 6px #ffffff7a,0 0 9px #4bcdffc7;transform:scale(1.06)}.energy-track{position:relative;height:3px;overflow:hidden;border:1px solid rgba(141,214,246,.36);background:#040c12d1;transform:skew(-16deg);box-shadow:inset 0 0 8px #000000c7}.energy-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#218ec7,#79dcff);box-shadow:0 0 12px #4ac1efe0;transition:width .25s}.energy-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent calc(25% - 1px),rgba(235,247,250,.7) calc(25% - 1px),rgba(235,247,250,.7) calc(25% + 1px),transparent calc(25% + 1px),transparent calc(50% - 1px),rgba(235,247,250,.7) calc(50% - 1px),rgba(235,247,250,.7) calc(50% + 1px),transparent calc(50% + 1px),transparent calc(75% - 1px),rgba(235,247,250,.7) calc(75% - 1px),rgba(235,247,250,.7) calc(75% + 1px),transparent calc(75% + 1px));pointer-events:none}.enemy-energy{margin:6px 3px 0 14px;color:#ffad99}.enemy-energy .energy-meta{flex-direction:row-reverse}.enemy-energy .energy-meta em{margin-left:0;margin-right:auto}.enemy-energy .energy-track{transform:skew(16deg) scaleX(-1);border-color:#ff84697a}.enemy-energy .energy-track i{background:linear-gradient(90deg,#c73f35,#ff9077);box-shadow:0 0 12px #eb5542c7}.enemy-energy .energy-beads{justify-content:flex-end}.enemy-energy .energy-beads i{border-color:#ff967ea8;background:linear-gradient(to top,#ff765d 0 var(--charge),rgba(31,13,14,.92) var(--charge) 100%);box-shadow:inset 0 0 5px #000000bf,0 0 0 2px #be46361a}.enemy-energy .energy-beads i.is-partial{box-shadow:inset 0 0 5px #000000a6,0 0 7px #f0654b61}.enemy-energy .energy-beads i.is-full{background:#ff8067;box-shadow:inset 0 0 6px #ffffff6b,0 0 9px #ff684eb3}.duel-energy.is-ready{color:#ffe386}.duel-energy.is-ready .energy-meta strong,.duel-energy.is-ready .energy-meta em{color:#fff1a8;text-shadow:0 0 10px rgba(255,215,80,.8)}.duel-energy.is-ready .energy-track{border-color:#ffe16e;box-shadow:0 0 15px #ffcb3194,inset 0 0 7px #ffe06440}.duel-energy.is-ready .energy-track i{background:linear-gradient(90deg,#e69125,#ffe36f);box-shadow:0 0 16px #ffd748f2}.duel-energy.is-ready .energy-beads i{border-color:#ffe773;background:#ffd750;box-shadow:inset 0 0 6px #ffffff94,0 0 12px #ffd337e6}.round-mark{display:flex;flex-direction:column;align-items:center;gap:6px}.round-mark span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(237,222,194,.45);background:#08090cbd;transform:rotate(45deg);font-size:19px;color:var(--red-bright)}.round-mark span:first-letter{transform:rotate(-45deg)}.round-mark small{margin-top:9px;font-size:9px;color:#a99e8a;letter-spacing:.25em}.menu-button{position:absolute;top:34px;left:4vw;pointer-events:auto;color:#c8bfaf;border:0;background:transparent;cursor:pointer;letter-spacing:.15em;font-size:12px}.menu-button:hover{color:#fff}.camera-hint{position:absolute;top:130px;left:50%;transform:translate(-50%);max-width:70vw;color:#e1d6c294;font:500 9px Oxanium,sans-serif;letter-spacing:.1em;text-align:center;white-space:nowrap}.round-message{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 4px 28px #000;animation:roundOut 2.7s forwards}.round-message small{display:block;color:var(--red-bright);font:600 12px Oxanium,sans-serif;letter-spacing:.45em;margin-bottom:8px}.round-message strong{font-size:clamp(36px,5vw,68px);letter-spacing:.28em}@keyframes roundOut{0%,50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-54%) scale(1.06);visibility:hidden}}.round-countdown{position:absolute;z-index:8;top:45%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;visibility:hidden;color:#f4e8c9;font-family:STKaiti,KaiTi,FZKai-Z03,"Noto Serif SC",serif;font-size:clamp(86px,15vw,190px);font-weight:900;line-height:1;letter-spacing:.14em;text-indent:.14em;text-shadow:0 5px 0 rgba(43,20,14,.72),0 0 30px rgba(226,157,80,.42),4px 8px 18px rgba(0,0,0,.72)}.round-countdown.is-visible{visibility:visible;animation:brushCountdown .72s cubic-bezier(.16,.8,.28,1) both}.round-countdown.is-start{color:#ffd77a;font-size:clamp(46px,8vw,104px);letter-spacing:.16em;text-shadow:0 4px 0 rgba(75,28,18,.75),0 0 34px rgba(255,180,66,.55),4px 8px 18px rgba(0,0,0,.72);animation:brushStart .95s cubic-bezier(.16,.8,.28,1) both}.gavin-revival-title{position:absolute;z-index:12;top:42%;left:50%;transform:translate(-50%,-50%) scale(.7) rotate(-3deg);color:#f4d39a;font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:clamp(54px,10vw,126px);font-weight:900;letter-spacing:.16em;text-indent:.16em;white-space:nowrap;pointer-events:none;text-shadow:0 6px 0 rgba(60,24,12,.9),0 0 32px rgba(225,149,61,.6);animation:gavinRevival .95s cubic-bezier(.16,.8,.28,1) both}@keyframes gavinRevival{0%{opacity:0;transform:translate(-50%,-50%) scale(1.45) rotate(-8deg)}28%{opacity:1;transform:translate(-50%,-50%) scale(.96) rotate(2deg)}to{opacity:0;transform:translate(-50%,-60%) scale(1.04) rotate(-1deg)}}@keyframes brushCountdown{0%{opacity:0;transform:translate(-50%,-50%) scale(1.55) rotate(-5deg);filter:blur(3px)}18%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(.96) rotate(1deg);filter:blur(0)}}@keyframes brushStart{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-54%) scale(1.02)}}.fight-footer{position:absolute;left:3vw;right:3vw;bottom:18px;display:flex;justify-content:space-between;align-items:end}.energy-wrap{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.12em;color:#b5aa97;min-width:260px;flex-wrap:wrap}.energy-wrap>small{color:#8d8374;font-size:9px;letter-spacing:.12em}.action-hints{display:flex;gap:9px;pointer-events:auto}.action-button{min-width:105px;height:52px;border:1px solid rgba(237,222,194,.25);background:#080a0db3;color:#efe3ca;display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,transform .15s}.action-button:hover{border-color:#eddec2a6;transform:translateY(-2px)}.action-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.action-button span{display:flex;flex-direction:column;align-items:start}.action-button b{font-size:14px;letter-spacing:.12em}.action-button small{color:#968d80;font-size:9px;margin-top:2px}.action-button.skill kbd{border-color:#de4836a6;color:#ff806b}.action-button.summon kbd{border-color:#68cd97a6;color:#85e3aa}.action-button.basic kbd{border-color:#e6c67699;color:#f1d487}.action-button.ultimate{border-color:#62a6d559;background:linear-gradient(120deg,#0e1b26db,#080a0dc7)}.action-button.ultimate:not(:disabled){border-color:#68b9e1;box-shadow:0 0 22px #47a5d838}.action-button.ultimate kbd{border-color:#64b7e0a6;color:#92d9ff}.action-button.substitute{min-width:108px}.action-button.substitute kbd{color:#d5c086;border-color:#d5c0868c}.combat-toast{position:absolute;left:50%;bottom:112px;transform:translate(-50%,10px);opacity:0;color:#f1e6d1;background:#080a0dc7;border-left:2px solid var(--red);padding:8px 15px;font-size:11px;letter-spacing:.16em;transition:opacity .2s,transform .2s}.combat-toast.is-visible{opacity:1;transform:translate(-50%)}.player-one-controls{position:absolute;left:3vw;bottom:82px;max-width:430px;padding:8px 10px;color:#d6cbb7;background:#080a0da3;border-left:2px solid #d2a55f;font:500 9px Oxanium,sans-serif;letter-spacing:.08em}.player-one-controls b{color:#efc97f;margin-right:8px}.player-two-controls{position:absolute;right:3vw;bottom:82px;width:250px;padding:8px 10px;color:#d6cbb7;background:#080a0da3;border-right:2px solid #6ca8d2;text-align:right;font:500 9px Oxanium,sans-serif;letter-spacing:.08em}.player-two-controls b{color:#92c8e7;margin-right:8px}.player-two-controls span{margin-left:8px}.player-two-controls small{display:block;margin-top:4px;color:#8e9ba3}.touch-controls{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;--touch-unit:clamp(50px,14vw,62px)}.touch-mode .touch-controls{display:block}.touch-mode .fight-footer,.touch-mode .player-one-controls,.touch-mode .player-two-controls,.touch-mode .camera-hint,.touch-mode .menu-controls{display:none}.touch-mode #game-canvas{touch-action:none}.touch-stick-wrap{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));text-align:center}.touch-stick-wrap>span{display:block;margin-bottom:12px;color:#ddcfb4;font-size:10px;text-shadow:0 2px 5px #000}.touch-stick{position:relative;width:clamp(96px,28vw,136px);aspect-ratio:1;border-radius:50%;pointer-events:auto;touch-action:none;border:2px solid #e8c98855;background:radial-gradient(circle,#171d2588 0,#171d2588 40%,#e8c98815 41%,#e8c98815 43%,#10161e99 44%);box-shadow:0 5px 24px #0006,inset 0 0 20px #e8c98812}.stick-guides{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#e8c98860;font-size:60px;font-weight:200}.stick-thumb{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c1ab86,#615445 70%);border:2px solid #efd8a499;box-shadow:0 5px 10px #0006;pointer-events:none}.touch-stick.is-held{border-color:#ffe2a2;box-shadow:0 0 18px #e8c98840}.touch-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:calc(var(--touch-unit)*3.4);height:calc(var(--touch-unit)*3.75)}.touch-actions button{--button-color:#b6d9ed;position:absolute;width:var(--touch-unit);height:var(--touch-unit);padding:3px;border:2px solid var(--button-color);border-radius:50%;color:#fff4df;background:radial-gradient(circle at 35% 25%,#354754eb,#111821ed 75%);box-shadow:0 4px 12px #0008,inset 0 0 0 3px #0004;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:auto;touch-action:none}.touch-actions button b{font-size:clamp(10px,2.7vw,12px);font-weight:600;white-space:nowrap}.touch-actions button small{font:9px system-ui,sans-serif;color:#e1d7c7;white-space:nowrap}.touch-actions button[aria-disabled=true]{border-color:#6c7379;filter:saturate(.25);color:#b9bec3;background:#151b24dd}.touch-actions button.is-held{box-shadow:0 0 20px #fbe1a48a,inset 0 0 0 4px #ffe7ac55;transform:scale(.94)}.touch-actions .touch-basic{right:0;bottom:0;width:calc(var(--touch-unit)*1.35);height:calc(var(--touch-unit)*1.35);--button-color:#efc375;background:radial-gradient(circle at 35% 25%,#a37c3c,#483a29 75%)}.touch-basic b{font-size:14px!important}.touch-symbol{font-size:22px;line-height:1;color:#ffdf94}.touch-skill-one{left:0;bottom:calc(var(--touch-unit)*.35)}.touch-skill-two{left:calc(var(--touch-unit)*.4);bottom:calc(var(--touch-unit)*1.65)}.touch-actions .touch-ultimate{right:calc(var(--touch-unit)*.15);bottom:calc(var(--touch-unit)*1.65);--button-color:#dfb46c}.touch-ultimate.is-ready{box-shadow:0 0 24px #ffbf5077,inset 0 0 12px #ffdc7766}.touch-actions .touch-substitute{left:calc(var(--touch-unit)*1.12);bottom:calc(var(--touch-unit)*.25);width:calc(var(--touch-unit)*.88);height:calc(var(--touch-unit)*.88);--button-color:#c9a6ed}.touch-actions .touch-summon{left:calc(var(--touch-unit)*1.63);bottom:calc(var(--touch-unit)*2.82);width:calc(var(--touch-unit)*.88);height:calc(var(--touch-unit)*.88);--button-color:#8ed4aa}.touch-mode .combat-toast{bottom:calc(var(--touch-unit,62px)*3.8 + 28px);max-width:85vw;width:max-content;text-align:center}.touch-mode .result-panel{z-index:12}.touch-mode .hero-panel{margin-top:18px}.touch-mode .hero-panel h1{font-size:48px}.touch-mode .roster{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:520px){.touch-mode .roster{grid-template-columns:repeat(3,minmax(0,1fr))}}.round-timer{font:700 28px Oxanium,monospace;color:#fff0cd;text-shadow:0 2px 8px #000}.round-timer.is-urgent{color:#ff745d}.timer-touch-zone{width:88px;height:48px;position:relative;display:grid;place-items:center;flex-shrink:0}.timer-touch-zone button{position:absolute;top:0;bottom:0;width:44px;border:0;background:transparent;color:inherit;padding:0;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-touch-zone button:first-of-type{left:0}.timer-touch-zone button:last-of-type{right:0}.timer-touch-zone button:focus-visible{outline:2px solid #e9c77c;border-radius:6px}.fight-header{grid-template-columns:1fr 88px 1fr}@media(max-width:720px){.arena-ui .fight-header{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)}}.result-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:#040507b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}.result-panel:before{content:"";width:1px;height:60px;background:linear-gradient(transparent,var(--red));margin-bottom:18px}.result-panel small{color:var(--red-bright);letter-spacing:.4em}.result-panel h2{font-size:clamp(64px,10vw,130px);margin:5px 0 12px;line-height:1;letter-spacing:.18em}.result-panel p{color:#bdb3a2;letter-spacing:.12em}.result-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:20px}.primary-button.compact{min-width:190px;height:52px}.text-button{color:#bdb3a2;border:0;border-bottom:1px solid rgba(255,255,255,.25);background:none;padding:5px;cursor:pointer;font-size:12px;letter-spacing:.12em}#rotate-notice{display:none}@media(max-width:720px){.menu-screen{padding:20px;background:linear-gradient(90deg,#040507e0,#0405071a)}.hero-panel{width:100%;margin-top:auto;margin-bottom:10vh}.hero-panel h1{font-size:54px}.lead{font-size:13px;width:75%}.mode-select{margin-bottom:7px}.mode-button{flex:1;min-width:0}.root-mode-select{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.root-mode-select .mode-button{min-height:54px}.selector-row{grid-template-columns:38px 1fr}.roster{width:100%}.roster{grid-template-columns:repeat(3,1fr);gap:5px}.roster-card{width:auto;padding:7px}.roster-card b{font-size:12px}.roster-card small{font-size:8px}.menu-controls,.menu-footer{display:none}.fight-header{top:16px;width:82vw;grid-template-columns:1fr 54px 1fr}.fighter-name small,.health-number,.round-mark small{display:none}.fighter-name strong{font-size:13px}.round-mark span{width:38px;height:38px;font-size:17px}.menu-button{top:18px;left:10px}.menu-button span{display:none}.fight-footer{bottom:16px;left:14px;right:14px}.energy-wrap{position:absolute;bottom:60px;left:0;min-width:180px}.energy-wrap>small{display:none}.action-hints{margin-left:auto}.action-button{min-width:64px;width:64px;height:52px;padding:6px;justify-content:center}.action-button b{font-size:12px}.action-button small,.action-button span{display:none}.action-button.substitute{min-width:54px;width:54px}.duel-energy{margin-top:4px}.duel-energy .energy-meta{gap:4px;font-size:7px;letter-spacing:.03em}.duel-energy .energy-meta strong{font-size:8px}.duel-energy .energy-meta b{font-size:9px}.energy-beads{gap:4px;min-height:14px;padding-bottom:2px}.energy-beads i{width:11px;height:11px;flex-basis:11px}.energy-beads i:after{width:3px;height:3px;top:2px;left:2px}.energy-track{height:2px}.combat-toast{bottom:86px}.player-one-controls{left:14px;bottom:74px;max-width:190px}.player-one-controls span{display:block;margin-top:3px}.player-two-controls{right:14px;bottom:74px;width:205px}.online-button{min-width:0}.mode-select{flex-wrap:wrap}.room-players{align-items:flex-start;flex-direction:column;gap:3px}.qr-entry{align-items:flex-start}.loadout-grid{grid-template-columns:1fr}.player-one-controls,.player-two-controls{display:none}}@media(orientation:portrait)and (max-width:520px){#rotate-notice{display:block;position:fixed;z-index:8;left:50%;bottom:8px;transform:translate(-50%);color:#8d8475;font-size:9px;letter-spacing:.18em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.summon-status{display:block;color:#eec77a;font-size:10px;line-height:1.4;margin-top:5px;overflow-wrap:anywhere}@media(max-height:500px)and (orientation:landscape){.touch-controls{--touch-unit:50px}.touch-stick{width:110px}.touch-mode .fight-header{top:max(8px,env(safe-area-inset-top));width:78vw}.touch-mode .fighter-name{margin-bottom:3px}.touch-mode .fighter-name strong{font-size:13px}.touch-mode .fighter-name small,.touch-mode .summon-status,.touch-mode .round-mark small{display:none}.touch-mode .menu-button{top:12px}.touch-mode .menu-button span{display:none}.touch-mode .combat-toast{top:100px;bottom:auto}}@media(max-width:360px){.touch-stick-wrap{left:max(8px,env(safe-area-inset-left))}.touch-actions{right:max(8px,env(safe-area-inset-right))}}