:root{--bg:#171222;--panel:#1a1328f0;--panel-solid:#1d1630;--edge:#0c0813;--raise:#3a2f52;--ink:#f3e9d7;--muted:#b8a890;--gold:#f7c948;--gold-edge:#5a3e14;--green:#4fd1a5;--green-edge:#0d2b20;--red:#e5484d;--red-edge:#5e1418;--display:"Baloo 2", system-ui, sans-serif;--body:Nunito, system-ui, sans-serif;--pixel:Silkscreen, ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pixel{font-family:var(--pixel);letter-spacing:.06em;font-size:9px}.gold{color:var(--gold)}.row{align-items:center;gap:8px;display:flex}.key{font-family:var(--display);letter-spacing:.02em;color:#2a1c08;min-height:44px;box-shadow:inset 0 2px 0 #ffffff59, inset 0 -4px 0 #00000038, 0 4px 0 var(--edge);border:3px solid;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.key:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffff4d, 0 1px 0 var(--edge);transform:translateY(3px)}.key.gold{background:var(--gold);border-color:var(--gold-edge)}.key.green{background:var(--green);border-color:var(--green-edge);color:var(--green-edge)}.key.red{background:var(--red);border-color:var(--red-edge);color:#fff}.key.plain{background:var(--raise);border-color:var(--edge);color:var(--ink)}.key.small{padding:6px 10px;font-size:13px}.key.wide{width:100%;min-height:54px;font-size:18px}.chip,.chip-btn{background:var(--panel);border:2px solid var(--edge);color:var(--ink);border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:7px 11px;font-size:13px;font-weight:800;display:inline-flex}.chip.strong{font-family:var(--display);letter-spacing:.08em;font-size:16px}.chip-btn[aria-pressed=true]{background:var(--gold);color:#2a1c08;border-color:var(--gold-edge)}.dot{background:var(--green);border-radius:50%;width:8px;height:8px}.lobby{background:radial-gradient(circle at 50% 110%, #ff8c4238, transparent 55%), var(--bg);place-items:center;min-height:100%;padding:24px 16px;display:grid;overflow-y:auto}.lobby-card{background:var(--panel-solid);border:3px solid var(--edge);width:min(100%,420px);box-shadow:0 6px 0 var(--edge);border-radius:20px;flex-direction:column;gap:16px;padding:24px 20px;display:flex}.lobby-card h1{font-family:var(--display);margin:0;font-size:40px;font-weight:800;line-height:1}.lede{color:var(--muted);margin:0;font-weight:700;line-height:1.45}.field{color:var(--muted);border:0;flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;font-weight:800;display:flex}.field legend{margin-bottom:8px;padding:0}input{font:700 16px var(--body);color:var(--ink);border:3px solid var(--edge);background:#120d1d;border-radius:12px;width:100%;min-height:48px;padding:0 14px}input::placeholder{color:#7d708f}.swatches,.chips{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid var(--edge);border-radius:10px;width:40px;height:40px}.swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.2em;font-family:var(--display)}.hint{color:var(--muted);margin:0;font-size:13px}.error{color:#ffb4b6;margin:0;font-weight:800}.stage{touch-action:none;position:fixed;inset:0}.loading{font-family:var(--display);color:var(--muted);place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.topbar{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:5;pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;left:12px;right:12px}.topbar>*{pointer-events:auto}.banner{text-align:center;background:var(--red);color:#fff;border-radius:10px;width:100%;padding:6px;font-size:13px;font-weight:800}.interact{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);z-index:7;background:var(--panel);border:3px solid var(--edge);box-shadow:0 5px 0 var(--edge);border-radius:16px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 12px;display:flex;position:fixed;transform:translate(-50%)}.interact .nm{font-family:var(--display);font-size:18px;font-weight:800;line-height:1}.interact .rl{color:var(--muted);margin-top:3px;font-size:11px;font-weight:800}.interact .who{min-width:0}.incoming{z-index:12;background:var(--panel-solid);border:3px solid var(--edge);width:min(92vw,360px);box-shadow:0 6px 0 var(--edge);text-align:center;border-radius:20px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.incoming h2{font-family:var(--display);margin:8px 0 0;font-size:26px;font-weight:800;line-height:1.05}.incoming p{color:var(--muted);margin:8px 0 16px;font-size:14px;font-weight:700;line-height:1.4}.incoming .row{justify-content:center}.incoming .key{flex:1}.callbar{left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);z-index:9;background:var(--panel);border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge);border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:6px 8px 6px 10px;display:flex;position:fixed;transform:translate(-50%)}.members{gap:5px;min-width:0;display:flex;overflow:hidden}.member{font-family:var(--display);background:var(--raise);white-space:nowrap;border:2px solid #0000;border-radius:999px;padding:3px 9px;font-size:14px;font-weight:800;transition:border-color .12s,box-shadow .12s}.member.wait{opacity:.7}.member.bad{border-color:var(--red)}.member.speaking{border-color:var(--green);box-shadow:0 0 0 3px #4fd1a540}.timer{color:var(--muted)}.warn{color:var(--red)}.round{border:2.5px solid var(--edge);background:var(--raise);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:900;display:grid}.round.on{background:var(--green);color:var(--green-edge);border-color:var(--green-edge)}.round.leave{background:var(--red);color:#fff;border-color:var(--red-edge)}.chat-toggle{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:8;position:fixed}.badge{background:var(--red);color:#fff;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:11px}.chat{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);z-index:8;background:var(--panel);border:3px solid var(--edge);width:min(92vw,360px);height:min(46vh,380px);box-shadow:0 5px 0 var(--edge);border-radius:16px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.lines{flex-direction:column;flex:1;gap:7px;margin:0;padding:10px 12px;list-style:none;display:flex;overflow-y:auto}.lines li{overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.35}.lines li b{color:var(--gold);margin-right:6px}.lines li.mine b{color:var(--green)}.lines li.sys{color:var(--muted);font-size:13px;font-style:italic}.send{border-top:2px solid var(--edge);gap:6px;padding:8px;display:flex}.send input{min-height:44px}.toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 116px);z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,380px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--panel-solid);border:2.5px solid var(--edge);text-align:center;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:800}.stick{left:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:6;touch-action:none;background:#1a132873;border:2.5px solid #f3e9d740;border-radius:50%;width:112px;height:112px;position:fixed}.knob{border:3px solid var(--gold-edge);pointer-events:none;background:#f7c948e6;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.link{color:var(--muted);background:0 0;border:0;min-height:32px;padding:6px;font-size:13px;font-weight:800;text-decoration:underline}.row.wrap{flex-wrap:wrap}.seasonbar{left:50%;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:5;background:var(--panel);border:3px solid var(--edge);box-shadow:0 4px 0 var(--edge);border-radius:14px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:5px 6px 5px 12px;display:flex;position:fixed;transform:translate(-50%)}.seasonbar.night{background:#0e122cf2}.seasonbar .phase,.seasonbar .vault{flex-direction:column;line-height:1.1;display:flex}.seasonbar .phase .pixel,.seasonbar .vault .pixel{color:var(--muted)}.seasonbar b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.seasonbar .vault b{color:var(--gold)}.searches{color:var(--gold);gap:2px;display:flex}.keyi.spent{color:#4a3f5e}.role{font-family:var(--pixel);letter-spacing:.06em;border:2px solid var(--edge);background:var(--raise);color:var(--ink);white-space:nowrap;border-radius:9px;min-height:36px;padding:8px 9px;font-size:9px}.role.holder{background:var(--gold);color:#2a1c08;border-color:var(--gold-edge)}.role.ghost{color:#c7c2ae}.seasonbar~.callbar{top:calc(env(safe-area-inset-top,0px) + 112px)}.daydock{left:12px;top:calc(env(safe-area-inset-top,0px) + 118px);z-index:6;flex-direction:column;align-items:flex-start;gap:8px;max-width:calc(100vw - 24px);display:flex;position:fixed}.note{background:var(--panel);border:3px solid var(--edge);border-radius:14px;gap:6px;width:min(92vw,360px);padding:6px;display:flex}.note input{min-height:40px}.season-lobby{left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);z-index:6;background:var(--panel-solid);border:3px solid var(--edge);width:min(92vw,400px);box-shadow:0 5px 0 var(--edge);border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:fixed;transform:translate(-50%)}.season-lobby p{margin:0;font-size:14px;font-weight:700;line-height:1.45}.season-lobby .link{align-self:center}.season-open{left:12px;top:calc(env(safe-area-inset-top,0px) + 60px);z-index:6;position:fixed}.sheet{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:11;background:var(--panel-solid);border:3px solid var(--edge);width:min(94vw,400px);max-height:70vh;box-shadow:0 6px 0 var(--edge);border-radius:18px;padding:14px 16px 16px;position:fixed;overflow-y:auto;transform:translate(-50%)}.sheet header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sheet h2{font-family:var(--display);margin:4px 0 0;font-size:26px;font-weight:800;line-height:1.05}.sheet h2 em{color:var(--muted);font-size:18px;font-style:normal}.sheet .hint{margin:8px 0}.suspects{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.suspect{background:var(--raise);width:100%;min-height:48px;color:var(--ink);border:3px solid var(--edge);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.suspect .nm{font-family:var(--display);font-size:17px;font-weight:800}.suspect .nm em{color:var(--muted);font-size:13px;font-style:normal}.suspect .tally{color:var(--red);letter-spacing:2px}.suspect.mine{border-color:var(--red);box-shadow:0 0 0 3px #e5484d40}.rows{flex-direction:column;gap:2px;margin:12px 0 0;display:flex}.rows div{border-bottom:2px dashed #2f2644;justify-content:space-between;gap:12px;padding:9px 2px;font-weight:700;display:flex}.rows dt{color:var(--muted)}.rows dd{font-family:var(--display);margin:0;font-size:17px;font-weight:800}.rows .bad dd{color:#ff9a9e}.challenge{z-index:14;background:var(--panel-solid);border:3px solid var(--edge);width:min(94vw,380px);box-shadow:0 7px 0 var(--edge);text-align:center;border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.challenge h2{font-family:var(--display);margin:0;font-size:28px;font-weight:800;line-height:1.05}.challenge p{color:var(--muted);margin:0;font-size:14px;font-weight:700;line-height:1.45}.grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{aspect-ratio:1;border:3px solid var(--edge);color:var(--ink);font-family:var(--display);background:#2a2140;border-radius:14px;place-items:center;font-size:28px;font-weight:800;transition:background 90ms,transform 90ms;display:grid;box-shadow:inset 0 -5px #00000040}.tile:disabled{opacity:1}.grid.live .tile:not(:disabled):active{transform:translateY(2px)}.tile.lit{background:var(--gold);color:#2a1c08}.tile.used{opacity:.3}.tile svg{width:64%;height:64%}.numpad{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.numpad .key{padding:8px 0;font-size:20px}.reveal{z-index:30;text-align:center;background:radial-gradient(circle at 50% 120%,#ff8c4259,#0000 60%),#0c0813f5;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex;position:fixed;inset:0}.reveal h2{font-family:var(--display);color:var(--gold);margin:0;font-size:clamp(48px,14vw,96px);font-weight:800;line-height:1}.reveal .verdict{margin:0;font-size:18px;font-weight:800}.stats{gap:18px;margin:8px 0 12px;display:flex}.stats div{flex-direction:column;display:flex}.stats dt{color:var(--muted);font-size:12px;font-weight:800}.stats dd{font-family:var(--display);margin:0;font-size:26px;font-weight:800}.more-wrap{position:relative}.menu{background:var(--panel-solid);border:3px solid var(--edge);min-width:170px;box-shadow:0 4px 0 var(--edge);border-radius:12px;flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}.interact.lift .menu{top:calc(100% + 8px);bottom:auto}.menu button{border:0;border-bottom:2px solid var(--edge);color:var(--ink);text-align:left;background:0 0;min-height:44px;padding:11px 12px;font-weight:800}.menu button:last-child{border-bottom:0}.menu .danger{color:#ff9a9e}.key.locked{filter:saturate(.25)}.tabs{border-bottom:2px solid var(--edge);gap:4px;padding:6px 6px 0;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;min-height:36px;padding:6px 9px;font-size:13px;font-weight:800}.tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--gold)}.tabs .add{color:var(--gold);font-size:18px}.roomhead{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:800;display:flex}.lines li.anon b{color:#c792ea}@media (pointer:coarse){.interact{bottom:calc(env(safe-area-inset-bottom,0px) + 148px)}}.interact.lift{z-index:10;bottom:auto;top:calc(env(safe-area-inset-top,0px) + 112px)}@media (width<=480px){.chat{width:auto;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.key,.member{transition:none}}