:root{--terracotta:#b8451f;--terracotta-2:#d5602f;--cream:#fff3dc;--cream-2:#f6e3c0;--ink:#2a1a12;--ink-2:#4a3326;--green:#1f4d3a;--green-2:#2f6d52;--gold:#e8ad2c;--red:#d8413a;--blue:#2f7fd6;--panel:#21150ed1;--panel-2:#342116e6;--line:#ffeecd29;--shadow:0 18px 50px #00000073;--radius:16px;--font-head:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#120c08;margin:0;overflow:hidden}#game{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui .interactive,#ui button,#ui input,#ui select,#ui label{pointer-events:auto}.hidden{display:none!important}.home-link{top:max(14px, env(safe-area-inset-top));color:var(--cream);border:1px solid var(--line);background:#21150eb3;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none;position:absolute;left:16px}.home-link:hover{background:#fff3dc29}.screen{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.screen .panel{-webkit-backdrop-filter:blur(10px)}#hud .panel{background:#21150edb;box-shadow:0 10px 28px #00000059}.btn{font-family:var(--font-head);letter-spacing:.02em;color:var(--cream);background:linear-gradient(180deg, var(--terracotta-2), var(--terracotta));cursor:pointer;border:none;border-radius:12px;padding:10px 20px 8px;font-size:18px;font-weight:700;transition:transform 80ms,filter .15s,box-shadow 80ms;box-shadow:0 4px #7c2c12,0 8px 18px #0000004d}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px #7c2c12,0 4px 10px #0000004d}.btn.secondary{background:linear-gradient(180deg, #3d7b5f, var(--green));box-shadow:0 4px #10291f,0 8px 18px #0000004d}.btn.ghost{box-shadow:none;border:1px solid var(--line);background:#fff3dc14}.btn.ghost:hover{background:#fff3dc24}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.big{padding:14px 26px 11px;font-size:22px}.field{flex-direction:column;gap:6px;display:flex}.field>span{text-transform:uppercase;letter-spacing:.09em;color:#fff3dc9e;font-size:12px;font-weight:600}input[type=text],select{font-family:var(--font-body);color:var(--cream);border:1px solid var(--line);background:#00000059;border-radius:10px;outline:none;padding:9px 12px;font-size:15px}input[type=text]:focus,select:focus{border-color:var(--gold)}select option{background:#2a1a12}input[type=range]{accent-color:var(--gold);width:100%}input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}h1,h2,h3{font-family:var(--font-head);margin:0;line-height:1.05}.muted{color:#fff3dc9e}.logo{font-family:var(--font-head);letter-spacing:.02em;color:var(--cream);text-shadow:0 0 1px #fff, 0 3px 0 var(--terracotta), 0 8px 0 #7c2c12, 0 18px 40px #0000008c;font-size:clamp(64px,11vw,132px);font-weight:800;line-height:.9;transform:rotate(-3deg)}.logo .bang{color:var(--gold)}.tagline{font-family:var(--font-head);color:var(--cream-2);opacity:.9;margin-top:6px;font-size:clamp(16px,2.2vw,22px)}#loading{pointer-events:auto;background:radial-gradient(1200px 700px at 50% 40%,#3a2215 0%,#140c07 70%);flex-direction:column;gap:28px}#loading .bar{border:1px solid var(--line);background:#fff3dc1a;border-radius:99px;width:min(460px,80vw);height:12px;overflow:hidden}#loading .bar>div{background:linear-gradient(90deg, var(--gold), var(--terracotta-2));border-radius:99px;width:0%;height:100%;transition:width .2s}#loading .step{color:#fff3dcb3;min-height:20px;font-size:14px}#loading .tip{text-align:center;color:#fff3dc8c;max-width:520px;font-size:14px;line-height:1.5}#menu{background:linear-gradient(90deg,#120a06c7 0%,#120a0673 38%,#120a0600 65%);justify-content:flex-start;align-items:stretch;padding:clamp(16px,5vw,64px)}#menu .col{flex-direction:column;justify-content:center;gap:26px;width:100%;max-width:440px;display:flex}#menu .buttons{flex-direction:column;gap:12px;display:flex}#menu .buttons .row{gap:10px;display:flex}#menu .buttons .row .btn{flex:1}#menu .namecard{flex-direction:column;gap:12px;padding:16px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 -3px #0003}.swatch.sel{border-color:var(--cream);transform:scale(1.08)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;color:var(--cream);background:#fff3dc14;border-radius:99px;padding:6px 11px;font-size:13px}.chip.sel{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}.version{color:#fff3dc66;font-size:12px;position:absolute;bottom:14px;right:18px}.modal{pointer-events:auto;background:#0a06048c}.modal .panel{width:min(720px,100%);max-height:calc(100vh - 32px);padding:26px 28px;overflow:auto}.modal .panel h2{margin-bottom:14px;font-size:34px}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.rules{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rule{border:1px solid var(--line);background:#fff3dc0d;border-radius:12px;padding:14px}.rule h3{color:var(--gold);margin-bottom:6px;font-size:19px}.rule p{color:#fff3dcd1;margin:0;font-size:14px;line-height:1.5}.keys{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:16px;font-size:14px;display:grid}kbd{font-family:var(--font-body);border:1px solid var(--line);white-space:nowrap;background:#fff3dc1f;border-bottom-width:3px;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.settings-grid{grid-template-columns:1fr 1fr;gap:16px 22px;display:grid}.settings-grid .check{align-items:center;gap:10px;font-size:14px;display:flex}#lobby .panel{grid-template-columns:1.15fr 1fr;gap:22px;width:min(980px,100%);padding:24px;display:grid}#lobby h2{font-size:34px}.roomcode{align-items:center;gap:10px;margin:6px 0 14px;display:flex}.roomcode .code{font-family:var(--font-head);letter-spacing:.18em;color:var(--gold);background:#00000059;border:1px dashed #e8ad2c80;border-radius:10px;padding:4px 14px 0;font-size:30px}.plist{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pl{border:1px solid var(--line);background:#fff3dc0d;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;font-size:14px;display:flex}.pl .dot{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 -3px #00000040}.pl .tag{text-transform:uppercase;letter-spacing:.08em;color:#fff3dc8c;margin-left:auto;font-size:11px}.pl.empty{opacity:.4;border-style:dashed}.lobby-settings{flex-direction:column;gap:14px;display:flex}#hud{position:absolute;inset:0}.hud-top{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phase-pill{font-family:var(--font-head);border-radius:99px;align-items:center;gap:14px;padding:8px 18px 6px;font-size:20px;font-weight:700;display:flex}.phase-pill .timer{font-variant-numeric:tabular-nums;color:var(--gold);text-align:center;min-width:64px;font-size:26px}.phase-pill .timer.low{color:#ff6b5e;animation:.9s infinite pulse}.round-label{letter-spacing:.12em;text-transform:uppercase;color:#fff3dcb3;text-shadow:0 1px 3px #000000b3;font-size:12px}.role-card{align-items:center;gap:12px;max-width:360px;padding:10px 14px;display:flex;position:absolute;top:14px;left:14px}.role-card .icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.role-card.seeker .icon{background:var(--red)}.role-card.hider .icon{background:var(--green-2)}.role-card .t1{font-family:var(--font-head);font-size:19px;font-weight:700}.role-card .t2{color:#fff3dcbf;font-size:13px;line-height:1.35}.side-list{flex-direction:column;gap:3px;width:210px;padding:8px;display:flex;position:absolute;top:14px;right:14px}.side-list .row{border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:13px;display:flex}.side-list .row.me{background:#e8ad2c29}.side-list .row .dot{border-radius:50%;flex:none;width:12px;height:12px}.side-list .row .st{letter-spacing:.06em;text-transform:uppercase;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.st.seeker{background:var(--red)}.st.inplay{background:#fff3dc1f}.st.spotted{color:var(--ink);background:#ff8f2b;animation:.8s infinite pulse}.st.safe{background:#3caa63}.st.caught{color:#fff3dccc;background:#6b4a3a}.feed{flex-direction:column;align-items:flex-end;gap:6px;max-width:360px;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-40%)}.feed .item{background:var(--panel);border:1px solid var(--line);text-align:right;border-radius:10px;padding:7px 12px;font-size:13.5px;transition:opacity .5s;animation:.25s ease-out slidein}.feed .item b{color:var(--gold)}.announce{text-align:center;pointer-events:none;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.announce .big{font-family:var(--font-head);text-shadow:0 4px #00000059,0 12px 40px #0009;font-size:clamp(42px,7vw,86px);font-weight:800;line-height:.95;animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.announce .small{text-shadow:0 2px 8px #000c;margin-top:8px;font-size:18px;font-weight:600}.prompt{white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:9px 16px;font-size:16px;font-weight:600;display:flex;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.prompt kbd{background:var(--gold);color:var(--ink);border-color:#a8761a;font-size:14px}.prompt.urgent{background:#d8413ae6;animation:.7s infinite pulse}.stamina{background:#00000073;border-radius:99px;width:180px;height:6px;transition:opacity .4s;position:absolute;bottom:44px;left:50%;overflow:hidden;transform:translate(-50%)}.stamina>div{background:linear-gradient(90deg, #7fd07f, var(--gold));border-radius:99px;height:100%}.crosshair{background:#ffffffd9;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0000004d}.eye-meter{flex-direction:column;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.eye-meter .eye{filter:drop-shadow(0 2px 6px #0009);font-size:34px}.eye-meter .bar{background:#00000080;border-radius:99px;width:120px;height:7px;overflow:hidden}.eye-meter .bar>div{background:linear-gradient(90deg,#ffd24a,#ff4d3a);height:100%}.eye-meter .lbl{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 3px #000;font-size:12px;font-weight:700}.hint-bar{color:#fff3dcbf;text-shadow:0 1px 3px #000000e6;flex-wrap:wrap;gap:12px;max-width:60vw;font-size:12.5px;display:flex;position:absolute;bottom:14px;left:14px}.fps{color:#fff3dc99;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;bottom:14px;right:14px}.spectate{border-radius:12px;padding:8px 16px;font-size:14px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.peek{pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.peek.crack{background:linear-gradient(90deg,#080604f7 0%,#080604f5 38%,#08060459 44%,#08060400 47% 53%,#08060459 56%,#080604f5 62%,#080604f7 100%)}.peek.under{background:linear-gradient(#140c07f7 0%,#140c07eb 26%,#140c0733 36%,#0000 42%),radial-gradient(80% 70% at 50% 60%,#0000 55%,#0000008c 100%)}.peek.soft{background:radial-gradient(70% 60%,#0000 45%,#0009 100%)}.counting{pointer-events:none;background:radial-gradient(circle,#281208b8 0%,#080301f7 65%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.counting .num{font-family:var(--font-head);color:var(--cream);text-shadow:0 0 60px #e8ad2c59;font-variant-numeric:tabular-nums;font-size:clamp(110px,20vw,220px);font-weight:800;line-height:1}.counting .sub{color:#fff3dcbf;margin-top:10px;font-size:18px}.counting .hands{filter:blur(18px);background:radial-gradient(30% 45% at 22% 60%,#8250328c,#0000 70%),radial-gradient(30% 45% at 78% 60%,#8250328c,#0000 70%);position:absolute;inset:0}.rhyme{text-align:center;max-width:min(900px,92vw);padding:16px 24px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.rhyme .words{font-family:var(--font-head);font-size:clamp(22px,3.4vw,36px);line-height:1.2}.rhyme .words span{opacity:.35;transition:opacity .1s,color .1s}.rhyme .words span.on{opacity:1;color:var(--gold)}.rhyme .words span.done{opacity:.8}.rhyme .who{margin-top:8px;font-size:18px;font-weight:600}.tags{position:absolute;inset:0;overflow:hidden}.tag3d{color:var(--cream);white-space:nowrap;will-change:transform;background:#140c08a8;border:1px solid #fff3dc2e;border-radius:99px;padding:2px 8px 3px;font-size:12.5px;font-weight:700;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.tag3d.seeker{background:#c83228e0}.tag3d.spotted{color:var(--ink);background:#ff8f2bf2}.tag3d.highlight{background:var(--gold);color:var(--ink)}.tag3d .q{color:#ffd24a}.tag3d.chat:after{content:attr(data-chat);background:var(--cream);color:var(--ink);white-space:nowrap;border-radius:12px;padding:5px 10px;font-size:13px;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000059}.board{width:min(760px,100%);padding:22px}.board table{border-collapse:collapse;width:100%;font-size:14px}.board th{text-align:left;text-transform:uppercase;letter-spacing:.1em;color:#fff3dc8c;border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px}.board td{border-bottom:1px solid #fff3dc0f;padding:8px}.board td.num{text-align:right;font-variant-numeric:tabular-nums}.board tr.me td{background:#e8ad2c1f}.board .pname{align-items:center;gap:8px;font-weight:600;display:flex}.board .pname .dot{border-radius:50%;width:14px;height:14px}.result-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:800}.podium{justify-content:center;align-items:flex-end;gap:14px;margin:10px 0 20px;display:flex}.podium .p{text-align:center;width:130px}.podium .p .blk{background:linear-gradient(180deg, var(--gold), #b27a12);color:var(--ink);font-family:var(--font-head);border-radius:12px 12px 0 0;place-items:center;font-size:34px;font-weight:800;display:grid}.podium .p .nm{margin-bottom:6px;font-weight:700}.podium .p .sc{color:#fff3dcb3;margin-bottom:6px;font-size:13px}.toast{z-index:50;pointer-events:auto;border-radius:12px;padding:10px 16px;font-size:14px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.click-to-play{pointer-events:auto;cursor:pointer;border-radius:12px;padding:12px 20px;font-weight:700;position:absolute;top:72%;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@media (max-width:760px){#lobby .panel,.rules,.settings-grid{grid-template-columns:1fr}.side-list{display:none}.role-card{max-width:60vw}}