:root{--bg-0:#0d0b1a;--bg-1:#161226;--bg-2:#1f1838;--panel:rgba(28,22,48,.82);--panel-solid:#1b1530;--border:rgba(160,130,240,.22);--border-strong:rgba(160,130,240,.5);--text:#ece8ff;--text-dim:#c3b9e8;--gold:#ffce6b;--gold-2:#ffb43f;--violet:#9d7bff;--violet-2:#7c4dff;--teal:#4dd6c4;--danger:#ff6b6b;--good:#7bdc8a;--shadow:0 10px 40px rgba(0,0,0,.45);--radius:14px;--font-display:"Cinzel","Trajan Pro","Georgia",serif;--font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--focus-ring:0 0 0 3px rgba(157,123,255,.65)}*{box-sizing:border-box}:root{--app-height:100vh}body,html{margin:0;padding:0;background:var(--bg-0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0}.bg-stage{z-index:-2;background:radial-gradient(1200px 700px at 75% -10%,rgba(124,77,255,.28),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(77,214,196,.18),transparent 60%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 50%,var(--bg-2))}.bg-stage,.bg-stars{position:fixed;inset:0}.bg-stars{z-index:-1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,hsla(0,0%,100%,.7),transparent),radial-gradient(1.5px 1.5px at 70% 60%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 40% 80%,hsla(0,0%,100%,.6),transparent),radial-gradient(1px 1px at 85% 20%,hsla(0,0%,100%,.5),transparent),radial-gradient(2px 2px at 55% 15%,rgba(255,206,107,.5),transparent);background-size:100% 100%;opacity:.5;animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.6}}.container{max-width:1140px;margin:0 auto;padding:0 24px}.center{display:flex;align-items:center;justify-content:center}.col{flex-direction:column}.col,.row{display:flex}.row{align-items:center;gap:12px}.wrap{flex-wrap:wrap}.spacer{flex:1 1}.btn{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--text);background:rgba(124,77,255,.16);border:1px solid var(--border-strong);border-radius:10px;padding:11px 18px;cursor:pointer;transition:transform .08s ease,background .2s ease,box-shadow .2s ease,border-color .2s;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:rgba(124,77,255,.3);border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,77,255,.12)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#2a1c00;border:none;box-shadow:0 8px 24px rgba(255,180,63,.32)}.btn-primary:hover{background:linear-gradient(135deg,#ffd884,var(--gold));box-shadow:0 10px 30px rgba(255,180,63,.5)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-danger{background:hsla(0,100%,71%,.16);border-color:hsla(0,100%,71%,.5)}.btn-danger:hover{background:hsla(0,100%,71%,.3)}.btn-lg{font-size:18px;padding:15px 30px;border-radius:12px}.btn-sm{font-size:13px;padding:7px 12px}.input,.select{font-family:var(--font-body);font-size:16px;color:var(--text);background:rgba(13,11,26,.7);border:1px solid var(--border);border-radius:10px;padding:11px 14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.select:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,77,255,.15)}.input.code{font-family:var(--font-display);letter-spacing:.4em;text-align:center;font-size:26px}.input.code,label.field{text-transform:uppercase}label.field{display:block;font-size:12px;letter-spacing:.12em;color:var(--text-dim);margin-bottom:6px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:rgba(20,16,36,.7);border:1px solid var(--border);border-radius:12px;padding:16px;transition:transform .15s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 12px 30px rgba(0,0,0,.4)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;background:rgba(124,77,255,.18);border:1px solid var(--border);color:var(--violet)}.badge.gold{background:rgba(255,206,107,.16);border-color:rgba(255,206,107,.4);color:var(--gold)}.pill{font-size:12px;padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--text-dim)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:16px;padding:14px 24px;background:linear-gradient(180deg,rgba(13,11,26,.9),rgba(13,11,26,0));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand,.nav{display:flex;align-items:center}.brand{font-family:var(--font-display);font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--gold),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;gap:8px}.hero{text-align:center;padding:90px 20px 50px;position:relative;overflow:hidden}.hero-scene{position:absolute;top:0;left:0;right:0;height:600px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 35%,rgba(0,0,0,.35) 75%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 35%,rgba(0,0,0,.35) 75%,transparent);opacity:.92}.hero>:not(.hero-scene){position:relative;z-index:1}.hero-scene svg{display:block}.divider{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--violet);margin:8px 0 20px}.divider:after,.divider:before{content:"";height:1px;width:min(180px,22vw);background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.section-title{text-align:center;font-size:clamp(26px,4vw,38px);background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text}.hero h1,.section-title{-webkit-text-fill-color:transparent}.hero h1{font-size:clamp(48px,9vw,104px);line-height:1;background:linear-gradient(180deg,#fff,var(--gold) 60%,var(--gold-2));-webkit-background-clip:text;background-clip:text;text-shadow:0 0 60px rgba(255,180,63,.25);filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.hero .sub{font-size:clamp(16px,2.4vw,22px);color:var(--text-dim);max-width:620px;margin:18px auto 0;line-height:1.5}.hero .crossed{font-size:clamp(20px,4vw,34px);letter-spacing:.3em;color:var(--violet);margin-bottom:4px;text-transform:uppercase}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.faction-card{border-radius:14px;padding:20px;position:relative;overflow:hidden;border:1px solid var(--border);background:rgba(20,16,36,.75)}.faction-card .glow{position:absolute;inset:-40% 40% 60% -40%;filter:blur(40px);opacity:.5;border-radius:50%}.faction-card .emblem{font-size:40px}.faction-card h3{font-size:22px;margin-top:6px}.faction-card .tagline{font-style:italic;color:var(--text-dim);font-size:13px;margin:6px 0 10px}.stat-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.lobby-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}@media (max-width:880px){.lobby-grid{grid-template-columns:1fr}.hud-bottom{flex-wrap:wrap}}.player-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(13,11,26,.5);border:1px solid var(--border);margin-bottom:8px}.team-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.class-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:8px;gap:8px}.class-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:2px solid transparent;background:rgba(13,11,26,.6);cursor:pointer;transition:all .15s;font-size:12px;text-align:center}.class-chip:hover{background:rgba(124,77,255,.12)}.class-chip.active{border-color:var(--gold);background:rgba(255,206,107,.1)}.class-chip .e{font-size:24px}.squad-slot{width:54px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(13,11,26,.6);border:1px dashed var(--border-strong)}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-gap:8px;gap:8px}.champ-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:12px;border:2px solid transparent;background:rgba(13,11,26,.55);cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.champ-card:hover{transform:translateY(-3px);background:rgba(124,77,255,.12)}.champ-card.active{background:rgba(255,206,107,.1)}.champ-card.locked{cursor:not-allowed;filter:grayscale(.85) brightness(.6)}.champ-card .champ-name{font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.champ-card .lock-badge{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:10px;background:rgba(0,0,0,.7);border-radius:6px;padding:1px 5px}.champ-card .squad-tick{position:absolute;top:4px;right:6px;font-size:12px;color:var(--gold);font-weight:800}.game-root{position:fixed;top:0;left:0;right:0;height:var(--app-height,100vh);background:#000;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body)}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 18px;gap:12px}.turn-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.turn-timer{font-family:var(--font-display);font-size:30px;font-weight:700;min-width:48px;text-align:center}.turn-timer.low{color:var(--danger);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.wind-meter{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.wind-bar{position:relative;width:120px;height:8px;background:rgba(0,0,0,.4);border-radius:4px;overflow:hidden}.wind-fill{position:absolute;top:0;bottom:0;left:50%;background:linear-gradient(90deg,var(--teal),var(--violet));transition:width .3s,left .3s}.team-health{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--border);min-width:180px}.team-health .t{display:flex;align-items:center;gap:8px;font-size:13px}.team-health .hbar{flex:1 1;height:7px;border-radius:4px;background:rgba(0,0,0,.4);overflow:hidden}.team-health .hfill{height:100%;transition:width .4s}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px;gap:12px}.weapon-active{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow)}.weapon-active .icon{font-size:34px}.weapon-tray{display:flex;gap:6px;flex-wrap:wrap;max-width:540px;padding:8px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.weapon-slot{position:relative;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(13,11,26,.7);border:2px solid transparent;cursor:pointer;transition:all .12s}.weapon-slot:hover{background:rgba(124,77,255,.18)}.weapon-slot.active{border-color:var(--gold);background:rgba(255,206,107,.12)}.weapon-slot .ammo{position:absolute;bottom:-3px;right:-3px;font-size:10px;font-weight:700;background:var(--violet-2);color:#fff;border-radius:6px;padding:1px 4px}.weapon-slot.empty{opacity:.35;cursor:not-allowed}.skill-tray{display:flex;gap:8px;align-items:stretch;padding:8px;border-radius:12px;background:rgba(255,206,107,.08);border:1px solid rgba(255,206,107,.4)}.skill-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:10px;background:rgba(13,11,26,.6);border:2px solid rgba(255,206,107,.45);color:var(--text);cursor:pointer;text-align:left;transition:transform .1s,background .2s,border-color .2s,opacity .2s}.skill-chip:hover:not(:disabled){transform:translateY(-2px);background:rgba(255,206,107,.16)}.skill-chip.active{border-color:var(--gold);background:rgba(255,206,107,.2);box-shadow:0 0 0 2px rgba(255,206,107,.25)}.skill-chip.cooling{opacity:.5;cursor:not-allowed;border-color:var(--border)}.skill-chip .ic{font-size:22px}.skill-chip .nm{font-size:13px;font-weight:600;white-space:nowrap}.skill-chip .nm kbd{font-size:9px;font-weight:700;background:var(--gold);color:#2a1c00;border-radius:4px;padding:0 4px;margin-left:2px;font-family:var(--font-body)}.skill-chip .st{font-size:11px;color:var(--text-dim)}.mc-move{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:12px}.mc-move-track{flex:1 1;height:6px;background:rgba(0,0,0,.45);border-radius:3px;overflow:hidden}.mc-move-fill{height:100%;border-radius:3px;transition:width .1s linear}.sudden-death-veil{position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 220px 40px rgba(180,20,30,.55);animation:suddenDeathPulse 2.4s ease-in-out infinite}@keyframes suddenDeathPulse{0%,to{box-shadow:inset 0 0 180px 30px rgba(180,20,30,.38)}50%{box-shadow:inset 0 0 260px 60px rgba(200,30,40,.62)}}.ability-rail{display:flex;gap:8px;align-items:stretch;padding:8px;border-radius:12px;background:rgba(13,11,26,.55);border:1px solid var(--border-strong)}.ability-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:10px;background:rgba(13,11,26,.6);border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:left;transition:transform .1s,background .2s,border-color .2s,opacity .2s}.ability-chip:hover:not(:disabled){transform:translateY(-2px)}.ability-chip.basic{border-color:rgba(255,138,76,.75);background:rgba(255,112,67,.12)}.ability-chip.ability{border-color:rgba(255,206,107,.45)}.ability-chip.ultimate{border-color:var(--gold);background:linear-gradient(180deg,rgba(255,206,107,.22),rgba(124,77,255,.18));box-shadow:0 0 12px rgba(255,206,107,.35)}.ability-chip.ultimate .nm{color:#ffe7a8}.ability-chip.ultimate.cooling{background:rgba(13,11,26,.6);box-shadow:none}.ability-chip.active{border-color:var(--gold);background:rgba(255,206,107,.2);box-shadow:0 0 0 2px rgba(255,206,107,.25)}.ability-chip.cooling{opacity:.5;cursor:not-allowed;border-color:var(--border)}.ability-chip .ic{font-size:22px}.ability-chip .nm{font-size:13px;font-weight:600;white-space:nowrap}.ability-chip .nm kbd{font-size:9px;font-weight:700;background:var(--gold);color:#2a1c00;border-radius:4px;padding:0 4px;margin-left:2px;font-family:var(--font-body)}.ability-chip .st{font-size:11px;color:var(--text-dim)}.mc-skill.basic{border-color:rgba(255,138,76,.75)}.mc-skill.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(255,206,107,.25)}.mc-skill.ultimate{border-color:var(--gold);background:linear-gradient(180deg,rgba(255,206,107,.22),rgba(124,77,255,.18))}.mc-skill.mc-skip{border-color:var(--border);opacity:.85}.slot-tip{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:min(320px,70vw);padding:12px 14px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:none;animation:announce .12s ease-out}.controls-hint{bottom:80px;font-size:12px;color:var(--text-dim);background:rgba(13,11,26,.7);padding:6px 14px;border-radius:999px;border:1px solid var(--border)}.center-announce,.controls-hint{position:absolute;left:50%;transform:translateX(-50%)}.center-announce{top:22%;font-family:var(--font-display);font-size:clamp(28px,5vw,56px);font-weight:700;text-align:center;text-shadow:0 4px 24px rgba(0,0,0,.7);pointer-events:none;animation:announce .4s ease-out}@keyframes announce{0%{transform:translateX(-50%) scale(1.4);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.tone-good{color:var(--good)}.tone-bad{color:var(--danger)}.tone-epic{background:linear-gradient(135deg,var(--gold),var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tone-info{color:var(--text)}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,4,12,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.overlay{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{width:min(560px,92vw);padding:28px;text-align:center;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:200;background:var(--panel-solid);border:1px solid var(--border-strong);padding:12px 20px;border-radius:10px;box-shadow:var(--shadow);animation:announce .3s ease-out}.mono{font-family:SF Mono,Consolas,monospace}.dim{color:var(--text-dim)}.gold{color:var(--gold)}.small{font-size:13px}.tiny{font-size:11px}.mt{margin-top:12px}.mt-lg{margin-top:24px}.mb{margin-bottom:12px}.tac{text-align:center}.hidden{display:none}.scroll-fade::-webkit-scrollbar{width:8px}.scroll-fade::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.hud.mobile .hud-top{padding:calc(env(safe-area-inset-top, 0px) + 6px) 8px 0 calc(env(safe-area-inset-left, 0px) + 8px);gap:6px;align-items:flex-start}.hud.mobile .turn-banner{padding:5px 9px;gap:8px;border-radius:10px}.hud.mobile .turn-timer{font-size:22px;min-width:30px}.hud.mobile .turn-banner strong{font-size:13px}.hud.mobile .wind-meter{padding:5px 8px}.hud.mobile .wind-bar{width:64px}.hud.mobile .team-health{padding:6px 8px;gap:3px}.hud.mobile .team-health .t{font-size:11px;gap:5px}.hud.mobile .team-health .hbar{display:none}.hud.mobile .team-health .t span:nth-child(4){max-width:52px}.hud.mobile .controls-hint{display:none}.hud.mobile .center-announce{font-size:clamp(22px,7vw,40px);top:16%}.mobile-deck{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:8px calc(env(safe-area-inset-right, 0px) + 10px) calc(env(safe-area-inset-bottom, 0px) + 10px) calc(env(safe-area-inset-left, 0px) + 10px);background:linear-gradient(0deg,rgba(8,6,16,.92),rgba(8,6,16,.55) 60%,transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.mobile-deck>*{pointer-events:auto}.mc-loadout{display:flex;gap:8px;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-loadout::-webkit-scrollbar{display:none}.mc-info{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;border-radius:12px;background:var(--panel);border:1px solid var(--border-strong);border-left:4px solid var(--eff,var(--gold))}.mc-info-ic{font-size:28px;flex-shrink:0}.mc-info-body{flex:1 1;min-width:0}.mc-info-head{display:flex;align-items:baseline;gap:8px}.mc-info-name{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-info-shape{flex-shrink:0;font-size:11px;font-weight:800;color:var(--eff,var(--gold));text-transform:uppercase;letter-spacing:.04em}.mc-info-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:3px}.mc-tag{font-size:10px;color:var(--text-dim);background:hsla(0,0%,100%,.06);border-radius:6px;padding:1px 6px;white-space:nowrap}.mc-info-hint{flex-shrink:0;font-size:11px;font-weight:800;color:var(--gold);text-align:center;max-width:60px;line-height:1.1}.mc-skill{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:76px;min-height:56px;border-radius:12px;background:rgba(13,11,26,.6);border:2px solid var(--eff,var(--border-strong));color:var(--text);gap:2px;padding:6px 4px;overflow:hidden}.mc-skill .ic{font-size:22px;line-height:1}.mc-skill .lab{font-weight:700;line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-badge,.mc-skill .lab{font-size:10px;text-align:center}.mc-badge{top:2px;right:3px;color:#1a1230;background:var(--eff,var(--gold));border-radius:6px;padding:0 4px;min-width:14px}.mc-badge,.mc-cd{position:absolute;font-weight:800}.mc-cd{inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;color:#fff;background:rgba(8,6,16,.55)}.mc-skill.cooling{opacity:.55;border-color:var(--border)}.mc-skill.cooling .mc-badge{background:var(--border);color:var(--text-dim)}.mc-controls{justify-content:space-between}.mc-controls,.mc-left,.mc-right{display:flex;align-items:flex-end}.mc-left,.mc-right{gap:10px}.mc-btn{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;font-size:26px;color:var(--text);background:rgba(28,22,48,.85);border:1px solid var(--border-strong);box-shadow:0 4px 14px rgba(0,0,0,.4);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mc-btn:active{background:rgba(124,77,255,.35);transform:scale(.95)}.mc-btn:disabled{opacity:.4}.mc-jump{display:flex;flex-direction:column;gap:6px}.mc-jump .jump{width:50px;height:50px;font-size:22px}.mc-jump .jump.small{width:42px;height:42px;font-size:18px;align-self:center}.mc-aim{display:flex;flex-direction:column;gap:6px}.mc-aim .aim{width:50px;height:50px;font-size:20px}.mc-fire{position:relative;width:84px;height:84px;font-size:18px;font-weight:800;letter-spacing:.04em;overflow:hidden;background:linear-gradient(135deg,#ff8a5b,#ff5252);border:2px solid #ffd2c0;color:#2a0e00}.mc-fire.targeted{display:flex;flex-direction:column;gap:0;background:linear-gradient(135deg,var(--gold),var(--gold-2))}.mc-fire.targeted small{font-size:9px;font-weight:800}.mc-fire-fill{position:absolute;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.45);z-index:0}.weapon-sheet-backdrop{position:fixed;inset:0;z-index:120;background:rgba(5,4,12,.6);display:flex;align-items:flex-end}.weapon-sheet{width:100%;max-height:70vh;overflow-y:auto;padding:14px 14px calc(env(safe-area-inset-bottom, 0px) + 14px);background:var(--panel-solid);border-top:1px solid var(--border-strong);border-radius:18px 18px 0 0;animation:sheetUp .18s ease-out}@keyframes sheetUp{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:8px;gap:8px}.sheet-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:rgba(13,11,26,.6);border:2px solid transparent;color:var(--text)}.sheet-item.active{border-color:var(--gold);background:rgba(255,206,107,.12)}.sheet-item:disabled{opacity:.4}.sheet-item .ic{font-size:26px}.sheet-item .nm{font-size:11px;text-align:center;line-height:1.1}.sheet-item .am{position:absolute;top:3px;right:5px;font-size:10px;color:var(--gold);font-weight:700}.mc-controls.lefty{flex-direction:row-reverse}@media (max-width:560px){.nav{padding:10px 12px;gap:8px}.brand{font-size:18px}.nav .btn{padding:8px 11px;font-size:13px}.container{padding:0 14px}.hero{padding:48px 14px 28px}.hero-scene{height:380px}.hero .crossed{letter-spacing:.18em}.hero .sub{font-size:15px;margin-top:12px}.hero .btn-lg{font-size:16px;padding:13px 20px}.card,.faction-card{padding:14px}.panel{border-radius:12px}.modal{width:94vw;padding:22px}.section-title,h2{font-size:26px}.container .panel{padding:18px!important}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.gold-pill{color:var(--gold);border-color:rgba(255,206,107,.4)}.stage-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(20,16,36,.7);border:1px solid var(--border);transition:transform .12s,border-color .2s,box-shadow .2s}.stage-card.open{border-color:var(--border-strong)}.stage-card.open:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.4)}.stage-card.cleared{border-color:rgba(123,220,138,.4);background:rgba(40,60,44,.4)}.stage-card.locked{opacity:.55}.stage-num{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px;background:linear-gradient(135deg,var(--gold),var(--violet));color:#1a1230}.stage-num.cleared{background:linear-gradient(135deg,var(--good),#4caf50);color:#06210d}.stage-card.locked .stage-num{background:hsla(0,0%,100%,.08);color:var(--text-dim)}@media (max-width:560px){.stage-card{flex-wrap:wrap;gap:10px;padding:12px}.stage-card>div:last-child{width:100%}.stage-card>div:last-child .btn{width:100%;justify-content:center}}.hud-bottom.inactive{opacity:.5;filter:saturate(.7)}.hud-bottom.inactive .skill-chip,.hud-bottom.inactive .weapon-slot{cursor:default}.turn-wait{position:absolute;bottom:100%;left:18px;margin-bottom:6px;font-size:12px;color:var(--text-dim);background:rgba(13,11,26,.8);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.weapon-tray{align-items:center}.mobile-deck.waiting .mc-controls,.mobile-deck.waiting .mc-loadout{opacity:.5}.mc-wait{align-self:center;font-size:12px;font-weight:700;color:var(--gold);background:rgba(13,11,26,.85);border:1px solid var(--border);border-radius:999px;padding:3px 14px;margin-bottom:2px}.hud.mobile .hud-top{flex-wrap:wrap}.hud.mobile .hud-left{flex:1 1 auto;min-width:0}.hud.mobile .hud-right{flex:1 1 100%;order:3;min-width:0;margin-top:2px;justify-content:space-between;align-items:flex-start}.hud.mobile .team-health{max-width:calc(100vw - 96px);min-width:0;overflow:hidden}.hud.mobile .team-health .tname{max-width:96px}.hud.mobile .hud-tools{flex-shrink:0}.ability-chip:focus-visible,.btn:focus-visible,.champ-card:focus-visible,.class-chip:focus-visible,.mc-btn:focus-visible,.mc-skill:focus-visible,.sheet-item:focus-visible,.skill-chip:focus-visible,.stage-card:focus-visible,.weapon-slot:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--violet)}.input:focus-visible,.select:focus-visible{box-shadow:var(--focus-ring)}button.champ-card,button.class-chip,button.stage-action{font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}@media (pointer:coarse){.ability-chip,.btn,.btn-sm,.class-chip,.input,.nav .btn,.pill,.skill-chip,.weapon-slot,select{min-height:44px}.weapon-slot{min-width:44px}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--violet-2),var(--violet));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-2));border:2px solid #2a1c00;box-shadow:0 2px 6px rgba(0,0,0,.45)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-2));border:2px solid #2a1c00}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:6px;border:1px solid var(--border-strong);background:rgba(13,11,26,.7);cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--gold),var(--gold-2));border-color:var(--gold)}input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#2a1c00;font-size:15px;font-weight:900}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.bg-stars,.sudden-death-veil,.turn-timer.low{animation:none!important}}