:root{color:#f3f3f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080808;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{margin:0}:root{--bg-0:#070b12;--bg-1:#0d1320;--card-bg:#101829;--card-bg-soft:#0d1423;--surface:#121c2d;--surface-soft:#10192a;--border:#21314a;--border-strong:#31507d;--text-primary:#f3f7ff;--text-secondary:#c0cce0;--text-muted:#95a4be;--accent:#56b8ff;--accent-strong:#7a78ff;--success:#4dff9f;--danger:#ff8e9d}body{color:var(--text-primary);background:radial-gradient(1200px 600px at 10% -10%, #162741 0%, transparent 60%), radial-gradient(1200px 600px at 110% -20%, #1b1a3b 0%, transparent 55%), linear-gradient(170deg, var(--bg-1), var(--bg-0));margin:0}.app-shell{place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.card{border:1px solid var(--border);background:linear-gradient(180deg, var(--card-bg) 0%, var(--card-bg-soft) 100%);box-sizing:border-box;border-radius:12px;width:min(720px,100%);padding:1.25rem;box-shadow:inset 0 0 0 1px #56b8ff14,0 18px 44px #00000059}.gameplay-card{border-color:var(--border-strong);background:linear-gradient(#111b2d 0%,#0d1523 100%)}.ascii-emperor{border:1px solid var(--border);color:#cae8ff;background:#0b1220;border-radius:10px;margin:0 0 1rem;padding:.65rem;font-family:Consolas,Courier New,monospace;font-size:.72rem;line-height:1.15;overflow-x:auto}.ascii-mobile{letter-spacing:.18em;margin:0 0 1rem;font-family:Consolas,Courier New,monospace;font-size:1.9rem;font-weight:800;display:none}.splash-title-wrap{border:1px solid var(--border);text-align:center;background:#0b1220;border-radius:10px;margin:0 0 1rem;padding:1rem .75rem}.splash-title{letter-spacing:.08em;color:#ead8a0;text-shadow:0 0 18px #ead8a040;margin:0;font-size:clamp(2.4rem,8vw,4.2rem)}.card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}h1{margin:.1rem 0 .65rem;font-size:1.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0;font-size:.8rem}.hint{color:var(--text-secondary);margin:0 0 1rem}.hint-urgent{color:#ffd97b;text-shadow:0 0 10px #ffd97b59}.home-actions{gap:.75rem;display:grid}.tutorial-picker{border:1px solid var(--border);background:#0f1829d9;border-radius:10px;gap:.55rem;padding:.65rem .75rem;display:grid}.tutorial-picker label{gap:.35rem;display:grid}.tutorial-launch{justify-content:center;margin-top:.5rem;display:flex}.join-block{grid-template-columns:1fr auto;gap:.5rem;display:grid}.setup-form{gap:.75rem;display:grid}.setup-form label{gap:.35rem;display:grid}input,select,button{font:inherit}input,select{border:1px solid var(--border);color:var(--text-primary);background:#0d1627;border-radius:8px;padding:.65rem .75rem;transition:border-color .16s,box-shadow .16s,background-color .16s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #56b8ff33}input::placeholder{color:var(--text-muted)}button{border:1px solid var(--border-strong);color:#f8fbff;cursor:pointer;background:linear-gradient(#58b9ff 0%,#4772ff 100%);border-radius:8px;padding:.65rem .85rem;font-weight:600;transition:transform .14s,box-shadow .14s,filter .14s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2954de59}button:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.player-list{gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.player-list li{border:1px solid var(--border);background:#070c168c;border-radius:8px;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;display:flex}.error{color:var(--danger);margin:.75rem 0 0}.success{color:var(--success);margin:.75rem 0 0;font-weight:700}.status-ready{color:var(--success)}.phase-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin-top:.85rem;padding:.7rem}.room-code{border:1px solid var(--border-strong);letter-spacing:.12em;color:#d9ecff;background:#071220b3;border-radius:8px;margin:0 0 .9rem;padding:.55rem .75rem;font-weight:800}.observer-pill{color:#c7d9f8;margin:-.35rem 0 .9rem;font-size:.9rem}.papyrus-title{letter-spacing:.06em;font-family:Papyrus,Times New Roman,serif}.header-player-name{color:#d7ecff;letter-spacing:.03em;margin:.15rem 0 0;font-family:Courier New,Courier,monospace;font-size:1.15rem;font-weight:800}.names-announcement{letter-spacing:.04em;color:#ffe07f;text-shadow:0 0 14px #ffe07f47;margin:0 0 .65rem;font-family:Comic Sans MS,Brush Script MT,cursive;font-size:1.05rem}.help-button{border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;font-weight:800;display:inline-grid}.how-to-play{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;margin:0 0 1rem;padding:.8rem}.how-to-play h2{margin:0 0 .5rem;font-size:1.05rem}.rules-lede{color:var(--text-secondary);margin:0 0 .75rem;font-size:.95rem;line-height:1.45}.how-to-play h3{color:var(--text-primary);margin:.85rem 0 .45rem;font-size:.95rem}.how-list,.build-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.how-list li,.build-list li{color:var(--text-secondary)}.how-list li{align-items:baseline;gap:.5rem;display:flex}.step-icon{color:var(--text-primary);min-width:1.2rem;font-weight:700}.reveal-list{gap:.3rem;margin:0;padding-left:1rem;display:grid}.reveal-list li{color:var(--text-primary)}.turn-controls{gap:.6rem;margin:.7rem 0;display:grid}.turn-controls label{gap:.35rem;display:grid}.team-legend{display:block}.team-circle{aspect-ratio:1;width:min(560px,92vw);margin:.45rem auto .8rem;position:relative}.team-column{background:var(--surface);border:1px solid;border-radius:10px;padding:.45rem .55rem;transition:transform .18s,box-shadow .18s}.circle-team{opacity:.5;filter:grayscale(.7)saturate(.45);width:clamp(130px,24vw,170px);position:absolute;transform:translate(-50%,-50%)scale(.86)}.team-column p{margin:0;font-weight:800}.team-column-active{opacity:1;filter:grayscale(0)saturate();z-index:3;transform:translate(-50%,-50%)scale(1.18);box-shadow:0 0 0 1px #7a78ff99,0 0 20px #7a78ff47}.team-column-muted{z-index:1}.victory-field{overflow:hidden}.victory-stage{place-items:center;width:100%;min-height:min(340px,72vw);margin:.35rem auto 0;display:grid;position:relative}.victory-fireworks{pointer-events:none;z-index:0;position:absolute;inset:-8%}.victory-firework{opacity:0;width:6px;height:6px;animation:1.15s ease-out infinite victory-firework-burst;animation-delay:var(--fw-delay,0s);background:radial-gradient(circle at 28% 28%,#fffef2,#ffd166 42%,#0000 72%);border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.victory-firework:nth-child(3n){background:radial-gradient(circle at 28% 28%,#fff,#ff6b6b 45%,#0000 72%)}.victory-firework:nth-child(3n+1){background:radial-gradient(circle at 28% 28%,#f8fbff,#6ea8fe 45%,#0000 72%)}.victory-firework:nth-child(3n+2){background:radial-gradient(circle at 28% 28%,#fff,#c77dff 42%,#0000 72%)}@keyframes victory-firework-burst{0%{opacity:0;transform:rotate(var(--fw-rot,0deg)) translateY(8px) scale(.35)}14%{opacity:1}to{opacity:0;transform:rotate(var(--fw-rot,0deg)) translateY(-132px) scale(.12)}}.victory-team-wrap{z-index:2;background:linear-gradient(#101c2ef5,#0a101cfa);border:2px solid;border-radius:12px;min-width:min(280px,88%);padding:.85rem 1rem 1rem;animation:1.05s ease-in-out infinite victory-team-shine;position:relative}@keyframes victory-team-shine{0%,to{filter:brightness()drop-shadow(0 0 12px #ffffff24);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 24px #ffe6b41f}50%{filter:brightness(1.18)drop-shadow(0 0 26px #fff0c86b);box-shadow:inset 0 0 0 2px #ffffff59,0 0 44px #ffdca047}}.victory-team-captain{text-align:center;margin:0 0 .45rem;font-weight:900}.victory-team-roster{text-align:center}.tutorial-flash-backdrop{z-index:75;box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040810b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tutorial-flash-panel{background:linear-gradient(165deg,#152238 0%,#0b1220 55%,#0a101c 100%);border:2px solid #ead8a08c;border-radius:14px;width:min(640px,94vw);max-height:min(78vh,520px);padding:clamp(1rem,4vw,1.75rem) clamp(1.1rem,4vw,2rem);position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #56b8ff33,0 24px 64px #0000008c}.tutorial-flash-panel--pulse{animation:1.15s ease-in-out infinite tutorial-flash-glow}.tutorial-flash-close{color:#fff5d8;cursor:pointer;background:#070c16e6;border:1px solid #ffffff47;border-radius:999px;width:2rem;height:2rem;font-weight:900;line-height:1;position:absolute;top:.55rem;right:.6rem;box-shadow:0 0 16px #ffe6a029}.tutorial-flash-close:hover,.tutorial-flash-close:focus-visible{background:#1e263afa;border-color:#ffecb4e6;outline:none}@keyframes tutorial-flash-glow{0%,to{border-color:#ead8a073;box-shadow:inset 0 0 0 1px #56b8ff26,0 0 28px #7a78ff33,0 24px 64px #0000008c}50%{border-color:#ffecb4f2;box-shadow:inset 0 0 0 2px #ffffff1f,0 0 48px #ffd27859,0 24px 64px #0000008c}}.tutorial-flash-kicker{text-align:center;letter-spacing:.28em;color:#7ad7ff;text-shadow:0 0 14px #7ad7ff73;margin:0 0 .5rem;font-size:clamp(.85rem,2.8vw,1rem);font-weight:800}.tutorial-flash-headline{text-align:center;letter-spacing:.04em;color:#f8ecd0;text-shadow:0 0 22px #f8ecd040;margin:0 0 .85rem;font-size:clamp(1.45rem,5.5vw,2.35rem);font-weight:900;line-height:1.12}.tutorial-flash-body{text-align:center;color:var(--text-secondary);margin:0;font-size:clamp(.95rem,3.2vw,1.12rem);font-weight:600;line-height:1.45}.tutorial-flash-body--turn{color:#e8eef8;font-size:clamp(1.05rem,3.6vw,1.28rem);font-weight:700;line-height:1.42}.target-select{background:#1b2436;border-color:#5d6f8f}.toast{border-radius:8px;margin:.75rem 0 0;padding:.5rem .65rem;font-weight:700}.toast-correct{color:#b2ffd0;background:#153c2a;border:1px solid #3b8f60}.toast-incorrect{color:#ffc2ca;background:#3d1d25;border:1px solid #8f4352}.winner-name{letter-spacing:.08em;margin:.25rem 0 .45rem;font-size:clamp(2rem,7vw,3.8rem);font-weight:900;line-height:1.05}.loss-line{color:#ff7e8e;margin:0;font-size:.95rem;font-weight:700}.chat-box{margin-top:.9rem}.chat-list{gap:.35rem;max-height:160px;margin:0 0 .6rem;padding:0;list-style:none;display:grid;overflow:auto}.transfer-overlay{pointer-events:none;z-index:60;position:fixed;inset:0}.transfer-chip{--from-x:0px;--from-y:0px;--to-x:0px;--to-y:0px;white-space:nowrap;transform:translate(calc(var(--from-x) - 50%), calc(var(--from-y) - 50%));background:#070e18eb;border:1px solid;border-radius:999px;padding:.3rem .55rem;font-weight:700;animation:.32s ease-out forwards team-transfer;position:fixed;top:0;left:0}@keyframes team-transfer{0%{opacity:.96;transform:translate(calc(var(--from-x) - 50%), calc(var(--from-y) - 50%)) scale(1)}to{opacity:0;transform:translate(calc(var(--to-x) - 50%), calc(var(--to-y) - 50%)) scale(.97)}}@media (width<=640px){.team-circle{width:min(440px,98vw)}.circle-team{width:clamp(116px,30vw,142px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;display:grid}.admin-player-search{margin:.75rem 0}.admin-player-search label{gap:.35rem;display:grid}.admin-layout{grid-template-columns:minmax(200px,260px) 1fr;gap:.8rem;margin-bottom:.8rem;display:grid}.admin-player-list{border:1px solid var(--border);background:#0f1829;border-radius:10px;gap:.45rem;max-height:360px;padding:.5rem;display:grid;overflow:auto}.admin-player-item{text-align:left;background:#162239;border:1px solid #2c446d;gap:.2rem;display:grid}.admin-player-item span{color:var(--text-secondary);font-size:.85rem}.admin-player-item-active{border-color:#65b8ff;box-shadow:0 0 0 1px #65b8ff73}.admin-player-detail{border:1px solid var(--border);background:#0f1829;border-radius:10px;padding:.75rem}.admin-player-detail h3,.admin-player-detail h4{margin:0 0 .45rem}.admin-rounds-list{gap:.3rem;margin:0;padding-left:1rem;display:grid}@media (width<=900px){.admin-layout{grid-template-columns:1fr}}