:root{--bg:#0b1017;--panel:#0d131ce0;--panel2:#1c2838eb;--line:#7fb2ff38;--line-strong:#7fb2ff73;--accent:#7fb2ff;--accent2:#3fd3e0;--ok:#5fe38a;--bad:#ff5f5f;--warn:#ffcc4d;--lime:#9cff3a;--text:#e6eef7;--dim:#8a9bb0;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--radius:14px;--shadow:0 18px 50px #0000008c}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#7fb2ff73 #00000040}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000040;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#7fb2ff8c,#3fd3e073);border:2px solid #0d131ce6;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7fb2ffd9,#3fd3e0b3)}::-webkit-scrollbar-corner{background:0 0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#gl{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}[hidden]{display:none!important}button{font-family:var(--font);letter-spacing:.02em;border:1px solid var(--line);color:var(--text);cursor:pointer;background:linear-gradient(#28384ef2,#182230f2);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:transform 80ms,box-shadow .15s,border-color .15s,filter .15s;display:inline-flex}button:hover{border-color:var(--line-strong);filter:brightness(1.08);box-shadow:0 0 0 3px #7fb2ff1f,0 6px 16px #00000059}button:active{transform:translateY(1px)scale(.98)}button:disabled{opacity:.4;cursor:default;filter:none;box-shadow:none;transform:none}button.primary{color:#08111c;background:linear-gradient(#9ec5ff,#6fa3f6);border-color:#0000}button.primary:hover{box-shadow:0 0 0 3px #7fb2ff40,0 8px 22px #6fa3f659}button.danger{color:#fff;background:linear-gradient(#ff7a7a,#e04848);border-color:#0000}button.small{padding:6px 10px;font-size:12px}button.iconbtn{border-radius:8px;width:32px;height:32px;padding:6px}button .key{font-family:var(--mono);color:var(--text);background:#00000059;border:1px solid #ffffff26;border-radius:5px;padding:2px 6px;font-size:11px}button.primary .key{color:#08111c;background:#0003;border-color:#0003}.ico{flex:none;width:20px;height:20px;display:inline-flex}.ico svg{width:100%;height:100%;display:block}.small-ico{width:16px;height:16px}input[type=text]{font-family:var(--font);border:1px solid var(--line);color:var(--text);background:#00000059;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7fb2ff26}input[type=range]{width:100%;accent-color:var(--accent)}input.switch{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff1f;border-radius:11px;justify-self:end;width:40px;height:22px;margin:0;transition:background .15s;position:relative}input.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}input.switch:checked{background:var(--ok)}input.switch:checked:after{transform:translate(18px)}select{font-family:var(--font);color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:8px;padding:6px 8px}kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--text);background:#ffffff14;border-radius:6px;padding:2px 7px;font-size:12px}.pill{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#7fb2ff2e;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.pill.bad{color:var(--bad);background:#ff5f5f2e}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);padding:18px;position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.panel-mini{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px;position:relative;overflow:hidden}.panel-mini:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent2));width:3px;position:absolute;top:0;bottom:0;left:0}.panel-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.panel-head .ico{color:var(--accent)}.row{align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.grow{flex:1}.dim{color:var(--dim)}.small{font-size:12px}h1{letter-spacing:.35em;background:linear-gradient(90deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px;font-weight:900}h2{letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin:0;font-size:18px}h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:13px;font-weight:800}h4{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--line);margin:8px 0 0;padding-bottom:4px;font-size:11px;font-weight:800}#menu{background:radial-gradient(at 50% 30%,#1e2c42b3,#05080cf5);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#menu .card{width:min(540px,92vw)}.tagline{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .1s;box-shadow:inset 0 -6px 10px #00000059}.swatch:hover{transform:scale(1.12)}.swatch.sel{box-shadow:0 0 0 2px var(--accent), inset 0 -6px 10px #00000059;border-color:#fff}.swatch.taken{opacity:.25;cursor:not-allowed}.error{color:var(--bad);min-height:18px;font-size:13px}.status{color:var(--dim);min-height:18px;font-size:13px}#lobby{width:min(380px,92vw);max-height:calc(100vh - 32px);padding-right:14px;position:absolute;top:16px;right:16px;overflow:auto}.code{font-family:var(--mono);letter-spacing:.28em;color:var(--accent);-webkit-user-select:all;user-select:all;text-shadow:0 0 18px #7fb2ff73;font-size:32px;font-weight:800}.players{flex-direction:column;gap:6px;display:flex}.player{background:#ffffff0a;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;transition:border-color .15s;display:flex}.player .dot{border-radius:50%;flex:none;width:14px;height:14px;transition:box-shadow .1s;box-shadow:0 0 0 2px #0006}.player.speaking{border-color:#5fe38a80}.player.speaking .dot{box-shadow:0 0 0 3px var(--ok), 0 0 12px var(--ok)}.player .name{flex:1;font-weight:600}.player.dead .name{color:var(--dim);text-decoration:line-through}.player .tag{color:var(--dim);font-size:11px}.setting{grid-template-columns:1fr 120px 48px;align-items:center;gap:8px;font-size:13px;display:grid}.setting .val{font-family:var(--mono);color:var(--dim);text-align:right;font-size:12px}.keys{grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px;display:grid}.keyrow{align-items:center;gap:8px;display:flex}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#hud>.vignette,#hud>.center,#hud>.prompt,#hud>.crosshair,#hud>.toasts,#hud>.lockhint,#hud>.stats,#hud>.blackout,#hud>.banner,#hud>.arrows,#hud>.sabcd,#hud>.codes,#hud>.mic{pointer-events:none}.crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080,0 0 6px #fff6}.tasks{width:290px;font-size:13px;position:absolute;top:16px;left:16px}.tasks .panel-head{margin-bottom:4px}.task-count{font-family:var(--mono);color:var(--dim);margin-left:auto;font-size:11px}.taskbar{background:#00000080;border:1px solid #ffffff0f;border-radius:4px;height:8px;margin:6px 0 8px;overflow:hidden}.taskbar>div{background:linear-gradient(90deg, var(--ok), #b6ff8a);width:0;height:100%;transition:width .4s;box-shadow:0 0 10px #5fe38a80}.task-list{flex-direction:column;gap:2px;display:flex}.task-room{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:6px 0 2px;font-size:10px;font-weight:800}.task{background:#ffffff08;border-radius:7px;align-items:center;gap:8px;padding:4px 6px;display:flex}.task .task-ico{width:16px;height:16px;color:var(--accent)}.task.done{color:var(--dim)}.task.done .task-ico{color:var(--ok)}.task.done .task-label{text-decoration:line-through}.task-label{flex:1}.task-note{color:var(--dim);padding:2px 6px;font-size:12px}.task-note.bad{color:var(--bad);letter-spacing:.08em;font-weight:800}.prompt{background:var(--panel);border:1px solid var(--line-strong);white-space:nowrap;border-radius:10px;padding:9px 16px;font-size:14px;animation:.15s ease-out pop;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.actions{gap:10px;display:flex;position:absolute;bottom:44px;right:16px}.action{text-transform:uppercase;letter-spacing:.08em;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:90px;height:90px;padding:0;font-size:11px;font-weight:800;display:flex;position:relative;overflow:hidden}.action .ico{width:28px;height:28px;color:var(--dim)}.action.ready .ico{color:var(--accent);filter:drop-shadow(0 0 6px #7fb2ff99)}.action .key{position:absolute;top:6px;right:6px}.action.ready{border-color:var(--line-strong);box-shadow:0 0 0 1px #7fb2ff33,0 0 18px #7fb2ff2e}.action.kill{background:linear-gradient(#781e1ef2,#3c0e0ef2);border-color:#ff5f5f66}.action.kill.ready .ico{color:var(--bad);filter:drop-shadow(0 0 8px #ff5f5fb3)}.action.kill.ready{animation:1.2s infinite killpulse;box-shadow:0 0 0 1px #ff5f5f4d,0 0 22px #ff5f5f4d}@keyframes killpulse{50%{box-shadow:0 0 0 3px #ff5f5f40,0 0 28px #ff5f5f66}}.action.sab.ready .ico{color:var(--warn);filter:drop-shadow(0 0 6px #ffcc4d99)}.action .cd{font-size:24px;font-family:var(--mono);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.banner{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:var(--panel);font-weight:900;font-family:var(--mono);border-radius:12px;padding:10px 20px;font-size:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.banner.sab{border-color:var(--bad);color:var(--bad);background:#3c0a0ad9;animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #ff5f5f73}50%{box-shadow:0 0 0 10px #ff5f5f00}}.arrows{gap:10px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.arrow{letter-spacing:.06em;text-transform:uppercase;background:#3c0a0abf;border:1px solid #ff5f5f80;border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:800;display:flex}.arrow .arrow-ico{width:22px;height:22px;color:var(--bad);filter:drop-shadow(0 0 5px #ff5f5fb3);transition:transform .1s linear}.arrow.behind{border-style:dashed}.arrow-dist{font-family:var(--mono);color:var(--dim)}.sabcd{font-family:var(--mono);letter-spacing:.14em;border:1px solid var(--line);color:var(--warn);background:#0000008c;border-radius:999px;padding:5px 12px;font-size:11px;position:absolute;top:108px;left:50%;transform:translate(-50%)}.sabcd.ready{color:var(--bad);border-color:#ff5f5f80}.sabcd.active{color:var(--bad);border-color:var(--bad)}.sabcd.dim{color:var(--dim)}.codes{background:var(--panel);border:1px solid var(--bad);letter-spacing:.25em;font-size:24px;font-weight:800;font-family:var(--mono);border-radius:10px;padding:8px 18px;position:absolute;top:140px;left:50%;transform:translate(-50%)}.codes span{color:var(--bad);margin-right:4px;font-size:14px}.center{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.center .big{letter-spacing:.2em;text-transform:uppercase;text-shadow:0 4px 30px #000c;font-size:clamp(30px,6.5vw,68px);font-weight:900;animation:.5s cubic-bezier(.2,1.4,.4,1) bigin}@keyframes bigin{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.center .sub{color:var(--text);letter-spacing:.08em;background:#00000073;border-radius:10px;margin-top:10px;padding:8px 16px;font-size:16px;display:inline-block}.center.impostor .big{color:var(--bad);text-shadow:0 0 40px #ff5f5f99}.center.crew .big{color:var(--accent);text-shadow:0 0 40px #7fb2ff99}.blackout{background:#000;transition:opacity .6s;position:absolute;top:0;bottom:0;left:0;right:0}.toasts{flex-direction:column;gap:6px;max-width:360px;display:flex;position:absolute;bottom:150px;left:16px}.toast{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;padding:8px 12px;font-size:13px;animation:.2s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ventui{background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.ventcard{align-items:stretch;width:min(420px,92vw)}.ventui .opts{flex-wrap:wrap;gap:10px;display:flex}.sabmenu{width:320px;position:absolute;top:16px;right:16px}.sabmenu .opt{background:#ffffff0a;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.sabmenu .opt.used{opacity:.45}.opt-title{align-items:center;gap:8px;font-weight:700;display:flex}.chat{width:320px;font-size:13px;position:absolute;bottom:16px;left:16px}.chat .log{flex-direction:column;gap:3px;max-height:160px;margin-bottom:6px;display:flex;overflow:auto}.chat .log div{background:#00000080;border-radius:6px;padding:4px 8px}.chat .ghost{color:var(--dim);font-style:italic}.chat input[type=text]{background:#00000080;padding:8px 10px;font-size:13px}.mic{color:var(--dim);border:1px solid var(--line);background:#0006;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.mic .ind{background:var(--dim);border-radius:50%;width:10px;height:10px}.mic .ind.idle{background:var(--accent)}.mic .ind.on{background:var(--ok);box-shadow:0 0 10px var(--ok)}.mic .ind.off{background:var(--bad)}.stats{font-family:var(--mono);letter-spacing:.08em;color:var(--lime);text-shadow:0 0 6px #9cff3a80;font-size:11px;position:absolute;bottom:16px;right:16px}.lockhint{position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.lockhint div{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700}.vignette{transition:box-shadow .2s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 120px #ff282800}.vignette.on{animation:.6s infinite vpulse;box-shadow:inset 0 0 140px #ff28288c}@keyframes vpulse{50%{box-shadow:inset 0 0 90px #ff282840}}#meeting{background:#05080c99;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#meeting .card{width:min(840px,94vw);max-height:92vh;overflow:auto}.mgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.mcard{cursor:pointer;background:#ffffff0d;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,transform .12s,background .12s;display:flex}.mcard:hover{border-color:var(--line-strong);transform:translateY(-1px)}.mcard.dead{opacity:.4;cursor:default;text-decoration:line-through}.mcard.sel{border-color:var(--accent);background:#7fb2ff26;box-shadow:0 0 0 2px #7fb2ff40}.mcard.reporter:after{content:"!";color:var(--warn);font-size:18px;font-weight:900}.mcard .dot{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 -6px 8px #00000059}.mcard .voted{background:var(--ok);width:9px;height:9px;box-shadow:0 0 8px var(--ok);border-radius:50%;margin-left:auto}.timer{font-family:var(--mono);color:var(--warn);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.result{text-align:center;letter-spacing:.05em;padding:30px 10px;font-size:22px;font-weight:800}.result .sub{color:var(--dim);margin-top:8px;font-size:14px}#playerlist{width:min(480px,92vw);max-height:80vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#playerlist input[type=range]{width:90px}#settings{width:min(460px,92vw);max-height:88vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#minigame{background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#minigame .card{padding:12px;animation:.18s ease-out pop2}@keyframes pop2{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}#minigame .mg-head{align-items:center;gap:10px;padding:2px 4px 10px;display:flex}#minigame .mg-head h3{flex:1}