:root{--bg: #070b18;--bg-2: #0a1020;--panel: #0e1730;--panel-2: #111c3a;--panel-glow: rgba(59, 130, 246, .08);--border: #1e2b52;--border-soft: #172244;--text: #e8eefc;--muted: #8ea6cf;--faint: #5f7099;--accent: #3b82f6;--accent-2: #60a5fa;--accent-ink: #eaf2ff;--danger: #ef4444;--warn: #eab308;--ok: #22c55e;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 12px 40px -18px rgba(0, 0, 0, .75);--ring: 0 0 0 3px rgba(59, 130, 246, .25);--role-commander: #3b82f6;--role-spy: #a855f7;--role-fighter: #ef4444;--role-doctor: #22c55e;--team-blue: #3b82f6;--team-red: #ef4444;--team-green: #22c55e;--team-yellow: #eab308;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1100px 620px at 82% -8%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px 520px at -6% 110%,rgba(168,85,247,.08),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{letter-spacing:-.01em}button,.btn{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-ink);border:1px solid rgba(96,165,250,.6);border-radius:var(--radius-sm);padding:.55rem .95rem;font-weight:650;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 6px 18px -8px #3b82f6b3,inset 0 1px #ffffff24;transition:transform .06s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 24px -8px #3b82f6cc}button:active:not(:disabled),.btn:active:not(:disabled){transform:translateY(1px)}button:disabled,.btn:disabled{opacity:.55;cursor:default;box-shadow:none}.btn-ghost,button.ghost{background:#ffffff08;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover:not(:disabled),button.ghost:hover:not(:disabled){background:#60a5fa1a;border-color:var(--accent);filter:none}.btn-danger{background:linear-gradient(180deg,#f87171,var(--danger));border-color:#f8717199;box-shadow:0 6px 18px -8px #ef4444b3}button.link,.btn.link{background:none;color:var(--muted);padding:.2rem .4rem;font-weight:550;border:none;box-shadow:none}button.link:hover:not(:disabled){color:var(--accent-2);filter:none}input,select,textarea{background:#0a1226;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.58rem .7rem;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{min-height:70px;resize:vertical;width:100%}.mono{font-family:ui-monospace,JetBrains Mono,monospace}.center-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.field>span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:650}.row{display:flex;gap:.5rem;align-items:center}.stack{display:flex;flex-direction:column;gap:1rem}.spacer{flex:1}.muted{color:var(--muted)}.error{color:#fca5a5}.notice{color:#86efac}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--border);background:#0a1020b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.content{padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}.tabs{display:flex;gap:.35rem}.tab{background:#ffffff05;color:var(--muted);border:1px solid transparent;box-shadow:none;font-weight:600}.tab:hover:not(.active){color:var(--text);filter:none}.tab.active{background:#3b82f624;color:var(--accent-2);border-color:#3b82f680}table.grid{width:100%;border-collapse:collapse;margin-top:.75rem}table.grid th,table.grid td{text-align:left;padding:.65rem .7rem;border-top:1px solid var(--border-soft)}table.grid th{color:var(--faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;border-top:none}table.grid tbody tr:hover{background:#3b82f60d}.roster{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.roster li{padding:.35rem 0;display:flex;align-items:center;gap:.4rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:middle}.dot-on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot-off{background:#47506a}.conn-badge{font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem;display:inline-flex;align-items:center;gap:.4rem;background:#ffffff05}.conn-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.conn-badge[data-status=open]{color:#86efac;border-color:#22c55e80}.conn-badge[data-status=reconnecting],.conn-badge[data-status=closed]{color:#fcd34d;border-color:#eab30880}code{background:#0a1226;padding:.15rem .4rem;border-radius:5px;border:1px solid var(--border-soft);font-family:ui-monospace,monospace}.team-columns{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.team-col{flex:1 1 220px;border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;background:linear-gradient(180deg,var(--panel-2),var(--panel));position:relative}.team-col:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--tc, var(--accent));box-shadow:0 0 14px var(--tc, var(--accent))}.team-col .team-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem .9rem .6rem}.team-name{font-weight:800;letter-spacing:.02em}.team-col .roster{padding:0 .7rem .7rem;margin:0}.team-col .roster li{padding:.45rem .5rem;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#ffffff04}.team-emblem{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:900;color:#fff;background:var(--tc, var(--accent));box-shadow:0 0 16px -2px var(--tc, var(--accent))}.team-blue{--tc: var(--team-blue)}.team-red{--tc: var(--team-red)}.team-green{--tc: var(--team-green)}.team-yellow{--tc: var(--team-yellow)}.team-blue .team-name{color:#bfdbfe}.team-red .team-name{color:#fecaca}.team-green .team-name{color:#bbf7d0}.team-yellow .team-name{color:#fde68a}.role-badge{font-size:.68rem;font-weight:750;padding:.12rem .5rem;border-radius:999px;border:1px solid currentColor;display:inline-flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,currentColor 12%,transparent)}.role-commander{color:#93c5fd}.role-spy{color:#d8b4fe}.role-fighter{color:#fca5a5}.role-doctor,.role-easy{color:#86efac}.role-normal,.role-medium{color:#fcd34d}.role-hard{color:#fca5a5}.role-expert{color:#f0abfc}.move-select{margin-left:auto;font-size:.72rem;padding:.15rem .35rem}.game-screen,.projector{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.game-topbar,.projector-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#0c1330}.arena{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:.5rem}.arena canvas{max-width:100%;max-height:100%;border-radius:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040814b3;display:grid;place-items:center;z-index:50;padding:1rem}.modal{max-height:90vh;overflow:auto}.code-block{background:#0c1330;border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem;overflow:auto;font-family:ui-monospace,monospace;font-size:.9rem}.option-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;cursor:pointer}.option-row.selected{border-color:var(--accent);background:#10204a}.score-chip{font-size:.8rem;font-weight:700;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border)}.score-chip.team-blue{color:#93c5fd;border-color:#3b82f6}.score-chip.team-red{color:#fca5a5;border-color:#ef4444}.score-chip.team-green{color:#86efac;border-color:#22c55e}.score-chip.team-yellow{color:#fde68a;border-color:#eab308}.team-event-banner{background:linear-gradient(90deg,#3a2f00,#4a3c00);border:1px solid #f5c518;color:#ffe27a;font-weight:700;border-radius:6px;padding:.4rem .7rem;margin-bottom:.6rem;text-align:center}.team-event-strip{background:#2a2400;border-bottom:1px solid #6b5a10;color:#ffe27a;padding:.35rem 1rem;font-weight:600;text-align:center}.hp-hud{display:inline-flex;align-items:center;gap:6px}.hp-hud-track{width:90px;height:8px;border-radius:999px;background:#1a2440;border:1px solid var(--border);overflow:hidden}.hp-hud-fill{display:block;height:100%;background:#22c55e;transition:width .2s ease}.hp-hud-fill.mid{background:#eab308}.hp-hud-fill.low{background:#ef4444}.hp-hud-num{font-size:.75rem;font-weight:700;color:#cbd5e1}.combat-banner{background:linear-gradient(90deg,#3a0000,#4a0000);border:1px solid #ef4444;color:#fca5a5;font-weight:700;border-radius:6px;padding:.4rem .7rem;margin-bottom:.6rem;text-align:center}.combat-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);background:#3a0000;border:1px solid #ef4444;color:#fca5a5;padding:.4rem .9rem;border-radius:999px;font-weight:600;z-index:60}.downed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1400008c;display:grid;place-items:center;z-index:45;pointer-events:none}.downed-card{background:#16060a;border:1px solid #7f1d1d;border-radius:10px;padding:1.2rem 1.6rem;text-align:center;color:#fecaca}.downed-card h2{margin:0 0 .4rem}.heal-banner{background:linear-gradient(90deg,#052e1a,#064e2b);border:1px solid #22c55e;color:#86efac;font-weight:700;border-radius:6px;padding:.4rem .7rem;margin-bottom:.6rem;text-align:center}.spy-banner{background:linear-gradient(90deg,#2a0e3f,#3b1259);border:1px solid #a855f7;color:#e9d5ff;font-weight:700;border-radius:6px;padding:.4rem .7rem;margin-bottom:.6rem;text-align:center}.spy-panel{position:absolute;top:64px;right:12px;width:260px;max-width:40vw;z-index:40;background:#0c0818f0;border:1px solid #5b21b6;border-radius:10px;padding:.6rem .7rem;color:#e9d5ff}.spy-intercept-offer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:.5rem;padding:.4rem .5rem;border:1px solid #a855f7;border-radius:6px;background:#2a0e3f}.spy-preview,.spy-reveal,.spy-intel{margin-top:.5rem;font-size:.9rem}.spy-reveal{border:1px solid #22c55e;border-radius:6px;padding:.4rem .5rem;background:#06251a;color:#bbf7d0}.link-btn{background:none;border:none;color:#c4b5fd;cursor:pointer;padding:0}.commander-hud{position:absolute;top:64px;left:12px;width:240px;max-width:40vw;z-index:40;background:#080e1cf0;border:1px solid #1d4ed8;border-radius:10px;padding:.6rem .7rem;color:#dbeafe}.winner-banner{border-radius:10px;padding:1rem 1.2rem;text-align:center;border:1px solid var(--border);background:#0c1330;margin-bottom:.4rem}.winner-banner.team-blue{border-color:#3b82f6;background:linear-gradient(180deg,#0b1e44,#0c1330)}.winner-banner.team-red{border-color:#ef4444;background:linear-gradient(180deg,#3a0f14,#0c1330)}.winner-banner.team-green{border-color:#22c55e;background:linear-gradient(180deg,#08301d,#0c1330)}.winner-banner.team-yellow{border-color:#eab308;background:linear-gradient(180deg,#332a05,#0c1330)}.winner-banner.tie{border-color:#64748b}.winner-banner h1{margin:0}.winner-trophy{font-size:3rem;line-height:1}.winner-score{font-size:1.2rem;font-weight:700;margin:4px 0 0}.standings{list-style:none;margin:0;padding:0}.standings li{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;margin-bottom:4px}.standings li .rank{font-weight:700;width:1.4rem;text-align:center;opacity:.7}.standings li .team-name{flex:1;font-weight:600}.standings li .team-pts{font-weight:700;font-variant-numeric:tabular-nums}.standings li.team-blue{border-left:4px solid #3b82f6}.standings li.team-red{border-left:4px solid #ef4444}.standings li.team-green{border-left:4px solid #22c55e}.standings li.team-yellow{border-left:4px solid #eab308}.achievement-list{list-style:none;margin:0;padding:0}.achievement-list li{padding:.25rem 0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}.achievement-list .ach-label{font-weight:700}.achievement-list .ach-who{color:var(--accent)}.projector-result{flex:1;overflow:auto;padding:1.5rem clamp(1rem,5vw,4rem)}.projector-result .winner-banner h1{font-size:clamp(2rem,6vw,4rem)}.projector-result .winner-trophy{font-size:clamp(3rem,9vw,6rem)}.result-columns{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.2rem}.result-card{flex:1 1 340px;background:#0c1330;border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem}.result-card h2{margin-top:0}.projector-result .standings li{font-size:clamp(1rem,2.4vw,1.4rem)}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem .85rem;border-right:1px solid var(--border);background:#080d1cb8;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem 1rem}.brand-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(160deg,var(--accent-2),var(--accent));color:#fff;font-size:1.15rem;box-shadow:0 0 20px -4px var(--accent)}.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand-name b{color:var(--accent-2)}.nav-group-label{color:var(--faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;padding:.8rem .6rem .3rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;cursor:pointer;border:1px solid transparent;background:none;box-shadow:none;width:100%;text-align:left;font-size:.94rem}.nav-item .nav-ic{font-size:1.05rem;width:1.4rem;text-align:center}.nav-item:hover:not(.active){color:var(--text);background:#ffffff08;filter:none}.nav-item.active{color:var(--accent-ink);background:linear-gradient(90deg,#3b82f638,#3b82f60f);border-color:#3b82f673;box-shadow:inset 3px 0 0 var(--accent)}.sidebar-spacer{flex:1}.sidebar-card{border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .8rem;background:#ffffff05}.main-area{min-width:0;display:flex;flex-direction:column}.page-header{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;padding:1.4rem 1.6rem .4rem}.page-header .page-title{font-size:1.7rem;font-weight:800;margin:0}.page-header .page-sub{color:var(--muted);margin:.25rem 0 0}.page-body{padding:1.1rem 1.6rem 2rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem}.stat-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:#3b82f624;color:var(--accent-2);border:1px solid rgba(59,130,246,.35)}.stat-ic.green{background:#22c55e24;color:#86efac;border-color:#22c55e59}.stat-ic.purple{background:#a855f724;color:#d8b4fe;border-color:#a855f759}.stat-ic.gold{background:#eab30824;color:#fde68a;border-color:#eab30859}.stat-value{font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.badge{font-size:.72rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent);display:inline-flex;align-items:center;gap:.3rem}.badge.ok{color:#86efac}.badge.warn{color:#fcd34d}.badge.off{color:#fca5a5}.badge.info{color:var(--accent-2)}.status-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:650}.status-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.live-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:800;letter-spacing:.05em;color:#fca5a5;text-transform:uppercase;padding:.2rem .6rem;border:1px solid rgba(239,68,68,.5);border-radius:999px;background:#ef44441a}.live-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:100vh}.split-form{display:grid;place-items:center;padding:2rem}.split-aside{position:relative;padding:2rem;display:grid;place-items:center;border-left:1px solid var(--border);background:radial-gradient(700px 400px at 80% 0%,rgba(59,130,246,.14),transparent 60%),var(--bg-2)}.auth-box{width:min(420px,100%)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .ic{position:absolute;left:.7rem;color:var(--faint)}.input-wrap input{padding-left:2.2rem;width:100%}@media (max-width: 860px){.split{grid-template-columns:1fr}.split-aside{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-spacer,.sidebar-card{display:none}}.stepper{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.5rem 0 1.2rem}.step{display:flex;align-items:center;gap:.5rem}.step-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;border:2px solid var(--border);color:var(--faint)}.step.active .step-num{border-color:var(--accent);color:var(--accent-2);box-shadow:var(--ring)}.step.done .step-num{border-color:var(--ok);color:#0a1020;background:var(--ok)}.step-label b{display:block;font-size:.9rem}.step-label span{font-size:.74rem;color:var(--faint)}.step-line{flex:1;height:2px;min-width:20px;background:var(--border)}.role-tile{border-radius:var(--radius-lg);padding:1.4rem;text-align:center;border:1px solid var(--rc, var(--accent));background:radial-gradient(400px 200px at 50% -10%,color-mix(in srgb,var(--rc, var(--accent)) 22%,transparent),transparent 70%),var(--panel)}.role-tile .role-eyebrow{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.role-tile .role-name{font-size:2.2rem;font-weight:900;margin:.2rem 0;color:var(--rc, var(--accent));text-shadow:0 0 24px color-mix(in srgb,var(--rc) 45%,transparent)}.role-icon{font-size:2.6rem}.role-tile.r-commander{--rc: var(--role-commander)}.role-tile.r-spy{--rc: var(--role-spy)}.role-tile.r-fighter{--rc: var(--role-fighter)}.role-tile.r-doctor{--rc: var(--role-doctor)}.role-ability{color:var(--text);opacity:.9;margin:.4rem auto 0;max-width:34ch;line-height:1.5}.team-hero{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);border:1px solid var(--tc, var(--accent));background:radial-gradient(400px 200px at 0% 0%,color-mix(in srgb,var(--tc) 20%,transparent),transparent 70%),var(--panel)}.team-hero .team-shield{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-size:1.8rem;color:#fff;background:var(--tc, var(--accent));box-shadow:0 0 24px -4px var(--tc, var(--accent))}.team-hero h2{margin:0;font-size:1.7rem}.divider{height:1px;background:var(--border-soft);margin:1rem 0;border:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.pill-toggle{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:3px;background:#ffffff05;gap:3px}.pill-toggle button{background:none;color:var(--muted);box-shadow:none;border:none;padding:.4rem .9rem;border-radius:999px;font-weight:700}.pill-toggle button.on{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff}.game-screen{background:var(--bg);position:relative;height:100vh;max-height:100vh;overflow:hidden}.hud-top{display:flex;align-items:center;gap:.7rem;padding:.45rem .9rem;z-index:5;background:linear-gradient(180deg,#090e1cf0,#090e1c8c);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-brand{display:flex;align-items:center;gap:.4rem;font-weight:800}.hud-brand .brand-logo{width:26px;height:26px;font-size:.9rem;border-radius:8px}.hud-team-chip{display:flex;align-items:center;gap:.45rem;font-weight:800;padding:.28rem .7rem;border-radius:10px;border:1px solid var(--tc, var(--accent));background:color-mix(in srgb,var(--tc, var(--accent)) 15%,transparent)}.hud-team-chip .emb{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-weight:900;color:#fff;background:var(--tc, var(--accent))}.hud-scores{display:flex;align-items:center;gap:.4rem;margin:0 auto}.hud-score{display:flex;flex-direction:column;align-items:center;min-width:70px;padding:.1rem .6rem;border-radius:9px;border:1px solid var(--tc, var(--border));background:color-mix(in srgb,var(--tc, transparent) 10%,transparent)}.hud-score b{font-size:1.15rem;font-weight:800;line-height:1.1;color:var(--tc, var(--text))}.hud-score small{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hud-vs{color:var(--faint);font-weight:800}.hud-hp{display:flex;align-items:center;gap:.45rem}.hud-hp-bar{width:120px;height:11px;border-radius:999px;background:#131c33;border:1px solid var(--border);overflow:hidden}.hud-hp-fill{height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width .25s ease}.hud-hp-fill.mid{background:linear-gradient(90deg,#ca8a04,#fde047)}.hud-hp-fill.low{background:linear-gradient(90deg,#dc2626,#f87171)}.hud-hp-num{font-weight:800;font-size:.8rem;font-variant-numeric:tabular-nums}.hud-controls{font-size:.74rem;color:var(--faint);white-space:nowrap}@media (max-width: 820px){.hud-controls{display:none}.hud-hp-bar{width:80px}}.role-hud{position:absolute;left:14px;bottom:14px;width:300px;max-width:44vw;z-index:40;background:#090e1ced;border:1px solid color-mix(in srgb,var(--rc, var(--accent)) 55%,var(--border));border-radius:14px;padding:.75rem .85rem;color:var(--text);box-shadow:0 14px 34px -18px #000000d9,0 0 24px -14px var(--rc, var(--accent))}.role-hud.right{left:auto;right:14px}.role-hud.r-commander{--rc: var(--role-commander)}.role-hud.r-fighter{--rc: var(--role-fighter)}.role-hud.r-doctor{--rc: var(--role-doctor)}.role-hud.r-spy{--rc: var(--role-spy)}.role-hud-head{display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--rc, var(--accent));letter-spacing:.02em}.role-hud-head .r-ic{font-size:1.2rem}.role-hud-head .r-tag{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.hud-note{color:var(--muted);font-size:.8rem;margin:.55rem 0 0;line-height:1.4}.ability-dock{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}.ability-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:11px;border:1px solid var(--rc, var(--accent));background:color-mix(in srgb,var(--rc, var(--accent)) 16%,transparent);color:var(--text);font-weight:750;font-size:.84rem;box-shadow:none;cursor:pointer;overflow:hidden}.ability-btn:hover:not(:disabled){filter:brightness(1.1)}.ability-btn:disabled{cursor:default}.ability-btn .key{font-size:.66rem;font-weight:800;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:.05rem .3rem;background:#0000004d}.ability-btn .cd-fill{position:absolute;left:0;bottom:0;height:3px;background:var(--rc, var(--accent));box-shadow:0 0 8px var(--rc)}.ability-btn.cooling{opacity:.75}.ability-btn.cooling .cd-txt{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}.mate-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:150px;overflow:auto}.mate-list li{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.mate-hp{flex:1;height:7px;border-radius:999px;background:#131c33;overflow:hidden}.mate-hp span{display:block;height:100%;background:#22c55e}.mate-hp span.mid{background:#eab308}.mate-hp span.low{background:#ef4444}.mate-list li.downed{opacity:.6}.hud-toast{position:absolute;top:62px;left:50%;transform:translate(-50%);z-index:60;padding:.5rem 1.05rem;border-radius:999px;font-weight:750;font-size:.9rem;border:1px solid var(--accent);background:#090e1cf5;color:var(--accent-ink);box-shadow:0 0 26px -8px var(--accent);animation:toastIn .18s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.state-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:46;pointer-events:none}.state-overlay.downed{background:radial-gradient(circle at 50% 55%,#5000001f,#14000099)}.state-overlay.frozen{background:radial-gradient(circle at 50% 55%,#3b82f624,#08122a8c)}.state-card{text-align:center;padding:1.3rem 1.9rem;border-radius:18px;border:1px solid var(--sc, #7f1d1d);background:#090e1ceb;box-shadow:0 0 46px -10px var(--sc, #7f1d1d)}.state-card h2{margin:0 0 .3rem;font-size:1.9rem}.state-card.downed{--sc: #ef4444;color:#fecaca}.state-card.frozen{--sc: #60a5fa;color:#dbeafe}.shield-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;pointer-events:none;box-shadow:inset 0 0 90px -14px #38bdf88c;animation:pulse 2.2s ease-in-out infinite}.event-strip{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.4rem 1rem;font-weight:700;z-index:5}.event-strip.gold{background:linear-gradient(90deg,#3a2f00b3,#4a3c0080);border-bottom:1px solid #6b5a10;color:#ffe27a}.event-strip.rescue{background:linear-gradient(90deg,#2a0808cc,#3a0a0a80);border-bottom:1px solid #7f1d1d;color:#fecaca}.quiz2{width:min(940px,96vw);max-height:94vh;overflow:auto;border-radius:18px;border:1px solid rgba(59,130,246,.4);background:linear-gradient(180deg,#101a34,#0a1020);box-shadow:0 30px 80px -30px #000000e6,0 0 60px -24px var(--qc, #3b82f6);padding:1.1rem 1.25rem}.quiz2.q-combat{--qc: #ef4444}.quiz2.q-heal{--qc: #22c55e}.quiz2.q-spy{--qc: #a855f7}.quiz2.q-team{--qc: #eab308}.quiz2.q-rescue{--qc: #38bdf8}.quiz2-head{display:flex;align-items:center;gap:.7rem}.quiz2-src{display:flex;align-items:center;gap:.6rem}.quiz2-src .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:1.35rem;border:1px solid var(--qc, #3b82f6);background:color-mix(in srgb,var(--qc, #3b82f6) 16%,transparent)}.quiz2-title{font-weight:800;font-size:1.05rem;letter-spacing:.01em}.quiz2-sub{color:var(--muted);font-size:.8rem}.quiz2-meta{margin-left:auto;display:flex;align-items:center;gap:.6rem}.quiz2-timer{display:flex;flex-direction:column;align-items:center;padding:.25rem .6rem;border-radius:10px;border:1px solid #ef4444;color:#fca5a5;background:#ef44441a;font-variant-numeric:tabular-nums}.quiz2-timer.calm{border-color:var(--border);color:var(--muted);background:#ffffff05}.quiz2-timer b{font-size:1.05rem}.quiz2-timer small{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em}.quiz2-x{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.3rem .55rem;box-shadow:none}.quiz2-body{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:.9rem;align-items:start}.quiz2-label{color:var(--faint);text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;font-weight:700}.quiz2-prompt{font-size:1.18rem;font-weight:700;margin:.3rem 0 .75rem;line-height:1.35}.quiz2-code{background:#070d1c;border:1px solid var(--border);border-radius:12px;padding:.7rem 0;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.86rem;overflow-x:auto;line-height:1.55}.quiz2-code .cl{display:flex;padding:0 .9rem;white-space:pre}.quiz2-code .cl .n{width:1.8rem;flex:none;text-align:right;padding-right:.9rem;color:#3f4d70;-webkit-user-select:none;user-select:none}.quiz2-code .cl .c{color:#cdd9f5}.quiz2-tip{margin-top:.7rem;display:flex;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:10px;background:#ffffff05;color:var(--muted);font-size:.85rem}.answers{display:flex;flex-direction:column;gap:.55rem}.answer-opt{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;cursor:pointer;background:#ffffff04;transition:border-color .1s,background .1s}.answer-opt:hover{border-color:var(--accent)}.answer-opt.selected{border-color:#22c55e;background:#22c55e1f;box-shadow:inset 0 0 0 1px #22c55e}.answer-opt .okey{width:27px;height:27px;flex:none;border-radius:8px;display:grid;place-items:center;font-weight:800;border:1px solid var(--border)}.answer-opt.selected .okey{background:#22c55e;color:#04120b;border-color:#22c55e}.answer-opt input{display:none}.quiz2-input{width:100%;font-family:ui-monospace,monospace;padding:.7rem .8rem}.quiz2-submit{width:100%;justify-content:center;padding:.85rem;font-size:1rem;margin-top:.7rem}.quiz2-submit small{opacity:.85;font-weight:500}.quiz2-result{text-align:center;padding:.5rem 0}.quiz2-verdict{font-size:1.5rem;font-weight:900;margin:.2rem 0}.quiz2-verdict.ok{color:#86efac;text-shadow:0 0 20px rgba(34,197,94,.5)}.quiz2-verdict.no{color:#fca5a5;text-shadow:0 0 20px rgba(239,68,68,.4)}@media (max-width: 760px){.quiz2-body{grid-template-columns:1fr}}