:root{color-scheme:light;--bg:#fbe9b7;--surface:#ffffff;--surface-muted:#f6efdf;--line:#d8c9a6;--ink:#1f1d36;--text:var(--ink);--muted:#5d5872;--accent:#2f7de1;--accent-soft:#d8e7fb;--gold:#ffbf1f;--gold-soft:#fff0c2;--bad:#e2412f;--bad-soft:#fcdcd6;--zombie-skin:#9cc77e;--zombie-dark:#3b5a3a;--zombie-dark-lit:#4d7449;--border:3px solid var(--ink);--border-soft:2px solid var(--line);--shadow:5px 5px 0 var(--ink);--halo:drop-shadow(0 0 2px var(--gold))drop-shadow(0 0 3px var(--gold))drop-shadow(0 0 4px var(--gold));--bevel:inset 0 -4px 0 rgb(0 0 0 / 0.16),inset 0 3px 0 rgb(255 255 255 / 0.35);--font:"Comic Sans MS","Comic Sans","Chalkboard SE",casual,system-ui,sans-serif;--font-heading:Impact,Haettenschweiler,"Arial Narrow Bold","DejaVu Sans Condensed",sans-serif-condensed,var(--font);--radius:16px;--radius-small:10px}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}html.host{font-size:clamp(16px,1.25vw,34px)}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font);line-height:1.4;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent}html.host body{padding:2rem 3rem;zoom:var(--fit,1)}html.fitted{overflow:hidden}html.client body{max-width:32rem;margin:0 auto;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));text-align:center}h1,h2,p{margin:0}h1,h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;text-wrap:balance}h2{margin-bottom:.75rem;font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.brand{font-size:2rem;font-weight:700;color:var(--ink);text-shadow:3px 3px 0 var(--gold)}.card{padding:1.25rem 1.5rem;background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.notice{margin-bottom:1rem;padding:.6em 1em;color:var(--bad);background:var(--bad-soft);border:3px solid var(--bad);border-radius:var(--radius-small)}.notice:empty{display:none}label{display:block;margin-bottom:.4em;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}input[type=text]{width:100%;padding:.8em 1em;font:inherit;color:var(--text);background:var(--surface);border:var(--border);border-radius:var(--radius-small);box-shadow:inset 3px 3px#0000001a}input[type=text]:focus{outline:none;border-color:var(--accent)}button{padding:.75em 1.6em;font:inherit;font-weight:600;color:#fff;cursor:pointer;background:var(--accent);border:var(--border);border-radius:var(--radius-small);box-shadow:var(--bevel),var(--shadow)}button:hover{background:color-mix(in srgb,var(--accent) 88%,black)}button:active{transform:translate(3px,3px);box-shadow:var(--bevel)}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{cursor:default;opacity:.5;transform:none}button.secondary{color:var(--text);background:var(--surface)}button.secondary:hover{background:var(--surface-muted)}.doodle{overflow:visible;fill:none;stroke:none}.rig-parts{position:absolute;width:0;height:0;overflow:hidden}.key-fill-tint{fill:var(--player)}.key-fill-skin{fill:var(--skin)}.key-fill-accent{fill:var(--key-accent,#0f0)}.key-stroke-tint{stroke:var(--player)}.key-stroke-skin{stroke:var(--skin)}.key-stroke-accent{stroke:var(--key-accent,#0f0)}.figure{display:block;overflow:visible}.figure.head-only{margin-inline-end:.3em}.figure .letter{font:700 5px var(--font);text-anchor:middle;fill:var(--ink)}.figure .body{transform-box:view-box;transform-origin:24px 47px;animation:rig-breathe 1.6s ease-in-out var(--rig-delay,0s) infinite}.figure.head-only .body{transform-origin:24px 35px;animation-name:rig-nod}.figure.happy .body,.walking .figure .body{animation:rig-hop .45s ease-in-out var(--rig-delay,0s) infinite}.figure.dizzy .body,.figure.zombie .body{animation:rig-wobble .9s ease-in-out var(--rig-delay,0s) infinite}@keyframes rig-breathe{0%,50%,to{transform:none}25%{transform:scale(.93,1.04)}}@keyframes rig-nod{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes rig-hop{0%,to{transform:scale(1.07,.91)}50%{transform:translateY(-2.5px)scale(.96,1.05)}}@keyframes rig-wobble{0%,to{transform:rotate(-5deg)scale(1.02,.98)}50%{transform:rotate(5deg)scale(.98,1.02)}}@keyframes stars{50%{transform:translate(3px,3px)}}#info.lose,#info.win{padding:.7em 1.1em;font-size:1.1rem;font-weight:600;border:var(--border)}#info.win{color:var(--ink);background:var(--gold-soft);border-color:var(--gold)}#info.lose{color:var(--bad);background:var(--bad-soft);border-color:var(--bad)}#info.countdown{margin-top:2rem;font-size:6rem;font-weight:800;color:var(--accent)}#scoreboard{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}#scoreboard li{display:flex;justify-content:space-between;gap:1em;padding:.25em.8em;background:var(--surface-muted);border:var(--border-soft);border-radius:var(--radius-small)}#scoreboard li.away{font-style:italic;opacity:.5}#scoreboard .points{font-weight:700;font-variant-numeric:tabular-nums}#scoreboard li{align-items:center}#scoreboard .avatar{flex:none;width:1.4em;margin:.1em 0 -.1em}#scoreboard .name{flex:1}#scoreboard .gained{padding:.05em.5em;font-size:.85em;font-weight:700;color:var(--ink);background:var(--gold);border:2px solid var(--ink);animation:gained.4s;border-radius:var(--radius-small)}@keyframes gained{0%{transform:translateY(-.6em);opacity:0}}.layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(14rem,18rem);gap:1.5rem;align-items:start;margin-top:1rem}@media (width<=900px){.layout{grid-template-columns:1fr}}:where(.layout) #countdown{margin:3rem 0;font-size:8rem;font-weight:800;text-align:center;color:var(--accent)}#actions{display:flex;gap:1rem;margin-top:2rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}a.button{display:inline-block;padding:.75em 1.6em;font-weight:600;text-decoration:none;color:#fff;background:var(--accent);border:var(--border);box-shadow:var(--bevel),var(--shadow);border-radius:var(--radius-small)}a.button.secondary{color:var(--text);background:var(--surface)}a.button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.status-banner{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:1rem;width:max-content;max-width:calc(100% - 2rem);padding:.6rem.6rem.6rem 1.1rem;text-align:left;color:var(--bad);background:var(--bad-soft);border:3px solid var(--bad);box-shadow:var(--shadow);transform:translate(-50%);border-radius:var(--radius)}.status-banner a.button{flex:none;padding:.5em 1em}.dead-end{display:grid;justify-items:center;gap:1.25rem;max-width:28rem;margin:15vh auto 0;text-align:center;font-size:1.15rem}.music-toggle,.sound-toggle{position:fixed;top:.75rem;right:.75rem;z-index:20;display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;background:var(--surface);border:var(--border);box-shadow:var(--bevel),var(--shadow);border-radius:var(--radius-small)}.music-toggle{right:3.85rem}.music-toggle:hover,.sound-toggle:hover{background:var(--surface-muted)}.music-toggle img,.sound-toggle img{width:70%}.sound-toggle.blocked{animation:nudge 1.4s infinite}@keyframes nudge{50%{box-shadow:0 0 0 4px var(--gold)}}.leave-toggle{position:fixed;top:.75rem;right:6.95rem;z-index:20;display:flex;align-items:center;gap:.4rem;height:2.6rem;min-width:2.6rem;padding:0 .5rem;background:var(--surface);color:var(--ink);border:var(--border);box-shadow:var(--bevel),var(--shadow);font-weight:600;border-radius:var(--radius-small)}.leave-toggle:hover{background:var(--surface-muted)}.leave-toggle img{width:1.6rem}.leave-toggle span{display:none;padding-right:.4rem;white-space:nowrap}.leave-toggle.armed{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.leave-toggle.armed span{display:inline}.quit-toggle{position:fixed;top:.75rem;right:6.95rem;z-index:20;display:flex;align-items:center;gap:.4rem;height:2.6rem;min-width:2.6rem;padding:0 .5rem;background:var(--surface);color:var(--ink);border:var(--border);box-shadow:var(--bevel),var(--shadow);font-weight:600;border-radius:var(--radius-small)}body:has(.leave-toggle) .quit-toggle{right:10.05rem}.quit-toggle:hover{background:var(--surface-muted)}.quit-toggle img{width:1.6rem}.quit-toggle span{display:none;padding-right:.4rem;white-space:nowrap}.quit-toggle.armed{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.quit-toggle.armed span{display:inline}.party-bar{position:fixed;right:1.5rem;bottom:1.5rem;z-index:5;display:grid;gap:.5rem;max-width:26rem;padding:.7rem 1.1rem}.party-bar .progress{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.party-bar .go,.party-bar .next,.party-bar .party-waiting{display:none}.party-bar .howto{font-size:.9rem;color:var(--muted)}.party-bar.finished .howto{font-size:1.05rem;color:var(--text)}.party-bar .buttons{display:flex;gap:.5rem}.party-bar.finished{padding:1.1rem 1.4rem;border-color:var(--accent);animation:arrive.4s}.party-bar.finished .next{display:block;font-size:1.2rem;font-weight:700}.party-bar.finished .go{display:inline-block}.party-bar.finished .party-waiting{display:block;font-size:.9rem;color:var(--muted)}@keyframes arrive{0%{transform:translateY(1rem);opacity:0}}header.me{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:2rem;margin-bottom:.5rem;font-weight:700;color:var(--muted)}header.me .figure{width:1.8rem}.card.explanation{margin:.5rem 0 1rem;padding:.9rem 1.1rem;text-align:left}.card.explanation h2{margin-bottom:.3rem}.card.explanation.next-up{margin-top:1.5rem;border-color:var(--accent);animation:arrive.4s}.card.explanation.next-up h2{font-size:1rem;color:var(--accent)}.card.explanation .next-ready{display:block;width:100%;margin-top:.8rem}button.admin-lobby{display:block;width:100%;max-width:24rem;margin:1rem auto}.card.explanation .next-waiting{margin-top:.8rem;font-weight:700;color:var(--accent)}body{font-weight:700}.brand,h1,h2{font-weight:800;font-synthesis-weight:none;letter-spacing:.04em}*,:after,:before{animation-timing-function:cubic-bezier(.3,.7,.4,1)!important}:where(.slot,.tile,.choice),:where(ol,ul)>li{border-radius:var(--radius-small)}