:root{--bg:#070a14;--panel:#0c1120db;--line:#7896dc2e;--text:#dfe6f5;--dim:#8a97b4;--gold:#ffd36b;--good:#6bf0a0;--bad:#ff6b6b;--warn:#ffb34a;--crew:#5ec8e5;--insider:#ff5a7a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font:14px/1.45 Inter,system-ui,sans-serif;overflow:hidden}a{color:var(--gold)}code{background:#ffffff0f;border-radius:4px;padding:1px 4px;font:12px ui-monospace,Menlo,monospace}kbd{border:1px solid var(--line);background:#121a2e;border-bottom-width:2px;border-radius:4px;padding:0 5px;font:700 11px ui-monospace,monospace}.dim{color:var(--dim)}.small{font-size:12px}.ok{color:var(--good)}.bad{color:var(--bad)}button,.btn{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#1a2440;border-radius:8px;padding:8px 14px;font:600 14px Inter,sans-serif;text-decoration:none;display:inline-block}button:hover:not(:disabled),.btn:hover{border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}button.primary{color:#1a1205;background:linear-gradient(#f5c451,#d99a2b);border-color:#f5c451}button.big{padding:12px 22px;font-size:17px}button.ghost{background:0 0}button.small{padding:4px 10px;font-size:12px}button.good{background:#143a28;border-color:#2c7a52}button.good.on{background:#2c7a52}button.bad{color:var(--text);background:#3a1420;border-color:#7a2c40}button.bad.on{background:#7a2c40}input{color:var(--text);border:1px solid var(--line);background:#0d1426;border-radius:8px;padding:8px 10px;font:14px Inter,sans-serif}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.office{position:fixed;inset:0}.office canvas{display:block}.top{z-index:20;background:linear-gradient(#050810e6,#0000);align-items:center;gap:10px;padding:10px 16px;display:flex;position:fixed;top:0;left:0;right:0}.logo{color:var(--text);letter-spacing:1px;font:700 20px Silkscreen,monospace;text-decoration:none}.logo span,h1 span{color:var(--gold);margin-left:6px}.code{color:var(--gold);font:700 13px Silkscreen,monospace}.grow{flex:1}.acct{align-items:center;gap:6px;display:flex}.err-banner{z-index:40;border:1px solid var(--bad);cursor:pointer;background:#3a1420;border-radius:8px;padding:8px 14px;position:fixed;top:54px;left:50%;transform:translate(-50%)}.center-msg{place-items:center;font:700 18px Silkscreen,monospace;display:grid;position:fixed;inset:0}.title,.lobby{background:radial-gradient(at 50% 20%,#0000 30%,#05070fbf 80%);align-content:start;justify-items:center;gap:16px;padding:80px 16px 40px;display:grid;position:fixed;inset:0;overflow-y:auto}.title>section,.lobby>section{width:min(760px,100%)}.hero{text-align:center;padding:10px 0 6px}.hero h1{text-shadow:0 0 30px #ffd36b40;margin:0 0 10px;font:700 clamp(44px,9vw,84px)/1 Silkscreen,monospace}.hero .tag{margin:0 0 8px;font-size:19px;font-weight:600}.hero p{max-width:640px;margin:8px auto}.hero .row{justify-content:center}.name{align-items:center;gap:8px;margin:10px 0;display:inline-flex}.join{gap:6px;display:flex}.join input{text-transform:uppercase;text-align:center;letter-spacing:2px;width:82px;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;padding:12px 14px}.panel h2{color:var(--gold);margin:0 0 8px;font:700 15px Silkscreen,monospace}.panel h4{justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:13px;display:flex}.panel h4 small{color:var(--dim);font-size:11px;font-weight:400}.personas{gap:6px;margin:0;padding:0;list-style:none;display:grid}.personas li{grid-template-columns:12px 60px 70px 1fr;align-items:center;gap:8px;display:grid}.personas i{border-radius:3px;width:12px;height:12px}.personas small{color:var(--dim)}.recent{margin:0;padding-left:18px}.recent small{color:var(--dim)}.ledger{border-collapse:collapse;width:100%}.ledger td{border-top:1px solid var(--line);padding:3px 6px}.foot{color:var(--dim);padding:10px;font-size:12px}.bigcode{color:var(--text);letter-spacing:4px;font:700 30px Silkscreen,monospace}.lobby-seats{gap:6px;padding:0;list-style:none;display:grid}.lobby-seats li{border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.lobby-seats li.ready{border-color:var(--good)}.lobby-seats li.empty{opacity:.55;border-style:dashed}.lobby-seats small{color:var(--dim);flex:1}.vision{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 56%,#0000 30vmin,#03050c66 52vmin,#03050cbf 80vmin);transition:background .6s;position:fixed;inset:0}.vision.dark{background:radial-gradient(circle at 50% 56%,#0000 6vmin,#020308ed 17vmin)}.vision.ghost{background:radial-gradient(circle at 50% 56%,#0000 40vmin,#28466e59 80vmin)}.hud{z-index:5;gap:8px;width:290px;max-height:calc(100vh - 70px);display:grid;position:fixed;top:56px;overflow-y:auto}.hud.left{left:12px}.hud.right{width:330px;right:12px}.role{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:3px;padding:10px 12px;display:grid}.role b{font:700 16px Silkscreen,monospace}.role.crew b{color:var(--crew)}.role.insider b{color:var(--insider)}.role small,.role span{color:var(--dim);font-size:12px}.role em{font-size:12px;font-style:normal}.duties ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.duties li{justify-content:space-between;gap:6px;font-size:13px;display:flex}.duties li small{color:var(--dim)}.duties li.done{color:var(--good);opacity:.7;text-decoration:line-through}.duties li.filed{color:var(--warn)}.tools{gap:6px;display:grid}.tools button{text-align:left}.bar{background:#1a2238;border-radius:6px;flex-direction:row-reverse;height:10px;display:flex;position:relative;overflow:hidden}.bar i{height:100%;display:block}.bar .paid{background:#3b9b6a}.bar .drained{background:var(--bad)}.bar .goal{background:#fff8;width:2px;position:absolute;top:0}.bar.duty{flex-direction:row;margin-top:6px}.bar.duty i{background:var(--crew)}.nums{justify-content:space-between;margin-top:3px;font-size:12px;display:flex}.spends ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.spend{border:1px solid var(--line);background:#ffffff05;border-radius:8px;padding:6px 8px;font-size:12px}.spend.approved{border-color:#2c7a52}.spend.rejected{opacity:.55}.spend.drain{border-color:var(--bad);background:#ff5a5a14}.spend .sp-top{align-items:baseline;gap:6px;display:flex}.spend .payee{flex:1;display:grid}.spend .payee code{justify-self:start;font-size:11px}.spend .meta{color:var(--dim);justify-content:space-between;align-items:center;gap:6px;margin-top:3px;display:flex}.spend .meta em{color:var(--text);font-style:normal;font-weight:700}.votes{gap:2px;display:flex}.votes i{text-align:center;color:#000;border:1px solid;border-radius:3px;width:14px;height:14px;font:700 9px/12px Inter}.flags{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.flag{text-transform:uppercase;color:var(--warn);background:#3a3018;border-radius:4px;padding:1px 5px;font:700 10px Inter}.flag.lookalike,.flag.vault_terminal,.flag.over_cap{color:#ff8a8a;background:#3a1420}.mine{color:var(--gold)}.roster{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:12px;display:inline-flex}.chip i{border-radius:2px;width:8px;height:8px}.chip small{color:var(--dim);font-size:10px}.chip.frozen,.chip.ejected{opacity:.5;text-decoration:line-through}.chain ul{gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.claim{color:var(--dim);margin:0;font-size:12px}.toasts{z-index:8;pointer-events:none;gap:6px;width:min(520px,90vw);display:grid;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:13px;animation:.25s ease-out pop}.toast.warn{border-color:var(--warn)}.toast.bad{border-color:var(--bad)}.toast.good{border-color:var(--good)}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.prompt{z-index:6;border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:#141004e6;border-radius:10px;padding:9px 16px;font-weight:700;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.report{z-index:6;border-color:var(--bad);background:#3a1420;position:fixed;bottom:86px;left:50%;transform:translate(-50%)}.modal-back{z-index:30;background:#03050c99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#0e1528;border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:16px 18px;overflow-y:auto;box-shadow:0 20px 60px #000a}.modal header{justify-content:space-between;align-items:center;display:flex}.modal h3{margin:0}.modal h2{margin:4px 0 8px}.splash h2{font:700 26px Silkscreen,monospace}.splash.crew h2{color:var(--crew)}.splash.insider h2{color:var(--insider)}.onboarding h2{color:var(--gold);font:700 20px Silkscreen,monospace}.ob-body p{margin:8px 0}.dots{justify-content:center;gap:6px;margin:10px 0;display:flex}.dots i{cursor:pointer;background:#334;border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--gold)}.minigame.won{border-color:var(--good)}.mg-body{place-items:center;min-height:200px;display:grid}.stacks{align-items:flex-end;gap:10px;display:flex}.stack{background:#121a2e;flex-direction:column-reverse;gap:2px;min-width:46px;padding:6px;display:flex}.stack i{background:linear-gradient(#ffe08a,#c9962a);border-radius:3px;width:32px;height:8px;display:block}.stack.done{opacity:.3}.dial{justify-items:center;gap:10px;display:grid}.dial .code{gap:8px;display:flex}.dial .code b{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font:700 24px Silkscreen}.dial .code b.done{color:var(--good)}.dial .code b.now{border-color:var(--gold)}.wheel{background:radial-gradient(#26304a,#121a2e);border:6px solid #3a4766;border-radius:50%;justify-items:center;width:90px;height:90px;transition:transform .15s;display:grid}.wheel span{color:var(--gold)}.dial .big{text-align:center;min-width:40px;font:700 28px Silkscreen}.wires{align-items:center;gap:40px;display:flex}.wires .col{gap:14px;display:grid}.wire{border:2px solid #0000;border-radius:8px;width:70px;height:16px;padding:0}.wire.on{border-color:#fff}.wire.done,.port.done{opacity:.25}.port{background:#0d1426;border:4px solid;border-radius:50%;width:30px;height:30px;padding:0}.sort{justify-items:center;gap:14px;display:grid}.pile{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.paper{color:#222;background:#e8e4d6;padding:6px 10px;font-size:11px;display:grid}.paper small{font-weight:800}.paper.on{outline:3px solid var(--gold)}.bins{gap:8px;display:flex}.bin{background:#2a2018;min-width:90px;padding:18px 10px}.coffee{justify-items:center;gap:10px;display:grid}.cup{border:4px solid #ddd;border-top:none;border-radius:0 0 14px 14px;width:70px;height:100px;position:relative;overflow:hidden}.liquid{background:linear-gradient(#a0612f,#5a3216);position:absolute;bottom:0;left:0;right:0}.zone{border-top:2px dashed var(--gold);border-bottom:2px dashed var(--gold);height:14%;position:absolute;bottom:78%;left:0;right:0}.invoice{justify-items:center;gap:8px;display:grid}.paperslip{color:#222;text-align:center;background:#efe9d8;border-radius:6px;gap:2px;padding:10px 16px;display:grid}.paperslip code{color:#111;background:#0001;font-size:14px}.opts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.opts button.bad{opacity:.4}.audit-list{gap:10px;padding:0;list-style:none;display:grid}.why{color:var(--warn);margin:4px 0;padding-left:18px;font-size:12px}.skim .payees{gap:4px;margin:8px 0;display:grid}.skim label{border-radius:6px;align-items:center;gap:6px;padding:3px 6px;display:flex}.skim label.on{background:#2a1420}.skim .payees small{color:var(--dim);margin-top:6px}.amount{gap:4px;display:grid}.meeting{z-index:25;background:#04060eb8;place-items:center;padding:60px 12px 12px;display:grid;position:fixed;inset:0}.meeting-card{border:1px solid var(--gold);background:#0e1528f2;border-radius:14px;gap:10px;width:min(780px,100%);max-height:100%;padding:14px 18px;display:grid;overflow-y:auto}.meeting-card header{justify-content:space-between;align-items:center;display:flex}.meeting-card h2{margin:0;font-size:20px}.phase{text-align:right;color:var(--gold);font-weight:700;display:grid}.phase b{font:700 22px Silkscreen}.seats{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.seat{border-width:2px;justify-items:center;gap:2px;padding:8px 4px;display:grid}.seat i{border-radius:5px;width:22px;height:22px}.seat small{color:var(--dim);font-size:11px}.seat.picked{background:#3a1420}.seat.frozen,.seat.ejected{opacity:.4}.chatlog{border:1px solid var(--line);background:#0a1020;border-radius:8px;min-height:90px;max-height:220px;padding:6px 10px;overflow-y:auto}.chatlog p{margin:4px 0}.tee{color:var(--good);border:1px solid #2c7a52;border-radius:4px;margin-left:6px;padding:0 4px;font:700 10px Inter}.say{gap:6px;display:flex}.say input{flex:1}.ballot{gap:6px;display:grid}.ballot p{margin:0}.ballot-spend{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.tally{text-align:center}.tally p{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.results-back{z-index:35}.results{width:min(820px,100%)}.results h2{font:700 28px Silkscreen,monospace}.results.won h2{color:var(--good)}.results.lost h2{color:var(--bad)}.results .reveal{font-size:17px}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.unsealed,.txs{margin:4px 0 10px;padding-left:16px;font-size:12px}.unsealed li.drain{color:var(--bad)}.txs{max-height:180px;overflow-y:auto}.joystick{border:2px solid var(--line);z-index:7;touch-action:none;background:#ffffff12;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:fixed;bottom:22px;left:22px}.knob{background:#ffd36b80;border-radius:50%;width:52px;height:52px}.touch-actions{z-index:7;grid-template-columns:repeat(2,auto);gap:8px;display:grid;position:fixed;bottom:22px;right:16px}.touch-actions button{padding:14px 16px}@media (max-width:900px){.hud.left{width:210px}.hud.right{width:240px}.hud.right .spends,.hud.right .chain{display:none}.grid2{grid-template-columns:1fr}.seats{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.hud.left .duties,.hud.left .role span{display:none}.hud.left{width:160px;top:50px}.hud.right{width:170px;top:50px}.hud.right .roster{display:none}.top{gap:6px;padding:8px}.top .ghost.small{display:none}.personas li{grid-template-columns:12px 60px 1fr}.personas li span{display:none}}