:root{--ink:#f0e6d2;--muted:#b9a888;--gold:#d6a84a;--panel:#120b07e0;--edge:#d6a84a73;--lib:#7fc0e6;--fas:#ff8f7a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#070504;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{display:block}.hidden{display:none!important}button,input{font:inherit;color:var(--ink)}button{border:1px solid var(--edge);cursor:pointer;background:#2a1b11;border-radius:6px;padding:9px 14px;transition:background .15s,transform .1s}button:hover:not(:disabled){background:#3b2618}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#6b2a1c;border-color:#d6774a}button.primary:hover:not(:disabled){background:#85341f}button.link{color:var(--muted);background:0 0;border:none;padding:6px;text-decoration:underline}button.mini{padding:4px 9px;font-size:13px}input{border:1px solid var(--edge);background:#00000073;border-radius:6px;outline:none;padding:9px 11px}input:focus{border-color:var(--gold)}.overlay{z-index:20;background:radial-gradient(#00000040,#000000bf);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex-direction:column;gap:12px;width:min(400px,100vw - 32px);padding:26px 30px;display:flex;box-shadow:0 20px 60px #0009}.panel.wide{width:min(620px,100vw - 32px);max-height:calc(100vh - 40px);line-height:1.45;overflow:auto}h1{letter-spacing:1px;color:var(--gold);text-shadow:0 0 18px #ff8c3c59;margin:0;font-family:Georgia,Times New Roman,serif;font-size:40px}h1 span{color:var(--ink);font-style:italic}.domain{letter-spacing:2px;color:#ff7ab8;text-shadow:0 0 10px #ff5aa080;margin:-6px 0 0;font-size:13px}h2{color:var(--gold);margin:0;font-family:Georgia,serif}.sub{color:var(--muted);margin:0;font-size:14px}label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.row{gap:8px;display:flex}.row>*{flex:1}#code{text-transform:uppercase;letter-spacing:6px;text-align:center;font-weight:700}.or{text-align:center;color:var(--muted);font-size:13px}.code{letter-spacing:6px;color:var(--ink);background:#0006;border-radius:6px;padding:2px 10px}#seats{flex-direction:column;gap:4px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}#seats li,#gameover-roles li{background:#ffffff0a;border-radius:6px;justify-content:space-between;padding:6px 10px;display:flex}.tag{color:var(--muted);font-size:12px}.tag.liberal{color:var(--lib);font-weight:700}.tag.fascist{color:var(--fas);font-weight:700}.error{z-index:40;background:#5a1712;border:1px solid #d6574a;border-radius:8px;padding:10px 16px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#lobby-chat{color:var(--muted);font-size:13px}#lobby-chat .line b{color:var(--gold)}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud button,#hud input,#hud .panel{pointer-events:auto}#top-left{color:var(--muted);text-shadow:0 1px 3px #000;flex-direction:column;gap:3px;font-size:13px;display:flex;position:absolute;top:12px;left:14px}#top-left b{color:var(--ink);letter-spacing:3px}#hud-role{font-size:15px;font-weight:700}#hud-role.liberal{color:var(--lib)}#hud-role.fascist{color:var(--fas)}#top-right{align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:14px}#timer{text-align:right;min-width:56px;color:var(--muted);text-shadow:0 1px 4px #000;font-family:Georgia,serif;font-size:22px}#timer.mine{color:var(--gold)}#timer.urgent{color:#ff5a4a;animation:.5s infinite alternate pulse}@keyframes pulse{to{opacity:.5}}#prompt{text-align:center;letter-spacing:.2px;max-width:min(820px,100vw - 32px);color:var(--ink);text-shadow:0 1px 2px #000;background:#0c0704db;border:1px solid #d6a84a66;border-radius:14px;padding:12px 26px;font-size:20px;font-weight:600;line-height:1.35;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #000000a6}#prompt:empty{display:none}#prompt.mine{color:#1c1006;text-shadow:none;background:linear-gradient(#f2c766 0%,#d39a3a 55%,#b77a24 100%);border:2px solid #ffe6a8;padding:10px 30px 14px;font-size:23px;font-weight:700;animation:1.8s ease-out infinite cta-pulse}#prompt.mine:before{content:"YOUR MOVE";letter-spacing:4px;color:#5a3208;margin-bottom:3px;font-size:12px;font-weight:800;display:block}@keyframes cta-pulse{0%{box-shadow:0 0 #ffc864a6,0 10px 34px #000000a6}70%{box-shadow:0 0 0 16px #ffc86400,0 10px 34px #000000a6}to{box-shadow:0 0 #ffc86400,0 10px 34px #000000a6}}@media (prefers-reduced-motion:reduce){#prompt.mine{animation:none}}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.toast{border-left:3px solid var(--gold);text-shadow:0 1px 2px #000;background:#0a0604c7;border-radius:6px;padding:7px 14px;font-size:15px;transition:opacity .8s}.toast.fade{opacity:0}.toast.good,.toast.liberal{border-color:var(--lib)}.toast.bad,.toast.fascist{border-color:#e0503a}.toast.power{border-color:#c070ff}.toast.night{color:#ffb0a0;border-color:#7a2018}#chat{flex-direction:column;gap:6px;width:min(340px,100vw - 28px);display:flex;position:absolute;bottom:110px;left:14px}#chat-log{text-shadow:0 1px 3px #000;flex-direction:column;gap:2px;max-height:180px;font-size:14px;display:flex;overflow:hidden}#chat-log .line b{color:var(--gold)}#chat-log .line.self b{color:#9fd0ef}#chat-input{background:#00000080;font-size:14px}#chat-input:disabled{opacity:.5}#gameover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#gameover-title.liberal{color:var(--lib)}#gameover-title.fascist{color:var(--fas)}#gameover-roles{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}#confirm-leave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#tooltip{pointer-events:none;z-index:30;border:1px solid var(--gold);color:#ffe7b0;white-space:nowrap;background:#0a0604d9;border-radius:6px;padding:4px 10px;font-size:14px;display:none;position:fixed}#status{z-index:50;background:#5a1712;border-radius:6px;padding:6px 14px;position:fixed;top:10px;left:50%;transform:translate(-50%)}#flash{opacity:0;pointer-events:none;z-index:15;background:#fff3d0;position:fixed;inset:0}#flash.on{animation:.45s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}@media (width<=640px){#chat{width:calc(100vw - 28px);bottom:70px}#chat-log{max-height:90px}#prompt{padding:10px 16px;font-size:16px;bottom:12px}#prompt.mine{font-size:18px}#top-right{flex-wrap:wrap;justify-content:flex-end;max-width:60vw}h1{font-size:30px}}#crosshair{pointer-events:none;z-index:12;background:#fff0d2d9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;transition:width .12s,height .12s,margin .12s,background .12s;position:fixed;top:50%;left:50%;box-shadow:0 0 4px #000}#crosshair.hot{border:2px solid var(--gold);background:0 0;width:14px;height:14px;margin:-7px 0 0 -7px}#lock-hint{pointer-events:none;z-index:12;border:1px solid var(--edge);background:#0a0604b8;border-radius:8px;padding:8px 16px;font-size:15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.invite{gap:8px;display:flex}#invite-link{color:#ffe7b0;cursor:text;flex:1;min-width:0;font-size:13px}#invite-banner{border:1px solid var(--edge);text-align:center;background:#d6a84a24;border-radius:8px;padding:9px 12px;font-size:15px}#invite-banner b{letter-spacing:3px;color:var(--gold)}h3{color:var(--gold);margin:6px 0 0;font-family:Georgia,serif;font-size:16px}#music-lobby{position:absolute;top:12px;right:14px}#host-controls{flex-direction:column;gap:8px;display:flex}#host-controls #start{width:100%}