:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#080e1b;color:#eee9d8}*{box-sizing:border-box}body{margin:0;min-width:384px;background:radial-gradient(ellipse at 50% 25%,#112139 0,transparent 65%)}main{width:max-content;min-width:384px;margin:0 auto;padding:24px 0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;letter-spacing:1px}.wordmark{font-size:20px;color:#f4ecd9;text-decoration:none;font-weight:800}.wordmark>span:first-child{color:#10b981}.studio{font-size:10px;font-weight:400;color:#758ba0;letter-spacing:2px}.edition{color:#7e95ab;font-size:9px}.edition i{display:inline-block;background:#13c89a;width:5px;height:5px;margin:0 8px}#frame{position:relative;border:1px solid #29445a;box-shadow:0 0 0 5px #0d1828,0 22px 70px #0008;background:#081120;display:flex;align-items:center;justify-content:center}#game{line-height:0;flex:0 0 auto}#game canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.menu-hd{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:10;display:none;background:#081120}.menu-hd-backdrop{position:absolute;top:-4%;left:-4%;width:108%;height:108%;background-image:url(../menu/menu-generated.png);background-size:cover;background-position:center center;background-repeat:no-repeat;image-rendering:auto;will-change:transform}.menu-hd-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:auto}.menu-hd-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.menu-hd-logo-wrap{position:absolute;top:2.5%;left:50%;transform:translate(-50%);width:62%;max-width:680px;text-align:center;pointer-events:none}.menu-hd-logo{width:100%;height:auto;aspect-ratio:1024/365;object-fit:contain;display:block;margin:0 auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.85)) drop-shadow(0 0 25px rgba(0,226,234,.3));image-rendering:auto}.menu-hd-tagline{margin-top:clamp(4px,1vw,10px);color:#9acbd1;font-size:clamp(10px,1.3vw,15px);font-weight:700;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 10px rgba(0,226,234,.4)}.menu-hd-buttons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.menu-hd-btn{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#164253eb,#092430f2);border:1px solid rgba(74,132,153,.65);border-radius:4px;color:#b4cbd9;font-family:inherit;font-size:clamp(10px,1.3vw,14px);font-weight:700;letter-spacing:1.5px;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease,background .15s ease;outline:none;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:0 0 8px #00000080,inset 0 1px #ffffff2e}.menu-hd-btn.is-selected,.menu-hd-btn:hover{border-color:#ffcc57;box-shadow:0 0 16px #ffcc57b3,inset 0 0 8px #ffcc5740;color:#fff0cc}.menu-hd-btn.menu-hd-play{border-color:#00e2ead9;box-shadow:0 0 14px #00e2ea73,inset 0 0 8px #00e2ea33;color:#fff0cc}.menu-hd-btn.menu-hd-play.is-selected,.menu-hd-btn.menu-hd-play:hover{border-color:#00e2ea;box-shadow:0 0 24px #00e2ead9,inset 0 0 12px #00e2ea59;color:#fff}.menu-hd-btn.is-pressed,.menu-hd-btn:active{background:linear-gradient(180deg,#104450fa,#072630);transform:translateY(1px);box-shadow:0 0 8px #00e2ea59;color:#6edee5}.menu-hd-btn .arrow{color:#00e2ea;margin:0 6px;opacity:.9}.menu-hd-play{left:30.729%;top:83.796%;width:38.541%;height:11.111%}.menu-hd-howto{left:2.604%;top:87.962%;width:27.083%;height:11.111%}.menu-hd-settings{left:70.312%;top:87.962%;width:27.083%;height:11.111%}.menu-hd-credits{left:82.812%;top:2.314%;width:15.625%;height:11.111%}#frame:fullscreen{width:100vw;height:100vh;border:none;background:#050914}.under{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.8;margin-top:20px;color:#7d94ac}.under strong{color:#c8d6dd;display:block;font-size:11px;letter-spacing:1px}.keys{white-space:nowrap}kbd{background:#17273b;border-bottom:2px solid #36566c;padding:3px 5px;color:#bcdee4;font:inherit;margin-left:8px}footer{border-top:1px solid #1a2b3e;margin-top:20px;padding-top:15px;font-size:8px;letter-spacing:1px;color:#536e83;display:flex;justify-content:space-between}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:850px){main{padding-top:14px}.under{display:block}.keys{font-size:9px}.studio,.edition{display:none}footer span{display:none}}.menu-hd-backdrop{background-image:url(../feel/lab.png)}.menu-heroes{position:absolute;inset:0;transform:translate(calc(var(--px,0px)*-1.5),calc(var(--py,0px)*-1.5));pointer-events:none}.menu-hero{position:absolute;object-fit:contain;animation:hero-float 3.6s ease-in-out infinite;filter:drop-shadow(0 10px 10px #00151d)}.menu-klik{width:29%;height:49%;left:35.5%;top:34%;z-index:2}.menu-claude{width:25%;height:43%;left:14%;top:37%;animation-delay:-1.2s}.menu-codex{width:23%;height:47%;left:65%;top:33%;animation-delay:-2.4s}.menu-foreground,.hero-foreground{position:absolute;inset:-1%;width:102%;height:102%;pointer-events:none;transform:translate(calc(var(--px,0px)*-2),calc(var(--py,0px)*-2))}.menu-hd-logo{animation:title-assemble .55s steps(3) both,title-energy 7s 1s infinite}.menu-hd-logo-wrap{width:48%;top:1%;max-width:none}.menu-hd-tagline{font-size:clamp(8px,1vw,15px)}.menu-hd-btn,.menu-hd-btn.menu-hd-play,.selection-actions button{background:transparent url(../feel/button.png) center/100% 185% no-repeat;border:0;border-radius:0;box-shadow:none;color:#fff0cc;font:700 clamp(9px,1.2vw,21px) ui-monospace,monospace;letter-spacing:1px;text-shadow:0 2px #000;cursor:pointer}.menu-hd-btn.is-selected,.menu-hd-btn:hover,.menu-hd-btn.menu-hd-play.is-selected,.menu-hd-btn:focus-visible,.selection-actions button.focused{box-shadow:none;filter:brightness(1.4) drop-shadow(0 0 7px #27d8bc);animation:pixel-blink .12s steps(3);transform:translateY(-2px)}.menu-hd-btn.is-pressed,.menu-hd-btn:active{background:transparent url(../feel/button.png) center/100% 185% no-repeat;filter:brightness(1.8);transform:translateY(2px)}.hero-scene{position:absolute;overflow:hidden;z-index:12;container-type:inline-size;background:#071225;color:#fff0cc}.hero-backdrop{position:absolute;inset:-1%;background:url(../feel/select.png) center/cover;transform:translate(var(--px,0px),var(--py,0px))}.hero-atmosphere{position:absolute;inset:0;background:linear-gradient(#030c20d9,transparent 30%,transparent 52%,#030c20f5 86%)}.selection-heading{position:absolute;top:4%;width:100%;text-align:center;text-shadow:0 3px #030b1b}.selection-heading small{font-size:1cqw;letter-spacing:.3cqw;color:#93c6d3}.selection-heading h1{font-size:2.9cqw;letter-spacing:.3cqw;margin:1cqw 0}.hero-roster{position:absolute;inset:19% 8% 18%;display:flex;gap:3%}.hero-card{position:relative;width:33.333%;border:2px solid transparent;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0;outline:none;transition:filter .18s,transform .18s;filter:brightness(.65) saturate(.65)}.hero-card.chosen,.hero-card:hover,.hero-card.focused,.hero-card:focus-visible{filter:none;transform:translateY(-1%);border-color:var(--accent);box-shadow:inset 0 0 30px #07152f;animation:pixel-blink .12s steps(3)}.hero-portrait{position:absolute;inset:0 0 38%;display:block;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:contain;animation:hero-float 3.4s ease-in-out infinite}.hero-claude img{animation-delay:-1.1s}.hero-codex img{animation-delay:-2.2s}.hero-portrait i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#ffffff38 48%,transparent 56%);transform:translate(-120%)}.hero-card.chosen i{animation:accent-sweep 3.5s infinite}.hero-info{position:absolute;bottom:0;left:0;width:100%;height:38%;display:flex;align-items:center;justify-content:center;gap:.55cqw;flex-direction:column;background:#061123eb;border-top:2px solid var(--accent);font-size:1cqw;white-space:nowrap}.hero-info strong{font-size:2.1cqw;letter-spacing:.25cqw}.hero-info small{font-size:.85cqw;color:#afc3d4}.hero-info span{display:block}.selection-actions{position:absolute;left:8%;right:8%;bottom:4%;height:10%;display:flex;align-items:center;justify-content:space-between}.selection-actions button{width:27%;height:100%;font-size:1.15cqw}.selection-actions>span{font-size:.9cqw;color:#b6c9d7}.deploy-flash{pointer-events:none;position:absolute;inset:0;opacity:0;background:#baffeb}.deploying .hero-card.chosen img{animation:signature .34s steps(4)}.deploying .deploy-flash{animation:deploy-flash .34s}@keyframes hero-float{0%,to{translate:0 0}50%{translate:0 -3%}}@keyframes title-assemble{0%{opacity:0;clip-path:inset(45% 0);translate:-10px 0}50%{opacity:1;clip-path:inset(0);translate:8px 0}75%{translate:-3px 0}to{translate:0 0}}@keyframes title-energy{0%,90%,to{filter:drop-shadow(0 3px 9px #001225)}94%{filter:drop-shadow(0 0 12px #2de6ca) brightness(1.15)}}@keyframes pixel-blink{0%,66%{filter:brightness(1.8)}33%,to{filter:brightness(1)}}@keyframes accent-sweep{0%,65%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes signature{0%{translate:0 0}35%{translate:0 5%}70%,to{translate:0 -12%;filter:brightness(1.5)}}@keyframes deploy-flash{0%,50%{opacity:0}70%{opacity:.55}to{opacity:0}}.reduced *{animation:none!important;transition:none!important}.reduced .hero-foreground,.reduced .menu-foreground,.reduced .menu-heroes{transform:none}@media(prefers-reduced-motion:reduce){.menu-hd *,.hero-scene *{animation:none!important;transition:none!important}}.music-status{text-align:center;font-size:9px;color:#7d94ac;margin-top:12px;letter-spacing:1px}#confirm-flash{position:absolute;inset:0;background:#a7ffe4;opacity:0;z-index:15;pointer-events:none}.hero-info{font-size:clamp(6px,1cqw,18px)}.hero-info strong{font-size:clamp(10px,2.1cqw,32px)}.hero-info small{font-size:clamp(5px,.85cqw,14px)}.selection-heading small{font-size:clamp(5px,1cqw,16px)}.selection-heading h1{font-size:clamp(11px,2.9cqw,48px)}.selection-actions button{font-size:clamp(6px,1.15cqw,20px)}.selection-actions>span{font-size:clamp(5px,.9cqw,15px)}.menu-hd-backdrop{background-image:url(../menu/intro-classic.png)}.menu-heroes,.menu-foreground{display:none}#scene-transition{position:absolute;inset:0;z-index:30;pointer-events:none;background:#071225;opacity:0}.hero-card{transition:filter .22s ease,transform .22s cubic-bezier(.22,1,.36,1),border-color .15s ease}.deploying .hero-card.chosen img{animation:signature .34s cubic-bezier(.22,1,.36,1)}#menu-sound-hint{margin-top:8px;color:#afc9d5;font-size:clamp(8px,1vw,12px);letter-spacing:2px;text-shadow:0 2px 4px #000}.head-actions{display:flex;align-items:center;gap:14px}.fullscreen-toggle{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;background:#0f2133;border:1px solid #2d4a61;color:#a9c3d4;font:inherit;font-size:9px;font-weight:700;letter-spacing:1.4px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.fullscreen-toggle:hover{border-color:#00e2ea;color:#fff0cc}.fullscreen-toggle:focus-visible{outline:2px solid #ffcc57;outline-offset:2px}.fullscreen-toggle[aria-pressed=true]{border-color:#00e2ea;background:#0b3040;color:#00e2ea}.fs-icon{position:relative;display:block;width:9px;height:9px;border:1px solid currentColor}.fs-icon:before,.fs-icon:after{content:"";position:absolute;width:4px;height:4px;border:1px solid currentColor}.fs-icon:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.fs-icon:after{right:-1px;bottom:-1px;border-top:0;border-left:0}.fullscreen-toggle[aria-pressed=true] .fs-icon:before{width:5px;height:5px;top:3px;left:3px;border-width:1px;border-right:0;border-bottom:0}.fullscreen-toggle[aria-pressed=true] .fs-icon:after{width:5px;height:5px;right:3px;bottom:3px;border-width:1px;border-top:0;border-left:0}@media(max-width:850px){.head-actions{gap:8px}.fs-text{display:none}.fullscreen-toggle{padding:0 8px}}@media(max-width:520px){.head-actions .edition{display:none}}.glitch-tear{position:absolute;inset:0;z-index:40;pointer-events:none;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(0,226,234,.16) 22px 24px,transparent 24px 66px,rgba(250,39,93,.14) 66px 68px),linear-gradient(90deg,rgba(0,226,234,.08),transparent 20%,transparent 80%,rgba(250,39,93,.08))}#frame.glitching>#game,#frame.glitching>.menu-hd,#frame.glitching>.hero-scene{animation:game-jitter .34s steps(2,end)}#frame.glitching .glitch-tear{animation:game-tear .34s steps(2,end)}#frame.glitching.strong>#game,#frame.glitching.strong>.menu-hd,#frame.glitching.strong>.hero-scene{animation-duration:.62s}#frame.glitching.strong .glitch-tear{animation-duration:.62s}.glitch-text{animation:game-text .32s steps(2,end)}.menu-hd-logo-wrap.glitch-media{animation:game-media .34s steps(2,end)}@keyframes game-jitter{0%,to{transform:none;filter:none}25%{transform:translate(-3px,1px) skew(-1deg);filter:hue-rotate(18deg) saturate(1.6)}50%{transform:translate(3px,-1px);filter:contrast(1.2) hue-rotate(-12deg)}75%{transform:translate(-1px);filter:saturate(1.3)}}@keyframes game-tear{0%,to{opacity:0;transform:translate(0)}20%{opacity:1;transform:translate(-5px,2px)}45%{opacity:.35;transform:translate(4px,-2px)}70%{opacity:.9;transform:translate(-2px,1px)}}@keyframes game-text{0%,to{transform:none;text-shadow:none}20%{transform:translate(-1px,1px);text-shadow:2px 0 #00e2ea,-2px 0 #fa275d}45%{transform:translate(1px,-1px);text-shadow:-2px 0 #00e2ea,2px 0 #fa275d}70%{transform:translate(-1px);text-shadow:1px 0 #00e2ea,-1px 0 #fa275d}}@keyframes game-media{0%,to{clip-path:inset(0);translate:0 0;filter:none}25%{clip-path:inset(0 0 46% 0);translate:-4px 0;filter:saturate(1.7) hue-rotate(14deg)}50%{clip-path:inset(0);translate:4px 0;filter:contrast(1.15) hue-rotate(-10deg)}75%{clip-path:inset(38% 0 0 0);translate:-2px 0;filter:saturate(1.4)}}@media(prefers-reduced-motion:reduce){.glitch-tear{display:none}#frame.glitching>#game,#frame.glitching>.menu-hd,#frame.glitching>.hero-scene,#frame.glitching .glitch-tear{animation:none}.glitch-text,.menu-hd-logo-wrap.glitch-media{animation:none}}.menu-hd{container-type:inline-size;background:#02060c}.menu-hd-backdrop{background-image:url(../menu/breach-wide.webp);background-size:cover;background-position:center;filter:saturate(1.06) contrast(1.04)}.menu-hd-particles{position:absolute;inset:0;z-index:2;pointer-events:none}.menu-fx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.menu-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.42;animation:menu-flicker 7s steps(2) infinite}.menu-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 40%,rgba(2,5,12,.55) 100%),linear-gradient(180deg,rgba(2,5,12,.5) 0,transparent 16%,transparent 70%,rgba(2,5,12,.76) 100%)}.menu-grain{position:absolute;inset:-6%;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain-shift 1.3s steps(4) infinite}.menu-code span{position:absolute;z-index:4;font-family:ui-monospace,monospace;font-size:clamp(5px,.62cqw,11px);letter-spacing:.12cqw;color:#00e2ea4d;text-shadow:0 0 .6cqw rgba(0,226,234,.3);pointer-events:none;animation:code-drift 16s linear infinite}.menu-code span:nth-child(1){left:6%;top:40%;animation-duration:19s}.menu-code span:nth-child(2){left:14%;top:60%;color:#fa275d57;animation-duration:15s;animation-delay:-6s}.menu-code span:nth-child(3){left:82%;top:37%;animation-duration:21s;animation-delay:-11s}.menu-code span:nth-child(4){left:90%;top:58%;color:#fa275d4d;animation-duration:17s;animation-delay:-3s}.menu-code span:nth-child(5){left:70%;top:66%;animation-duration:23s;animation-delay:-8s}.menu-code span:nth-child(6){left:24%;top:34%;animation-duration:20s;animation-delay:-14s}.menu-code span:nth-child(7){left:47%;top:68%;color:#ffc45338;animation-duration:18s;animation-delay:-5s}.menu-meta{position:absolute;z-index:6;top:3.4%;margin:0;font-family:ui-monospace,monospace;font-size:clamp(8px,1.15cqw,16px);font-weight:700;letter-spacing:.16cqw;color:#7fd9d2;pointer-events:none}.menu-meta-left{left:3.2%;display:flex;align-items:center;gap:.6cqw}.menu-meta-left i{width:.55cqw;height:.55cqw;border-radius:50%;background:#20ffbe;box-shadow:0 0 1cqw #20ffbe;animation:hud-blink 2.2s infinite}.menu-meta-right{right:3.2%;color:#87a9bb}.menu-meta-right b{color:#00e2ea}.menu-hd-logo-wrap{width:46%;top:1.6%;z-index:5}.menu-hd-logo{filter:drop-shadow(0 4px 16px rgba(0,0,0,.85)) drop-shadow(0 0 22px rgba(0,226,234,.32))}.menu-hd-tagline{letter-spacing:.55cqw;font-size:clamp(9px,1.35cqw,19px);font-weight:700;color:#d8fffb;text-shadow:0 2px 8px #000,0 0 10px rgba(0,226,234,.5);width:fit-content;margin:.8cqw auto 0;padding:.35cqw 1.8cqw;border:1px solid rgba(0,226,234,.28);background:#02080edb}#menu-sound-hint{font-size:clamp(8px,.95cqw,13px);letter-spacing:.3cqw;color:#8fb6c4;margin-top:.7cqw;animation:hud-blink 2.6s infinite}.menu-hud{position:absolute;right:3.2%;top:73.5%;width:27%;z-index:6;text-align:right;font-family:ui-monospace,monospace;pointer-events:none;padding:.7cqw 0 .5cqw 2.4cqw;background:linear-gradient(90deg,#02080e00,#02080ed1 32%)}.hud-threat{display:flex;justify-content:space-between;align-items:baseline;gap:1cqw;padding-bottom:.55cqw;border-bottom:1px solid rgba(250,39,93,.32);font-size:clamp(8px,1.12cqw,15px);letter-spacing:.12cqw;color:#9db7c4}.hud-threat b{color:#ff4663;text-shadow:0 0 1.2cqw rgba(255,70,99,.65);animation:hud-blink 1.4s steps(2) infinite}.hud-meter{height:.85cqw;margin:.7cqw 0;background:#081622d9;border:1px solid rgba(70,120,140,.4);overflow:hidden}.hud-meter i{display:block;height:100%;width:88%;background:repeating-linear-gradient(90deg,#ff4663 0 .9cqw,transparent .9cqw 1.3cqw);animation:hud-meter 5s steps(1) infinite}.hud-sub{margin:0;font-size:clamp(8px,1.02cqw,14px);letter-spacing:.1cqw;color:#7d9fb2}.hud-sub strong{color:#ffcf5b}.menu-hd .menu-hd-btn{position:absolute;display:flex;align-items:center;gap:1.1cqw;margin:0;padding:0 1.5cqw 0 1.1cqw;background:linear-gradient(90deg,#051824f0,#05121e99);border:1px solid rgba(46,105,125,.8);border-radius:0;color:#cfe9ee;font-family:ui-monospace,monospace;font-weight:700;font-size:clamp(9px,1.2cqw,18px);letter-spacing:.16cqw;line-height:1.15;text-align:left;text-shadow:0 1px 2px #000;cursor:pointer;outline:none;overflow:hidden;white-space:nowrap;box-shadow:none;clip-path:polygon(0 0,calc(100% - 1cqw) 0,100% 1cqw,100% 100%,1cqw 100%,0 calc(100% - 1cqw));transition:border-color .15s,background .15s,filter .15s,transform .15s}.menu-hd .menu-hd-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.32cqw;background:#2e7c8c;transition:background .15s,box-shadow .15s}.menu-hd .menu-hd-btn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(0,226,234,.26) 50%,transparent 66%);translate:-130% 0}.menu-hd .menu-hd-btn.is-selected:after,.menu-hd .menu-hd-btn:hover:after{animation:btn-sweep .55s ease-out}.menu-hd .menu-hd-btn.is-selected,.menu-hd .menu-hd-btn:hover,.menu-hd .menu-hd-btn:focus-visible{border-color:#00e2ea;background:linear-gradient(90deg,#062a34f5,#061826d1);color:#fff6dd;filter:brightness(1.12) drop-shadow(0 0 1cqw rgba(0,226,234,.35));transform:translate(.4cqw);animation:btn-hover-glitch .3s steps(2)}.menu-hd .menu-hd-btn.is-selected:before,.menu-hd .menu-hd-btn:hover:before,.menu-hd .menu-hd-btn:focus-visible:before{background:#00e2ea;box-shadow:0 0 1cqw #00e2ea}.menu-hd .menu-hd-btn.is-pressed,.menu-hd .menu-hd-btn:active{transform:translate(.4cqw) translateY(.22cqw);filter:brightness(1.3) drop-shadow(0 0 1.2cqw rgba(0,226,234,.5));animation:none}.btn-index{flex:none;font-size:clamp(7px,.95cqw,12px);letter-spacing:.08cqw;color:#00e2ea;background:#00e2ea17;border:1px solid rgba(0,226,234,.45);padding:.3cqw .45cqw;line-height:1}.btn-copy{display:flex;flex-direction:column;gap:.2cqw;flex:1;min-width:0}.btn-label{letter-spacing:.2cqw}.btn-sub{font-size:clamp(7px,.82cqw,12px);font-weight:400;letter-spacing:.13cqw;color:#7fb4c2}.btn-arrow{flex:none;margin-left:auto;color:#00e2ea;font-size:1.2cqw;opacity:.85}.menu-hd .menu-hd-btn.menu-hd-play{left:3.2%;top:73.5%;width:33%;height:12%;border-color:#00e2eacc;background:linear-gradient(90deg,#03222cf5,#051622ad);font-size:clamp(11px,1.65cqw,25px);animation:none}.menu-hd .menu-hd-btn.menu-hd-play:before{width:.45cqw;background:#00e2ea;box-shadow:0 0 1cqw #00e2ea}.menu-hd .menu-hd-btn.menu-hd-howto{left:3.2%;top:87%;width:13%;height:6.6%}.menu-hd .menu-hd-btn.menu-hd-settings{left:17.4%;top:87%;width:13%;height:6.6%}.menu-hd .menu-hd-btn.menu-hd-credits{left:31.6%;top:87%;width:13%;height:6.6%}.menu-hd .menu-hd-btn.menu-hd-howto .btn-index,.menu-hd .menu-hd-btn.menu-hd-settings .btn-index,.menu-hd .menu-hd-btn.menu-hd-credits .btn-index{display:none}.menu-hd.menu-ready .menu-hd-logo{animation:menu-logo-in .7s steps(4) both,title-energy 7s 1.2s infinite}.menu-hd.menu-ready .menu-hd-btn{animation:menu-btn-in .42s steps(4) both}.menu-hd.menu-ready .menu-hd-btn.menu-hd-play{animation-delay:.06s}.menu-hd.menu-ready .menu-hd-btn.menu-hd-howto{animation-delay:.16s}.menu-hd.menu-ready .menu-hd-btn.menu-hd-settings{animation-delay:.22s}.menu-hd.menu-ready .menu-hd-btn.menu-hd-credits{animation-delay:.28s}.menu-hd.menu-ready .menu-hud,.menu-hd.menu-ready .menu-meta,.menu-hd.menu-ready .menu-hd-tagline{animation:fade-in .5s steps(4) .3s both}.menu-hd.menu-ready .menu-hd-btn:hover,.menu-hd.menu-ready .menu-hd-btn.is-selected,.menu-hd.menu-ready .menu-hd-btn:focus-visible{animation:btn-hover-glitch .3s steps(2);animation-delay:0s}.menu-hd.menu-ready .menu-hd-btn.is-pressed,.menu-hd.menu-ready .menu-hd-btn:active{animation:none}@keyframes menu-flicker{0%,to{opacity:.42}50%{opacity:.3}}@keyframes grain-shift{0%{background-position:0 0}25%{background-position:-40px 30px}50%{background-position:30px -45px}75%{background-position:-25px -20px}to{background-position:20px 25px}}@keyframes code-drift{0%{opacity:0;translate:0 12px}12%{opacity:1;translate:0 0}80%{opacity:1;translate:0 -26px}to{opacity:0;translate:0 -38px}}@keyframes hud-blink{0%,to{opacity:1}50%{opacity:.42}}@keyframes hud-meter{0%,to{width:88%}35%{width:71%}60%{width:94%}80%{width:80%}}@keyframes btn-sweep{0%{translate:-130% 0}to{translate:130% 0}}@keyframes btn-hover-glitch{0%,to{filter:brightness(1.12) drop-shadow(0 0 1cqw rgba(0,226,234,.35))}35%{filter:brightness(1.35) drop-shadow(2px 0 rgba(0,226,234,.8)) drop-shadow(-2px 0 rgba(250,39,93,.7))}}@keyframes menu-logo-in{0%{opacity:0;clip-path:inset(46% 0);translate:-14px 0}45%{opacity:1;clip-path:inset(0);translate:7px 0}75%{translate:-3px 0}to{opacity:1;translate:0 0}}@keyframes menu-btn-in{0%{opacity:0;translate:0 .9cqw}to{opacity:1;translate:0 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.boot-intro{position:absolute;inset:-2px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2cqw;background:radial-gradient(ellipse at 50% 58%,#06202b,#02060c 72%);overflow:hidden;font-family:ui-monospace,monospace;color:#9ef4e6;container-type:inline-size;isolation:isolate;cursor:pointer}.boot-intro:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.26) 0 1px,transparent 1px 3px),radial-gradient(ellipse at 50% 56%,rgba(0,226,234,.07),transparent 62%)}.boot-intro:after{content:"404";position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:-1;pointer-events:none;font-size:31cqw;font-weight:800;letter-spacing:2cqw;color:#fa275d0d;text-shadow:0 0 4cqw rgba(250,39,93,.08)}.boot-intro.boot-out{opacity:0;transition:opacity .28s ease;pointer-events:none}.boot-log{width:62%;display:flex;flex-direction:column;gap:.55cqw;padding-left:1.4cqw;border-left:1px solid rgba(0,226,234,.4)}.boot-line{margin:0;font-size:clamp(9px,1.5cqw,20px);letter-spacing:.14cqw;color:#8fe0d4;opacity:0;animation:boot-line .32s steps(3) forwards}.boot-line:nth-child(1){animation-delay:.15s}.boot-line:nth-child(2){animation-delay:.55s}.boot-line:nth-child(3){animation-delay:.95s}.boot-line:nth-child(4){animation-delay:1.45s}.boot-line:nth-child(5){animation-delay:2.35s}.boot-head{color:#00e2ea;font-weight:700}.boot-head span{color:#ff4663}.boot-line b{color:#ffcf5b;font-weight:700;margin-right:.5cqw}.boot-ok{color:#20ffbe}.boot-warn{color:#ff4663;text-shadow:0 0 1cqw rgba(255,70,99,.6);animation:boot-line .32s steps(3) 1.45s forwards,boot-warn 1.1s steps(2) 1.8s infinite}.boot-ready{color:#557a88;font-size:.85em}.boot-progress{width:62%;height:.65cqw;background:#0a2230;border:1px solid #1d4a55;overflow:hidden}.boot-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#00e2ea,#20ffbe);box-shadow:0 0 1cqw #00e2ea;animation:boot-fill 2.9s steps(18) .2s forwards}.boot-sweep{position:absolute;left:0;right:0;height:16%;top:-20%;background:linear-gradient(180deg,transparent,rgba(0,226,234,.09),transparent);animation:boot-sweep 2.6s linear infinite}.boot-flash{position:absolute;inset:0;background:#c8fff4;opacity:0;animation:boot-flash 3.4s steps(1) forwards}@keyframes boot-line{0%{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}@keyframes boot-warn{0%,to{opacity:1}50%{opacity:.35}}@keyframes boot-fill{to{width:100%}}@keyframes boot-sweep{0%{top:-20%}to{top:110%}}@keyframes boot-flash{0%,92%{opacity:0}93%{opacity:.55}97%{opacity:.12}to{opacity:0}}.menu-hd.reduced .menu-fx,.menu-hd.reduced .menu-code{display:none}@container (max-width:560px){.menu-meta,.menu-hud,.menu-code,#menu-sound-hint{display:none}.menu-hd-logo-wrap{width:52%}.menu-hd .menu-hd-btn.menu-hd-play{top:81.5%;width:44%;height:8.5%}.menu-hd .menu-hd-btn.menu-hd-play .btn-sub{display:none}.menu-hd .menu-hd-btn.menu-hd-howto,.menu-hd .menu-hd-btn.menu-hd-settings,.menu-hd .menu-hd-btn.menu-hd-credits{top:91%;width:19%;height:6.5%;font-size:8px;letter-spacing:.04cqw;padding:0 .5cqw}.menu-hd .menu-hd-btn.menu-hd-howto{left:3.2%}.menu-hd .menu-hd-btn.menu-hd-settings{left:23%}.menu-hd .menu-hd-btn.menu-hd-credits{left:42.8%}.boot-log,.boot-progress{width:86%}}@media(prefers-reduced-motion:reduce){.boot-intro,.menu-fx,.menu-code{display:none}.menu-hd.menu-ready .menu-hd-logo,.menu-hd.menu-ready .menu-hd-btn,.menu-hd.menu-ready .menu-hud,.menu-hd.menu-ready .menu-meta,.menu-hd.menu-ready .menu-hd-tagline{animation:none}}.modes-scene,.hero-scene{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;container-type:inline-size;background:#02060c;color:#eafcff;font-family:ui-monospace,monospace;-webkit-user-select:none;user-select:none}.modes-scene{z-index:11}.hero-scene{z-index:12;background:#02060c}.modes-backdrop,.hero-backdrop{position:absolute;inset:-3%;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:saturate(1.05) brightness(.92);will-change:transform}.modes-backdrop{background-image:url(../menu/modes-deck.webp);transform:translate(calc(var(--px,0px)*-.5),calc(var(--py,0px)*-.5))}.hero-backdrop{background-image:url(../menu/select-bay.webp);transform:translate(var(--px,0px),var(--py,0px))}.scene-fx{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,transparent 32%,rgba(2,5,12,.6) 100%),linear-gradient(180deg,rgba(2,6,12,.78) 0,transparent 20%,transparent 54%,rgba(2,6,12,.92) 94%)}.scene-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.4;animation:menu-flicker 7s steps(2) infinite}.scene-grain{position:absolute;inset:-6%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain-shift 1.3s steps(4) infinite}.scene-code span{position:absolute;z-index:4;font-size:clamp(5px,.6cqw,10px);letter-spacing:.12cqw;color:#00e2ea47;pointer-events:none;animation:code-drift 17s linear infinite}.scene-code span:nth-child(1){left:4%;top:38%;animation-duration:19s}.scene-code span:nth-child(2){right:5%;top:52%;color:#fa275d4d;animation-duration:15s;animation-delay:-7s}.scene-code span:nth-child(3){left:48%;top:30%;color:#ffc65b33;animation-duration:21s;animation-delay:-11s}.scene-code span:nth-child(4){right:26%;top:68%;animation-duration:18s;animation-delay:-4s}.scene-corners i{position:absolute;z-index:4;width:2.2cqw;height:2.2cqw;border:1px solid rgba(0,226,234,.42);pointer-events:none}.scene-corners i:nth-child(1){left:2%;top:2%;border-right:0;border-bottom:0}.scene-corners i:nth-child(2){right:2%;top:2%;border-left:0;border-bottom:0}.scene-corners i:nth-child(3){left:2%;bottom:2%;border-right:0;border-top:0}.scene-corners i:nth-child(4){right:2%;bottom:2%;border-left:0;border-top:0}.scene-meta{position:absolute;z-index:6;top:3%;margin:0;font-size:clamp(7px,1.02cqw,15px);font-weight:700;letter-spacing:.15cqw;color:#7fd9d2;pointer-events:none}.scene-meta-left{left:3.4%;display:flex;align-items:center;gap:.6cqw}.scene-meta-left i{width:.55cqw;height:.55cqw;border-radius:50%;background:#20ffbe;box-shadow:0 0 1cqw #20ffbe;animation:hud-blink 2.2s infinite}.scene-meta-right{right:3.4%;color:#87a9bb}.scene-meta-right b{color:#ff4663}.hero-scene .selection-heading,.modes-scene .selection-heading{position:absolute;top:6.4%;width:100%;text-align:center;text-shadow:0 2px 12px #000;z-index:5;pointer-events:none}.hero-scene .selection-heading small,.modes-scene .selection-heading small{display:block;font-size:clamp(8px,1.05cqw,15px);letter-spacing:.42cqw;color:#7fd9d2}.hero-scene .selection-heading h1,.modes-scene .selection-heading h1{margin:.75cqw 0 .55cqw;font-size:clamp(16px,3.1cqw,46px);line-height:1;letter-spacing:.55cqw;color:#f4ffe9;text-shadow:0 0 .9cqw rgba(0,226,234,.32),0 3px 0 #02131a}.heading-rule{display:block;width:34%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,#00e2ea,transparent);box-shadow:0 0 1cqw #00e2eacc}.hero-scene .hero-roster{position:absolute;inset:22.5% 6% 17%;display:flex;gap:2.4%;z-index:5}.hero-scene .hero-card{position:relative;flex:1;min-width:0;padding:0;border:1px solid rgba(80,130,150,.55);background:#04101a;cursor:pointer;overflow:hidden;outline:none;color:#eafcff;text-align:left;filter:brightness(.7) saturate(.78);transition:filter .2s ease,transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease;box-shadow:0 12px 34px #0000008c;clip-path:polygon(0 0,calc(100% - 1.3cqw) 0,100% 1.3cqw,100% 100%,1.3cqw 100%,0 calc(100% - 1.3cqw))}.hero-scene .hero-card:hover,.hero-scene .hero-card.focused,.hero-scene .hero-card.chosen{filter:brightness(1.06) saturate(1);border-color:var(--accent);transform:translateY(-1.4%);box-shadow:0 0 0 1px var(--accent),0 16px 40px #000000a6;animation:none}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.hero-scene .hero-card:hover .hero-art,.hero-scene .hero-card.chosen .hero-art{transform:scale(1.045)}.hero-scene .hero-art{inset:8% auto auto 10%;width:80%;height:62%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 18px rgba(0,0,0,.7)) drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 38%,transparent))}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#02080e0d 0,#02080e00 34%,#02080ec7 66%,#01060bf7),linear-gradient(90deg,rgba(2,8,14,.35),transparent 30%,transparent 70%,rgba(2,8,14,.35))}.hero-tag{position:absolute;top:1.2cqw;left:1.3cqw;display:flex;align-items:center;gap:.6cqw;font-size:clamp(7px,.78cqw,12px);letter-spacing:.14cqw;color:#a8c8d4;text-shadow:0 1px 3px #000}.hero-tag i{font-style:normal;color:#03121a;background:var(--accent);padding:.22cqw .42cqw;font-weight:800;line-height:1}.hero-tag em{font-style:normal;padding:.22cqw .5cqw;background:#02080eb8;border:1px solid rgba(120,180,200,.35)}.hero-body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:.5cqw;padding:1.3cqw 1.4cqw 1.25cqw}.hero-body strong{font-size:clamp(17px,2.55cqw,38px);line-height:1;letter-spacing:.22cqw;color:var(--accent);text-shadow:0 2px 0 #021018,0 0 1cqw rgba(0,226,234,.22)}.hero-role{font-size:clamp(8px,.9cqw,14px);letter-spacing:.1cqw;color:#cfe6ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-stats{display:flex;align-items:center;justify-content:space-between;gap:.6cqw;padding-top:.5cqw;border-top:1px solid rgba(120,180,200,.22);font-size:clamp(8px,.9cqw,14px)}.hero-hearts{color:#ff5a72;letter-spacing:.25cqw;text-shadow:0 0 .8cqw rgba(255,90,114,.55);font-size:clamp(9px,1.05cqw,16px)}.hero-weapon{color:#8fe7ff;letter-spacing:.14cqw}.hero-best{font-size:clamp(6px,.76cqw,11px);letter-spacing:.14cqw;color:#6f93a4}.hero-pick{display:none;position:absolute;top:1.1cqw;right:1.1cqw;padding:.32cqw .6cqw;font-size:clamp(6px,.72cqw,11px);font-weight:800;letter-spacing:.16cqw;color:#02131a;background:var(--accent);box-shadow:0 0 1.2cqw var(--accent)}.hero-scene .hero-card.chosen .hero-pick{display:block}.hero-frame{position:absolute;inset:.7cqw;border:1px solid rgba(255,255,255,.08);pointer-events:none}.hero-scene .hero-card:hover .hero-frame,.hero-scene .hero-card.chosen .hero-frame{border-color:#ffffff24}.modes-scene .mode-roster{position:absolute;inset:24% 6% 17%;display:flex;gap:2.6%;z-index:5}.modes-scene .mode-card{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.85cqw;padding:1.6cqw;background:linear-gradient(180deg,#040e189e,#030a12ed);border:1px solid rgba(70,120,140,.5);cursor:pointer;outline:none;color:#d8ecf2;text-align:left;filter:brightness(.8) saturate(.85);transition:filter .2s,transform .24s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s;clip-path:polygon(0 0,calc(100% - 1.3cqw) 0,100% 1.3cqw,100% 100%,1.3cqw 100%,0 calc(100% - 1.3cqw))}.modes-scene .mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.34cqw;background:var(--accent);box-shadow:0 0 .9cqw var(--accent)}.modes-scene .mode-card:hover,.modes-scene .mode-card.focused{filter:brightness(1.08) saturate(1);border-color:var(--accent);background:linear-gradient(180deg,#061a26cc,#030c14f5);transform:translateY(-1.2%);animation:none}.mode-top{display:flex;width:100%;align-items:center;justify-content:space-between}.mode-top i{font-style:normal;font-size:clamp(7px,.8cqw,12px);font-weight:800;letter-spacing:.1cqw;color:var(--accent);border:1px solid currentColor;padding:.25cqw .45cqw;line-height:1}.mode-glyph{font-size:clamp(22px,3.6cqw,54px);line-height:1;color:var(--accent);text-shadow:0 0 1.3cqw currentColor;opacity:.85}.mode-name{font-size:clamp(15px,2.35cqw,34px);line-height:1;letter-spacing:.18cqw;font-weight:800;color:#f2fdfa;text-shadow:0 2px 0 #021018}.mode-desc{font-size:clamp(8px,.95cqw,15px);letter-spacing:.14cqw;color:#9db9c6}.mode-specs{display:flex;flex-direction:column;gap:.4cqw;width:100%;padding-top:.7cqw;border-top:1px solid rgba(120,180,200,.22)}.mode-specs span{display:flex;justify-content:space-between;gap:1cqw;font-size:clamp(7px,.82cqw,13px);letter-spacing:.1cqw;color:#d9eef3}.mode-specs b{color:var(--accent);font-weight:700}.mode-cta{display:flex;align-items:center;gap:.5cqw;font-size:clamp(7px,.82cqw,13px);font-weight:700;letter-spacing:.14cqw;color:var(--accent);opacity:0;translate:0 .5cqw;transition:opacity .18s,translate .18s}.modes-scene .mode-card:hover .mode-cta,.modes-scene .mode-card.focused .mode-cta{opacity:1;translate:0 0}.mode-frame{position:absolute;inset:.8cqw;border:1px solid rgba(255,255,255,.06);pointer-events:none}.hero-scene .selection-actions,.modes-scene .selection-actions{position:absolute;left:6%;right:6%;bottom:3.2%;height:7.6%;display:flex;align-items:center;justify-content:space-between;gap:2%;z-index:6}.scene-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;height:100%;padding:0 1.4cqw;background:linear-gradient(90deg,#051824f0,#05121e9e);border:1px solid rgba(46,105,125,.8);color:#cfe9ee;font:700 clamp(8px,1.1cqw,17px) ui-monospace,monospace;letter-spacing:.16cqw;cursor:pointer;outline:none;text-shadow:0 1px 2px #000;clip-path:polygon(0 0,calc(100% - 1cqw) 0,100% 1cqw,100% 100%,1cqw 100%,0 calc(100% - 1cqw));transition:border-color .15s,filter .15s,background .15s,transform .12s}.scene-btn:hover,.scene-btn.focused,.scene-btn:focus-visible{border-color:#ffcc57;color:#fff6dd;filter:brightness(1.2) drop-shadow(0 0 1cqw rgba(255,204,87,.4))}.scene-btn:active{transform:translateY(.12cqw);filter:brightness(1.35)}.scene-btn[data-hero=back],.scene-btn[data-id=back]{width:15%}.scene-btn .key{font-size:clamp(6px,.72cqw,11px);color:#00e2ea;border:1px solid rgba(0,226,234,.45);background:#00e2ea14;padding:.28cqw .4cqw;line-height:1}.scene-btn-primary{width:27%;border-color:#00e2eacc;background:linear-gradient(90deg,#03222cf5,#051622b3);color:#fff6dd;font-size:clamp(10px,1.3cqw,20px);box-shadow:inset 0 0 1.4cqw #00e2ea24}.scene-btn-primary b{color:#00e2ea;font-size:1.2cqw}.scene-btn-primary:hover,.scene-btn-primary.focused,.scene-btn-primary:focus-visible{border-color:#00e2ea;filter:brightness(1.15) drop-shadow(0 0 1.2cqw rgba(0,226,234,.55))}.action-hint{flex:1;text-align:center;font-size:clamp(6px,.78cqw,12px);letter-spacing:.14cqw;color:#86a8b8;white-space:nowrap}.action-hint i{display:inline-block;width:.35cqw;height:.35cqw;margin:0 .7cqw;background:#78c8d28c;vertical-align:middle}.modes-scene.open .selection-heading,.hero-scene.open .selection-heading{animation:scene-head-in .5s steps(4) both}.modes-scene.open .mode-card,.hero-scene.open .hero-card{animation:scene-card-in .55s steps(4) both}.modes-scene.open .mode-card:nth-child(2),.hero-scene.open .hero-card:nth-child(2){animation-delay:.08s}.modes-scene.open .mode-card:nth-child(3),.hero-scene.open .hero-card:nth-child(3){animation-delay:.16s}.modes-scene.open .selection-actions,.hero-scene.open .selection-actions{animation:fade-in .45s steps(4) .2s both}.modes-scene.open .scene-meta,.hero-scene.open .scene-meta,.modes-scene.open .scene-corners,.hero-scene.open .scene-corners{animation:fade-in .5s steps(4) .25s both}@keyframes scene-head-in{0%{opacity:0;translate:0 -.7cqw;clip-path:inset(40% 0)}50%{opacity:1;clip-path:inset(0);translate:.4cqw 0}75%{translate:-.2cqw 0}to{opacity:1;translate:0 0}}@keyframes scene-card-in{0%{opacity:0;translate:0 1.4cqw}to{opacity:1;translate:0 0}}.modes-scene.reduced .scene-fx,.modes-scene.reduced .scene-code,.hero-scene.reduced .scene-fx,.hero-scene.reduced .scene-code{display:none}.hero-scene.reduced .hero-backdrop,.modes-scene.reduced .modes-backdrop{transform:none}@media(prefers-reduced-motion:reduce){.modes-scene *,.hero-scene *{animation:none!important;transition:none!important}}@container (max-width:560px){.scene-meta,.scene-code,.scene-corners,.action-hint,.hero-role,.mode-desc,.mode-specs,.mode-cta,.hero-best{display:none}.hero-scene .selection-heading,.modes-scene .selection-heading{top:5%}.hero-scene .selection-heading small,.modes-scene .selection-heading small{font-size:7px;letter-spacing:.2cqw}.hero-scene .selection-heading h1,.modes-scene .selection-heading h1{font-size:clamp(12px,4.2cqw,20px);letter-spacing:.3cqw;margin:.6cqw 0 .4cqw}.heading-rule{width:52%}.hero-scene .hero-roster{inset:21% 3.2% 18%;gap:1.8%}.hero-scene .hero-card{padding:0}.hero-tag{top:.7cqw;left:.7cqw;font-size:7px;gap:.3cqw}.hero-tag em{display:none}.hero-tag i{padding:.2cqw .35cqw}.hero-body{padding:.7cqw .7cqw .8cqw;gap:.35cqw}.hero-body strong{font-size:13px;letter-spacing:.1cqw}.hero-stats{font-size:8px;padding-top:.35cqw}.hero-hearts{font-size:9px;letter-spacing:.1cqw}.hero-weapon{font-size:7px}.hero-pick{top:.6cqw;right:.6cqw;font-size:6px;padding:.25cqw .4cqw}.hero-frame{inset:.4cqw}.modes-scene .mode-roster{inset:19% 8% 15%;flex-direction:column;gap:1.6%}.modes-scene .mode-card{flex:1;flex-direction:row;align-items:center;justify-content:flex-start;gap:1.6cqw;padding:.8cqw 1.4cqw}.mode-top{width:auto}.mode-glyph{font-size:16px}.mode-name{font-size:clamp(10px,3.2cqw,15px)}.mode-cta{display:none}.mode-frame{inset:.4cqw}.hero-scene .selection-actions,.modes-scene .selection-actions{left:4%;right:4%;bottom:3%;height:9%}.scene-btn[data-hero=back],.scene-btn[data-id=back]{width:24%}.scene-btn-primary{width:44%}.scene-btn{padding:0 .8cqw;gap:.4cqw;font-size:8px;letter-spacing:.06cqw}.scene-btn-primary{font-size:9px}.scene-btn .key{font-size:6px;padding:.2cqw .3cqw}}.mode-ghost{position:absolute;top:.6cqw;right:1.1cqw;font-size:clamp(48px,9cqw,140px);font-weight:800;line-height:.9;letter-spacing:-.3cqw;color:var(--accent);opacity:.1;pointer-events:none}.hero-scene .hero-card.focused,.modes-scene .mode-card.focused{outline:2px solid var(--accent);outline-offset:-2px}@container (max-width:560px){.mode-ghost{display:none}.hero-scene .hero-card.focused,.modes-scene .mode-card.focused{outline-width:1px}}@media(prefers-reduced-motion:reduce){.scene-fx,.scene-code{display:none}}.hero-scene .hero-card i{animation:none;transform:none}