:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#061b28;color:#e8f8fb;--sea-950: #04141f;--sea-900: #061b28;--sea-800: #0b2a3a;--sea-700: #123b4e;--line: rgba(132, 177, 181, .13);--line-strong: rgba(173, 218, 219, .26);--text: #e8f8fb;--text-muted: #8fb4b8;--gold: #f0ca61;--panel: rgba(3, 15, 23, .76);--panel-solid: #051720;--danger: #d27a4a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:radial-gradient(ellipse at 50% 45%,rgba(41,103,103,.24),transparent 52%),radial-gradient(ellipse at 25% 8%,rgba(126,170,166,.065),transparent 34%),linear-gradient(180deg,#030d16,#08272ff0 46%,#020a11),var(--sea-900)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.setup-screen{display:grid;min-height:100%;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 42%,rgba(47,113,111,.22),transparent 54%),radial-gradient(circle at 18% 22%,rgba(192,222,217,.06) 0 1px,transparent 1.6px),radial-gradient(circle at 74% 68%,rgba(192,222,217,.045) 0 .8px,transparent 1.5px),linear-gradient(180deg,#030d16,#07202af5 52%,#020a11);background-size:auto,97px 83px,131px 109px,auto}.setup-panel{width:min(560px,100%);border:1px solid var(--line-strong);background:#071924e6;box-shadow:0 28px 80px #00000057;padding:28px}.directive-library-panel{width:min(860px,100%)}.setup-title{margin-bottom:24px}.setup-title h1,.vote-heading h1,.results-panel h1{margin:4px 0 8px;font-size:clamp(2rem,8vw,4rem);line-height:.95;font-weight:700;letter-spacing:0}.setup-title p,.vote-heading p,.bottom-controls p,.setup-guide span,.directive-card p{color:var(--text-muted);line-height:1.45;margin:0}.setup-guide{display:grid;gap:10px;margin:0 0 22px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setup-guide div{display:grid;grid-template-columns:minmax(104px,.38fr) minmax(0,1fr);gap:12px;align-items:start}.setup-guide strong{color:var(--gold);font-size:.84rem}.setup-guide span{font-size:.9rem}.setup-form{display:grid;gap:14px}.mode-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.compact-action{min-height:34px;padding:7px 11px;font-size:.78rem}.setup-form label{display:grid;gap:7px;color:var(--text-muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.setup-form .checkbox-field{grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;border:1px solid rgba(154,210,222,.18);background:#9ad2de0d;padding:11px;text-transform:none;letter-spacing:0}.checkbox-field input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--gold)}.checkbox-field span{display:grid;gap:3px}.checkbox-field strong{color:var(--text);font-size:.9rem}.checkbox-field em{color:var(--text-muted);font-size:.82rem;font-style:normal;line-height:1.35}.room-seed-readout{display:inline-grid;gap:4px;margin:-2px 0 16px;color:var(--text-muted)}.room-seed-readout strong{color:#e8f8fbb8;font-size:.92rem;font-weight:700;letter-spacing:.05em;overflow-wrap:anywhere}.setup-form input,.setup-form select{width:100%;border:1px solid rgba(154,210,222,.36);border-radius:4px;background:#031019b8;color:var(--text);padding:12px 13px;outline:none}.setup-form input:focus,.setup-form select:focus,.fraction-button:focus-visible,.directive-card:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible{border-color:var(--gold);box-shadow:0 0 0 3px #f0ca612e}.primary-action,.secondary-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(240,202,97,.64);border-radius:4px;background:#f0ca6124;color:var(--text);padding:11px 16px;text-decoration:none;cursor:pointer}.secondary-action{border-color:#9ad2de5c;background:#9ad2de14}.primary-action:disabled,.secondary-action:disabled{border-color:#9ad2de29;background:#9ad2de0a;color:#e8f8fb6b;cursor:not-allowed}.directive-library{display:grid;gap:14px}.directive-library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:min(58vh,620px);overflow-y:auto;padding-right:4px;scrollbar-width:thin}.directive-library-row{display:grid;gap:8px;align-content:start;min-height:150px;border:1px solid rgba(134,184,187,.16);background:linear-gradient(180deg,#0618219e,#020a107a),#9ad2de09;padding:12px}.directive-family{width:fit-content;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.directive-library-row strong,.directive-library-row em,.directive-library-row p{display:block}.directive-library-row strong{color:var(--text);font-size:1rem;line-height:1.15}.directive-library-row em{margin-top:4px;color:#f0ca61e6;font-size:.78rem;font-style:normal;font-weight:800}.directive-library-row p{margin:8px 0 0;color:var(--text-muted);font-size:.86rem;line-height:1.36}.lobby-panel{width:min(680px,100%)}.lobby-list,.results-list{display:grid;gap:8px;margin:18px 0 24px}.lobby-row,.result-row,.score-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(154,210,222,.16);background:#0310195c;padding:10px}.lobby-row strong,.score-name,.result-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-row em,.result-row em{color:var(--text-muted);font-style:normal}.lobby-actions{display:flex;justify-content:flex-end;gap:10px}.lobby-message{margin:-8px 0 18px;color:var(--text-muted);font-size:.86rem}.game-screen{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at 50% 48%,rgba(40,109,103,.24),transparent 50%),linear-gradient(180deg,#020912,#08232c 44%,#03111b);isolation:isolate}.game-screen:before,.game-screen:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.game-screen:before{z-index:0;background:radial-gradient(ellipse at 44% 30%,rgba(60,148,139,.13),transparent 34%),radial-gradient(ellipse at 58% 64%,rgba(138,196,177,.07),transparent 38%),radial-gradient(circle at 17% 23%,rgba(200,224,214,.055) 0 .7px,transparent 1.5px),radial-gradient(circle at 71% 58%,rgba(200,224,214,.04) 0 .8px,transparent 1.6px),radial-gradient(circle at 43% 76%,rgba(32,77,81,.14) 0 1.4px,transparent 2.5px);background-position:0 0,0 0,0 0,37px 19px,11px 29px;background-size:auto,auto,113px 89px,157px 131px,211px 181px;opacity:.86;animation:water-drift 24s ease-in-out infinite alternate}.game-screen:after{z-index:2;background:radial-gradient(ellipse at 50% 46%,transparent 42%,rgba(1,6,11,.52) 100%),radial-gradient(circle at 21% 34%,rgba(237,245,232,.045) 0 .55px,transparent 1.4px),radial-gradient(circle at 79% 21%,rgba(237,245,232,.034) 0 .5px,transparent 1.3px),radial-gradient(circle at 45% 84%,rgba(237,245,232,.03) 0 .6px,transparent 1.35px);background-position:0 0,0 0,29px 47px,83px 17px;background-size:auto,83px 71px,127px 101px,179px 137px;opacity:.88}@keyframes water-drift{0%{transform:translate3d(-1.2%,-.7%,0) scale(1.02)}to{transform:translate3d(1.1%,.8%,0) scale(1.035)}}@media(prefers-reduced-motion:reduce){.game-screen:before{animation:none}}.route-loading{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,rgba(41,103,103,.2),transparent 54%),linear-gradient(180deg,#030d16,#04141ffa)}.route-loading-panel{min-width:220px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(154,210,222,.055),transparent 42%),var(--panel);padding:14px 16px;text-align:left}.route-loading-panel strong{display:block;margin-top:5px;color:var(--text);font-size:1rem}.pixi-host{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;touch-action:none}.pixi-host canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fps-counter{position:absolute;z-index:4;right:6px;bottom:6px;min-width:42px;border:1px solid rgba(154,210,222,.18);background:#04141f94;color:#e8f8fb9e;padding:2px 4px;font-size:.56rem;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none;text-align:right}.top-hud{position:absolute;z-index:5;top:12px;left:12px;right:284px;display:flex;gap:8px;align-items:stretch;width:auto;max-width:none;pointer-events:none}.hud-cluster,.sound-toggle,.score-stack,.bottom-controls,.vote-panel,.results-panel,.directive-announcement,.respawn-notice,.toast{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0%,rgba(105,155,151,.09),transparent 68%),linear-gradient(180deg,#071922d6,#020a10b8 76%),var(--panel);-webkit-backdrop-filter:blur(15px) saturate(82%);backdrop-filter:blur(15px) saturate(82%);box-shadow:0 22px 70px #00000057,inset 0 1px #e8f8fb09,inset 0 -22px 44px #0000002e}.hud-cluster{min-width:112px;min-height:60px;padding:8px 10px 9px;display:flex;flex-direction:column;justify-content:center}.hud-census{flex:0 0 82px;min-width:82px}.hud-countdown{flex:0 0 104px;min-width:104px}.hud-directives{flex:1 1 320px;width:auto;min-width:240px;max-width:440px;justify-content:flex-start}.sound-toggle{flex:0 0 64px;display:grid;grid-template-columns:1fr;gap:0;align-items:center;justify-content:center;place-items:center;min-width:54px;min-height:60px;padding:7px 10px;color:var(--text);cursor:pointer;pointer-events:auto;font-weight:800;line-height:0;text-shadow:0 0 12px rgba(164,214,210,.16)}.sfx-toggle,.music-toggle{flex-basis:54px}.top-give-up{flex:0 0 74px;min-height:60px;padding:7px 9px;pointer-events:auto}.sound-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sound-toggle.muted{color:var(--text-muted)}.sound-bars{display:grid;grid-template-columns:repeat(3,3px);gap:3px;align-items:end;justify-content:center;justify-self:center;height:15px;width:15px}.sound-bars i{display:block;width:3px;border-radius:2px;background:var(--gold);box-shadow:0 0 9px #f0ca615c,0 0 22px #f0ca6124}.sound-bars i:nth-child(1){height:6px}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:15px}.sound-toggle.muted .sound-bars i{background:#9fc5ce85;box-shadow:none}.music-icon{display:block;justify-self:center;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.15;filter:drop-shadow(0 0 6px rgba(240,202,97,.28)) drop-shadow(0 0 14px rgba(240,202,97,.12))}.sound-toggle.muted .music-icon{filter:none;opacity:.72}.hud-cluster strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f5ec;font-family:Inter Display,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.08rem;font-weight:750;line-height:1.2;text-shadow:0 0 10px rgba(140,202,197,.12)}.directive-stack{position:relative;display:grid;grid-template-columns:repeat(3,minmax(132px,1fr));gap:6px;margin-top:5px;min-height:36px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.directive-chip{position:relative;min-width:0;min-height:36px;border:1px solid rgba(134,184,187,.14);background:linear-gradient(180deg,#09232b94,#020a1080),#0310196b;box-shadow:inset 0 1px #e8f8fb06;padding:5px 6px}.directive-stack.empty:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-items:start;color:#8fb4b8c2;font-size:.74rem;font-weight:700;letter-spacing:.02em;content:"No active directives"}.directive-chip.expiring{opacity:.56}.directive-chip.expiring:after{position:absolute;top:5px;right:5px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--gold);content:""}.directive-chip strong,.directive-chip em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directive-chip strong{color:#edf4ee;padding-right:8px;font-size:.82rem;line-height:1.1;text-shadow:0 0 9px rgba(140,202,197,.1)}.directive-chip em{color:var(--gold);font-size:.64rem;font-style:normal;font-weight:800;line-height:1.15;text-shadow:0 0 13px rgba(240,202,97,.16)}.hud-countdown strong{color:#f1f5ec;font-variant-numeric:tabular-nums;letter-spacing:0}.hud-label{display:block;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.score-stack{position:absolute;z-index:5;top:12px;right:12px;width:min(260px,calc(100vw - 24px));padding:8px;pointer-events:none}.telemetry-panel{position:absolute;z-index:7;right:12px;bottom:34px;width:172px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(154,210,222,.055),transparent 42%),var(--panel);padding:8px;pointer-events:auto}.telemetry-panel strong{display:block;margin-top:2px;font-size:1rem;font-variant-numeric:tabular-nums}.telemetry-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;margin:8px 0}.telemetry-panel dl div{display:grid;gap:1px}.telemetry-panel dt{color:var(--text-muted);font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.telemetry-panel dd{margin:0;font-size:.82rem;font-variant-numeric:tabular-nums}.telemetry-panel button{width:100%;min-height:30px;border:1px solid rgba(154,210,222,.28);border-radius:4px;background:#9ad2de14;color:var(--text);cursor:pointer;font-size:.74rem}.score-row{grid-template-columns:12px minmax(0,1fr) auto;border:1px solid transparent;background:transparent;padding:6px 5px;font-size:.86rem;color:#e8f8fbe0}.score-row.local{position:relative;border-color:#f0ca6161;background:linear-gradient(90deg,#f0ca6129,#f0ca610b),#05121947;font-weight:700}.score-row.displaced{color:#e8f8fba8}.score-row.local:before{position:absolute;top:4px;bottom:4px;left:-5px;width:2px;background:var(--gold);box-shadow:0 0 16px #f0ca617a;content:""}.score-name{display:flex;gap:6px;align-items:baseline}.score-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-state{flex:0 0 auto;color:var(--danger);font-size:.62rem;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.score-row strong{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";color:#edf4ee;text-shadow:0 0 9px rgba(140,202,197,.1)}.player-swatch{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor,0 0 22px currentColor;opacity:.88}.bottom-controls{position:absolute;z-index:6;left:12px;bottom:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:min(720px,calc(100vw - 24px));min-height:84px;padding:12px}.bottom-controls h2{margin:2px 0 4px;overflow-wrap:anywhere;color:#f1f5ec;font-family:Inter Display,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem;font-weight:750;line-height:1.15;text-shadow:0 0 10px rgba(140,202,197,.12)}.bottom-controls p{font-size:.9rem}.fraction-controls{display:grid;grid-template-columns:repeat(4,58px);gap:7px}.fraction-button{min-height:44px;border:1px solid rgba(134,184,187,.2);border-radius:4px;background:linear-gradient(180deg,#9ad2de11,#020a103d),#0310197a;color:var(--text);cursor:pointer;font-weight:800}.fraction-button.active{border-color:#f0ca617a;background:linear-gradient(180deg,#f0ca612e,#5343191f),#03101994;box-shadow:inset 0 0 18px #f0ca6113}.give-up-button{min-height:34px;border:1px solid rgba(210,122,74,.42);border-radius:4px;background:linear-gradient(180deg,#d27a4a21,#2b110c47),#060f1499;color:#f0c2a4;cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:0}.give-up-button:hover,.give-up-button:focus-visible{border-color:#f0c2a4c7;background:#d27a4a33}.toast{position:absolute;z-index:8;left:50%;bottom:24px;width:min(420px,calc(100vw - 24px));transform:translate(-50%);padding:12px 14px;text-align:center;color:var(--text);font-family:Inter Display,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:750;text-shadow:0 0 10px rgba(140,202,197,.12)}.toast.raised{bottom:124px}.directive-announcement-layer{position:absolute;z-index:16;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;pointer-events:none}.directive-announcement{width:min(360px,calc(100vw - 36px));border-color:#f0ca616b;padding:17px 20px 18px;text-align:center;animation:directive-announcement-in .22s ease-out;box-shadow:0 28px 90px #00000070,0 0 46px #f0ca611a,inset 0 1px #e8f8fb0a,inset 0 -22px 44px #0003}.directive-announcement strong{display:block;margin-top:8px;color:#f1f5ec;font-family:Inter Display,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.45rem;font-weight:800;line-height:1.1;text-shadow:0 0 18px rgba(240,202,97,.16)}.directive-announcement em{display:block;margin-top:9px;color:var(--gold);font-size:.78rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@keyframes directive-announcement-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.respawn-notice{position:absolute;z-index:12;left:50%;bottom:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;width:min(620px,calc(100vw - 24px));transform:translate(-50%);padding:16px;pointer-events:none}.respawn-notice h1{grid-column:1;margin:2px 0 0;overflow-wrap:anywhere;font-size:1.2rem;line-height:1.15}.respawn-notice p{grid-column:1;margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.respawn-status{grid-column:2;grid-row:1 / span 3;min-width:132px;border-left:1px solid var(--line);padding-left:16px}.respawn-status span{display:block;color:var(--text-muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.respawn-status strong{display:block;margin-top:5px;color:var(--gold);font-size:1rem;font-variant-numeric:tabular-nums}.modal-layer{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 48%,rgba(30,84,82,.18),transparent 48%),#01060bad}.vote-panel,.results-panel{width:min(920px,100%);padding:24px}.vote-heading{margin-bottom:18px}.directive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.directive-card{min-height:188px;border:1px solid rgba(134,184,187,.2);border-radius:4px;background:radial-gradient(ellipse at 50% 0%,rgba(105,155,151,.08),transparent 64%),linear-gradient(180deg,#061821e0,#020a10d1);color:var(--text);padding:15px;text-align:left;cursor:pointer;box-shadow:inset 0 1px #e8f8fb09}.directive-card span{color:var(--gold);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.directive-card strong{display:block;margin:12px 0 10px;font-size:1.3rem}.directive-card.selected{border-color:var(--gold);background:#f0ca6124}.directive-card:disabled{cursor:default}.results-panel{width:min(560px,100%)}.result-row{grid-template-columns:28px 14px minmax(0,1fr) auto}@media(max-width:1040px){.setup-screen{align-items:stretch;padding:12px}.setup-panel{align-self:center;padding:20px}.setup-guide div{grid-template-columns:1fr;gap:3px}.mode-choice-grid,.mode-heading{grid-template-columns:1fr}.directive-library-list{grid-template-columns:1fr;max-height:52vh}.lobby-actions{flex-wrap:wrap}.top-hud{right:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto auto;width:auto}.hud-census{grid-column:1;grid-row:1}.hud-countdown{grid-column:2;grid-row:1}.hud-directives{grid-row:2;grid-column:1 / -1;width:auto;max-width:none}.sound-toggle{grid-column:3;grid-row:1;min-width:50px;min-height:42px;padding:8px}.music-toggle{grid-column:4}.top-give-up{grid-column:5;grid-row:1;min-height:42px;padding:7px 8px}.directive-stack{grid-template-columns:repeat(3,minmax(132px,1fr));gap:4px;min-height:34px}.directive-chip{min-height:34px;padding:4px 5px}.directive-chip strong{font-size:.76rem}.directive-chip em{font-size:.6rem}.hud-cluster{min-width:0;padding:7px 8px}.hud-cluster strong{font-size:.96rem}.hud-label{font-size:.58rem}.score-stack{top:132px;width:158px;padding:6px}.score-row{grid-template-columns:10px minmax(0,1fr) auto;gap:7px;padding:4px 2px;font-size:.7rem}.score-state{font-size:.54rem}.player-swatch{width:10px;height:10px}.bottom-controls{grid-template-columns:1fr;gap:10px;min-height:0;padding:10px}.bottom-controls h2{font-size:1rem}.bottom-controls p{font-size:.8rem}.fraction-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.directive-grid{grid-template-columns:1fr}.directive-card{min-height:136px}.respawn-notice{grid-template-columns:1fr;bottom:10px;gap:8px;padding:13px}.respawn-notice h1,.respawn-notice p,.respawn-status{grid-column:1}.respawn-notice h1{font-size:1rem}.respawn-notice p{font-size:.78rem}.respawn-status{grid-row:auto;min-width:0;border-top:1px solid var(--line);border-left:0;padding-top:8px;padding-left:0}}@media(max-width:440px){.top-hud{top:8px;left:8px;right:8px;gap:6px;width:auto}.hud-cluster{min-width:0;padding:8px}.sound-toggle{min-width:46px}.top-give-up{min-width:58px;padding:6px;font-size:.68rem}.score-stack{right:8px;top:136px;width:146px}.bottom-controls{left:8px;right:8px;bottom:8px;width:auto}.bottom-controls p span{display:block}}