@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,700;0,900;1,700&family=Inter:wght@400;600;700&display=swap";#game-version{position:fixed;z-index:20;top:43px;left:28px;color:#718477;font:9px/1 Inter,sans-serif;letter-spacing:.08em;pointer-events:none}.scoreboard header,.scoreboard p{grid-template-columns:minmax(120px,1fr) 110px 75px 42px 48px}.scoreboard{overflow:auto;max-height:68vh}@media(max-width:650px){.scoreboard header,.scoreboard p{grid-template-columns:minmax(80px,1fr) 72px 58px 30px 36px!important}}.settings{flex-wrap:wrap}.settings .volume{flex-basis:100%;justify-content:center}.settings .volume input{width:170px;accent-color:#8ee967}.result-reason{color:#d9e8d8;font-weight:700;letter-spacing:.08em}.next-round{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0;padding:10px;background:#0b140d;border:1px solid #4d714f}.next-round small{color:#b8cbb8;letter-spacing:.1em}.next-round b{font:900 34px/1 Barlow Condensed,sans-serif;color:#a3f477}.training-panel{position:absolute;right:18px;top:65px;width:285px;max-height:55vh;overflow:auto;padding:13px;background:#08120de8;border:1px solid #79a86e;font:11px Inter,sans-serif}.training-panel>b{display:block;color:#aaff86;letter-spacing:.12em}.training-panel>small{display:block;margin:4px 0 9px;color:#819987}.training-panel p{display:grid;grid-template-columns:1fr auto;margin:0;padding:7px 0;border-top:1px solid #263b2b}.training-panel span{font-weight:700}.training-panel i{color:#f0cf6a;font-style:normal;font-size:9px}.training-panel em{grid-column:1/-1;color:#9fb4a2;font:9px monospace;margin-top:3px}:root{font-family:Inter,system-ui;color:#edf3ee;background:#101713}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 70% 0,#263d2d,#101713 65%)}button,input{font:inherit}button{cursor:pointer;border:0;font-weight:900;letter-spacing:.08em}button:disabled{cursor:not-allowed;opacity:.5}#app{min-height:100vh}.topbar{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #314536;background:#122018cc;position:relative;z-index:2}.topbar strong,h1,.round strong{font-family:Barlow Condensed,sans-serif;letter-spacing:.08em}.topbar strong{font-size:23px}.topbar i{color:#96e968;font-style:normal}.online{font-size:12px;color:#a8b8a9}.menu{width:min(580px,calc(100vw - 32px));margin:10vh auto;padding:45px;background:#17271ddd;border:1px solid #3c5a43;box-shadow:0 28px 80px #0008}.eyebrow{color:#92df6a;font-size:11px;font-weight:700;letter-spacing:.16em}.menu h1{font-size:62px;line-height:.9;margin:18px 0 26px;text-transform:uppercase}.menu h1 em{color:#8ee967}.lead{color:#b5c5b7;line-height:1.65;margin-bottom:28px}label{display:block;color:#9eb69f;font-size:11px;font-weight:700;letter-spacing:.13em}input{display:block;width:100%;padding:15px;margin:8px 0 12px;background:#0e1710;border:1px solid #4f7155;color:#fff;font-size:17px;outline-color:#98ee6d}.menu button{width:100%;padding:16px;background:#96e968;color:#102312}.menu .secondary{margin-top:8px;background:#2c4330;color:#e7f5e5}.status,.hint{font-size:12px;text-align:center;color:#9bb09f}.error{color:#ff9c92}.game{height:calc(100vh - 64px);position:relative}.game canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;padding:20px}.hud-card{display:grid;grid-template-columns:auto auto;gap:4px 16px;width:max-content;padding:12px 15px;background:#101914db;border:1px solid #3c5941;font-size:11px}.hud-card b{color:#a9bdaa;letter-spacing:.08em}.hud-card span{font-weight:700;text-align:right}.round{position:absolute;top:22px;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 2px 5px #000}.round small{display:block;color:#a7efa0;font-size:11px;font-weight:700;letter-spacing:.13em}.round strong{font-size:32px}.feed{position:absolute;left:20px;bottom:25px;max-width:330px}.feed p{margin:4px 0;padding:6px 9px;background:#101914bb;border-left:2px solid #83df68;font-size:12px}.leave{position:absolute;right:20px;top:20px;padding:9px 12px;background:#3e2926;color:#ffd4cd;pointer-events:auto;font-size:11px}.controls{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:8px 12px;background:#101914aa;color:#d3e2d4;font-size:10px;font-weight:700;letter-spacing:.07em;white-space:nowrap}@media(max-width:650px){.menu{margin:4vh auto;padding:30px}.menu h1{font-size:47px}.hud{padding:10px}.feed{left:10px;bottom:45px}.topbar{padding:0 14px}.controls{font-size:8px}}.center-card,.results{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 34px));padding:30px;text-align:center;background:#132018ef;border:1px solid #57835d;box-shadow:0 20px 70px #0009}.center-card h2,.results h2{font:900 42px/.95 Barlow Condensed,sans-serif;letter-spacing:.07em;margin:12px 0;text-transform:uppercase}.results h2,.results b{color:#a3f477}.results b{font-size:27px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;text-align:left}.result-grid section{padding:10px;background:#0e1710}.result-grid small{font-weight:700;color:#a5c9a9;letter-spacing:.06em}.result-grid ol{padding:0;margin:8px 0 0;list-style:none}.result-grid li{display:flex;justify-content:space-between;padding:4px 0;color:#d9e5d9;font-size:12px}.result-grid li b{font-size:12px}@media(max-width:500px){.result-grid{grid-template-columns:1fr}}.scoreboard{position:absolute;inset:17% 20%;padding:18px;background:#101914f7;border:1px solid #658e68;z-index:5}.scoreboard header,.scoreboard p{display:grid;grid-template-columns:1fr 130px 55px 55px;gap:10px;margin:0;padding:9px;border-bottom:1px solid #2f4934;font-size:12px}.scoreboard header{color:#a9caaa}.scoreboard p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.survivor{color:#64b9ff}.zombie{color:#98ef72}.spectator{color:#b8c1c8}.hidden{display:none}@media(max-width:650px){.scoreboard{inset:20% 5%}.scoreboard header,.scoreboard p{grid-template-columns:1fr 90px 42px 42px;font-size:10px}}.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#dc665f}.dot.ok{background:#8ee967;box-shadow:0 0 8px #8ee967}.settings{display:flex;justify-content:center;gap:26px;margin:16px 0}.settings label{display:flex;align-items:center;gap:7px}.settings input{width:auto;margin:0;accent-color:#8ee967}.hud-card .ready{color:#9cf07b}.feed p.infection{border-color:#a5ff65;animation:feedIn .25s ease-out}.feed p.result{border-color:#f3c657}@keyframes feedIn{0%{transform:translate(-15px);opacity:0}}.spectate-note{position:absolute;left:50%;bottom:58px;transform:translate(-50%);display:flex;flex-direction:column;gap:3px;text-align:center;padding:10px 18px;background:#101914dd;border:1px solid #647268}.spectate-note b{color:#ddd;font-size:12px;letter-spacing:.12em}.spectate-note span{font-size:10px;color:#aeb8af}.debug{position:absolute;right:18px;bottom:18px;margin:0;padding:10px;background:#000c;color:#9cff82;font:11px/1.5 monospace;pointer-events:none}.topbar{z-index:10}.game{isolation:isolate}.game canvas{position:relative;z-index:0}.hud{z-index:3}.controls,.center-card,.results,.spectate-note,.debug{z-index:4}.training-panel{z-index:4;background:#08120df2;box-shadow:0 8px 28px #0008;pointer-events:none}.training-panel>small{line-height:1.45}.learning-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#8ee967;box-shadow:0 0 8px #8ee967;animation:learningPulse 1.2s ease-in-out infinite}@keyframes learningPulse{50%{opacity:.35}}#game-ui{position:absolute;z-index:2;inset:0;pointer-events:none}#game-ui button{pointer-events:auto}.hud-card{background:#101914a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feed p{background:#1019148f}.controls{background:#10191480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.training-panel{background:#08120da8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spectate-note{background:#101914a6}.boost-meter{position:relative;display:block;width:92px;height:15px;overflow:hidden;border:1px solid #58705d;border-radius:2px;background:#080d0a99}.boost-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#e5b94f,#b8e85e 55%,#72f18a);box-shadow:0 0 9px #8ee96799;transition:width .12s linear}.boost-meter small{position:relative;z-index:1;display:block;color:#efffea;font:700 9px/13px Inter,sans-serif;letter-spacing:.08em;text-align:center;text-shadow:0 1px 3px #000}.boost-meter.ready{border-color:#8ee967}.feed p.infection{animation:none}.connection-screen{width:min(520px,calc(100vw - 32px));margin:16vh auto;padding:48px 36px;text-align:center;background:#101914c7;border:1px solid #4f7155;box-shadow:0 24px 70px #0009}.connection-screen h2{margin:14px 0;font:900 46px/.95 Barlow Condensed,sans-serif;letter-spacing:.08em}.connection-message{min-height:24px;color:#cde5ce;font-weight:700}.connection-screen small{color:#819987}.connection-spinner{display:block;width:38px;height:38px;margin:0 auto 24px;border:3px solid #304b36;border-top-color:#8ee967;border-radius:50%;animation:connectionSpin .8s linear infinite}@keyframes connectionSpin{to{transform:rotate(360deg)}}.resume-toast{position:absolute;z-index:8;top:18px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 6px;min-width:260px;padding:11px 16px;background:#0c1710e8;border:1px solid #70ad72;box-shadow:0 8px 26px #0008;text-align:left;pointer-events:none}.resume-toast .dot{grid-row:1/3}.resume-toast b{color:#a9f58d;font-size:11px;letter-spacing:.12em}.resume-toast span{color:#a8b9aa;font-size:10px}.audio-unlock{position:absolute;z-index:9;top:76px;left:50%;transform:translate(-50%);padding:10px 15px;background:#17251dec;color:#baff98;border:1px solid #78ad68;box-shadow:0 7px 24px #0008;font-size:10px;pointer-events:auto}.connection-lost{position:absolute;z-index:9;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#08100bc7;pointer-events:none}.connection-lost .connection-spinner{margin:0 0 10px}.connection-lost b{color:#ffb09f;letter-spacing:.12em}.connection-lost span{color:#c8d4ca;font-size:12px}.client-error{position:fixed;z-index:100;left:12px;right:12px;bottom:12px;padding:12px 15px;background:#32110ff2;border:1px solid #ff766b;color:#ffd3cf;font:11px/1.45 monospace;word-break:break-word}.powerup-card{position:absolute;z-index:4;top:190px;left:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:190px;padding:11px 13px;background:#111820c7;border:1px solid #56616b;box-shadow:inset 3px 0 #77838d,0 5px 18px #0005;font-size:10px}.powerup-card b{color:#aeb8c0;letter-spacing:.11em}.powerup-card .ready{font-weight:800}.powerup-card.oil{border-color:#88752f;box-shadow:inset 3px 0 #e5bd3f,0 5px 18px #0005}.powerup-card.oil b{color:#efd267}.powerup-card.oil .ready{color:#b9ff91;text-shadow:0 0 7px #8ee96799}.powerup-card.shield{border-color:#4d91ad;box-shadow:inset 3px 0 #63c7ff,0 5px 18px #0005}.powerup-card.shield b,.powerup-card.shield .ready{color:#a9e5ff;text-shadow:0 0 8px #63c7ff}.powerup-card.emp{border-color:#9b5abb;box-shadow:inset 3px 0 #d98bff,0 5px 18px #0005}.powerup-card.emp b,.powerup-card.emp .ready{color:#e4a6ff;text-shadow:0 0 8px #d98bff}@media(max-width:650px){.powerup-card{left:10px;top:180px}}.powerup-card.ghost{border-color:#8ec7dd;box-shadow:inset 3px 0 #dff5ff,0 5px 18px #0005}.powerup-card.ghost b,.powerup-card.ghost .ready{color:#dff5ff;text-shadow:0 0 8px #b6e9ff}.feed p.shield{border-color:#63c7ff}.results:has(.map-vote){width:min(760px,calc(100% - 34px));max-height:90vh;overflow:auto}.map-vote>small{color:#a5c9a9;font-weight:800;letter-spacing:.12em}.map-vote>div{display:flex;justify-content:center;gap:9px;margin-top:8px}.map-vote button{width:180px;padding:0 0 8px;overflow:hidden;background:#0c1510;color:#dce9df;border:1px solid #405747}.map-vote button.selected{border-color:#9cf07b;box-shadow:0 0 0 2px #9cf07b55}.map-vote canvas{display:block;width:100%;height:90px;margin-bottom:7px}.map-vote button b{display:block;padding:0 5px;color:#e9f5e9;font-size:11px}.map-vote button span{font-size:9px;color:#8ca18f}@media(max-width:650px){.map-vote>div{overflow-x:auto;justify-content:flex-start}.map-vote button{min-width:145px}.map-vote canvas{height:72px}}.map-label{position:absolute;z-index:4;top:18px;left:20px;padding:7px 10px;background:#101914a6;border-left:2px solid #c5a35d;color:#bdcabd;font:10px/1 Inter,sans-serif;letter-spacing:.08em}.map-label b{color:#fff2c5}.map-intro{position:absolute;z-index:8;top:32%;left:50%;transform:translate(-50%);padding:18px 28px;min-width:260px;text-align:center;background:#101914e6;border:1px solid #c5a35d;box-shadow:0 10px 32px #0009}.map-intro small{display:block;color:#c5a35d;font-size:10px;letter-spacing:.28em}.map-intro b{display:block;margin-top:7px;color:#fff2c5;font:700 26px/1.1 \"Barlow Condensed\",sans-serif;letter-spacing:.08em}@media(max-width:650px){.scoreboard{inset:12% 4%;padding:10px;max-height:76vh}.scoreboard header,.scoreboard p{grid-template-columns:minmax(64px,1fr) 58px 48px 30px 34px!important;gap:4px;padding:8px 4px;font-size:9px}.scoreboard header>*,.scoreboard p>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}#screen:not(.game){height:calc(100vh - 64px);height:calc(100dvh - 64px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.menu{margin:clamp(16px,6vh,72px) auto}.game{height:calc(100vh - 64px);height:calc(100dvh - 64px)}@media(max-height:720px){.menu{padding:28px 36px}.menu h1{font-size:48px;margin:12px 0 18px}.lead{margin-bottom:18px;line-height:1.45}.settings{margin:12px 0;gap:16px}}@media(max-height:540px){.menu{padding:20px 28px}.menu h1{font-size:38px}.lead{font-size:13px}.connection-screen{margin:24px auto;padding:28px}}