:root{--ink: #1c0f26;--plum: #2c1838;--line: #4b2e5e;--paper: #fbeedb;--muted: #c9b2c8;--turmeric: #f2b134;--chili: #e5533d;--mint: #6fcfa8;--radius-lg: 22px;--radius-sm: 10px;--font: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--paper)}body{font-family:var(--font);font-size:17px;line-height:1.45;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}h1,h2,h3{margin:0;line-height:1.1;font-variation-settings:"opsz" 96}h1{font-size:clamp(2.6rem,11vw,4rem);font-weight:800;letter-spacing:-.03em}h2{font-size:1.6rem;font-weight:750;letter-spacing:-.015em}h3{font-size:1.05rem;font-weight:650}p{margin:0}strong{font-weight:700}a{color:var(--turmeric)}.page{max-width:480px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:16px}.page.admin{max-width:1040px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:flex-end}.row>.field{flex:1;min-width:0}.row.wrap{flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between;align-items:center}.center{text-align:center;align-items:center}.masthead{padding:28px 0 8px;display:flex;flex-direction:column;gap:12px}.masthead.small h1{font-size:2.2rem}.lede{font-size:1.2rem;color:var(--muted);max-width:30ch}.kicker{color:var(--muted)}.disc{width:72px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--turmeric) 0 18%,var(--ink) 18.5% 21%,transparent 21.5%),repeating-radial-gradient(circle,#2a1636 0,#2a1636 2px,#1f1029 2px,#1f1029 4px);box-shadow:0 0 0 2px var(--line)}.disc.spin{animation:spin 3.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--plum);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.panel.quiet{background:transparent;border:1.5px solid var(--line)}.panel.alert{box-shadow:inset 4px 0 0 var(--chili)}.panel.control{border:2px solid var(--turmeric)}.panel.control h2{font-size:1.9rem}.notice{margin-top:12vh}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-weight:600;font-size:.95rem}.field-hint,.footnote{color:var(--muted);font-size:.9rem}.footnote{text-align:center}input{font:inherit;color:var(--paper);background:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;width:100%}input::placeholder{color:#8d7590}input:focus{outline:none;border-color:var(--turmeric)}input.pin{font-size:1.6rem;letter-spacing:.5em;font-variant-numeric:tabular-nums;width:9ch}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:8px;padding:0}.songform fieldset+fieldset{border-top:1.5px dashed var(--line);padding-top:14px}.error{color:var(--chili);font-weight:600}.btn{font:inherit;font-weight:650;cursor:pointer;text-decoration:none;text-align:center;color:var(--paper);background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:12px 20px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--turmeric);border-color:var(--turmeric);color:var(--ink)}.btn.danger{border-color:var(--chili);color:var(--chili)}.btn.danger:only-child{align-self:flex-start}.btn.ghost{border-color:transparent;color:var(--muted)}.btn.small{min-height:36px;padding:6px 14px;font-size:.9rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.link{font:inherit;font-size:.85rem;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;margin-left:auto;padding:4px}:focus-visible{outline:3px solid var(--turmeric);outline-offset:3px}.topbar{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.95rem;padding-bottom:4px;border-bottom:1.5px solid var(--line)}.topbar-game{color:var(--paper);font-weight:700}.offline{position:sticky;top:0;z-index:5;background:var(--chili);color:var(--paper);text-align:center;padding:8px;border-radius:var(--radius-sm);font-weight:650}.names{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.names li{display:flex;align-items:center;gap:10px}.names li.out{color:var(--muted);text-decoration:line-through}.names li.winner{color:var(--mint);font-weight:700}.names .you{color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}.dot.on{background:var(--mint)}.tag{font-size:.8rem;font-weight:650;border-radius:999px;padding:2px 10px;border:1.5px solid var(--line);margin-left:auto;white-space:nowrap}.tag-imposter{border-color:var(--chili);color:var(--chili)}.tag-insider{border-color:var(--turmeric);color:var(--turmeric)}.tag-blank{border-style:dashed}.rolecard{font:inherit;color:var(--paper);text-align:left;cursor:pointer;border:0;border-radius:var(--radius-lg);padding:22px;background:repeating-linear-gradient(135deg,var(--plum) 0 14px,#321c3f 14px 28px);display:flex;flex-direction:column;gap:8px;min-height:150px;justify-content:center}.rolecard.shown{background:var(--plum);box-shadow:inset 0 0 0 2px var(--turmeric)}.rolecard-title{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1}.rolecard-small{color:var(--muted);font-size:.85rem}.clip{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.record{--size: min(72vw, 280px);width:var(--size);aspect-ratio:1;border-radius:50%;border:0;padding:0;cursor:pointer;font:inherit;position:relative;display:grid;place-items:center;color:var(--ink);background:conic-gradient(var(--turmeric) var(--progress, 0deg),transparent 0) border-box,repeating-radial-gradient(circle,#2a1636 0,#2a1636 3px,#1d0f27 3px,#1d0f27 6px)}.record:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:repeating-radial-gradient(circle,#2a1636 0,#2a1636 3px,#1d0f27 3px,#1d0f27 6px)}.record-label{position:relative;width:44%;aspect-ratio:1;border-radius:50%;background:var(--turmeric);display:grid;place-items:center;text-align:center;font-weight:800;font-size:1.05rem;line-height:1.1;padding:8px}.record-playing .record-label{font-size:2.6rem;font-variant-numeric:tabular-nums}.record-playing:before{animation:spin 1.8s linear infinite}.record-done .record-label,.record-error .record-label{background:var(--line);color:var(--paper)}.record:disabled{cursor:default}.clip-small .record{--size: 150px}.clip-small .record-label{font-size:.85rem}.clip-small .record-playing .record-label{font-size:1.6rem}.clip-frame{width:100%;max-width:320px;aspect-ratio:16 / 9;max-height:0;border-radius:var(--radius-sm);overflow:hidden;background:#000}.clip-frame iframe{width:100%;height:100%;display:block}.record-playing~.clip-frame{max-height:200px}.clue{border:2px solid var(--turmeric)}.clue-step{color:var(--muted);font-weight:600}.clue-name{font-size:clamp(2.4rem,12vw,3.4rem);font-weight:800;letter-spacing:-.03em}.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vote{font:inherit;font-weight:650;color:var(--paper);background:var(--ink);cursor:pointer;border:1.5px solid var(--line);border-radius:var(--radius-sm);min-height:56px;padding:10px;overflow-wrap:anywhere}.vote.picked{background:var(--turmeric);border-color:var(--turmeric);color:var(--ink)}.result h2{font-size:2rem}.result.won{box-shadow:inset 0 0 0 2px var(--mint)}.result-you{font-weight:700}.result.won .result-you{color:var(--mint)}.admin-grid{display:grid;gap:16px}@media (min-width: 860px){.admin-grid{grid-template-columns:1.15fr 1fr;align-items:start}}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th{text-align:left;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:1.5px solid var(--line)}td{padding:8px;border-bottom:1px solid var(--line)}td .tag{margin-left:0}tr.out td{color:var(--muted)}tr.out td:first-child{text-decoration:line-through}.songs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.songs li{display:flex;gap:10px;align-items:center}.songs li.used{color:var(--muted)}.mono-ish{overflow-wrap:anywhere;color:var(--muted)}.panel.danger-zone{border-color:transparent;padding:4px 0}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}}.songs .field-hint{margin-left:auto}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1.5px solid var(--line);border-radius:999px;align-self:flex-start}.segmented button{font:inherit;font-weight:650;font-size:.9rem;color:var(--muted);background:none;border:0;border-radius:999px;padding:8px 14px;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.facet{display:flex;flex-direction:column;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font:inherit;font-size:.9rem;font-weight:600;color:var(--paper);background:none;cursor:pointer;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px}.chip[aria-pressed=true]{background:var(--turmeric);border-color:var(--turmeric);color:var(--ink)}.chip-count{opacity:.6;font-variant-numeric:tabular-nums;margin-left:2px}.nextup{display:flex;flex-direction:column;gap:12px;border-top:1.5px dashed var(--line);padding-top:14px}.nextup-song{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.nextup-song>div:first-child{flex:1;min-width:60%}.nextup-song .clip{flex-basis:100%}.nextup>.btn{align-self:flex-start}.howto-link{color:var(--turmeric);font-weight:650;align-self:flex-start}.panel.center .howto-link{align-self:center}.topbar a.topbar-game{color:var(--paper);text-decoration:none}.topbar .link{margin-left:0;font-size:.95rem}.section-title{padding-top:4px}.role-row h3{font-size:1.25rem}.steps,.clue-list,.win-list{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:10px}.steps li::marker{color:var(--turmeric);font-weight:800}.clue-list li::marker,.win-list li::marker{color:var(--muted)}.howto>.btn.primary{align-self:stretch}