:root{--bg:#1d1630;--panel:#2a2142;--panel-2:#352a52;--cell:#3b2e63;--cell-used:#241c3a;--line:#4b3d75;--text:#f8f1e3;--muted:#b9add6;--gold:#f4b942;--ok:#30a46c;--bad:#e5484d;--open:#2ec4b6;--radius:14px;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:16px/1.45 var(--sans);-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--gold)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--serif);margin:0 0 .5em;line-height:1.15}.muted{color:var(--muted)}.small{font-size:.85rem}.err{color:#ff9a9d}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.grow{flex:1}.page{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));max-width:1200px;margin:0 auto}.narrow{max-width:480px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.brand{font-family:var(--serif);color:var(--gold);letter-spacing:.02em}.btn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;min-height:44px;padding:.6rem 1rem;font-weight:600}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--gold);color:#241a05;border-color:var(--gold)}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn.bad{background:var(--bad);border-color:var(--bad);color:#fff}.btn.big{padding:.85rem 1.4rem;font-size:1.15rem}.btn.tiny{min-height:32px;padding:.2rem .55rem;font-size:.85rem}.input{border:1px solid var(--line);background:#15102a;border-radius:10px;width:100%;min-height:44px;padding:.6rem .8rem}.input:focus,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}label.check{cursor:pointer;align-items:center;gap:.5rem;display:flex}.code{letter-spacing:.18em;color:var(--gold);font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:800}.chip{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.9rem;display:inline-flex}.swatch{border:1px solid #0006;border-radius:50%;flex:none;width:.8rem;height:.8rem}.banner{color:#ffd7da;background:#5a2330;border-radius:10px;padding:.5rem .8rem}.board-wrap{overflow-x:auto}.board{grid-template-columns:repeat(var(--cols), minmax(5.5rem, 1fr));gap:.4rem;display:grid}.board .cat{background:var(--panel-2);text-align:center;font-family:var(--serif);text-transform:uppercase;letter-spacing:.03em;border-radius:10px;place-items:center;min-height:3.6rem;padding:.5rem;font-size:clamp(.8rem,1.4vw,1.25rem);font-weight:700;display:grid}.board .cell{background:var(--cell);border:1px solid var(--line);min-height:3.6rem;color:var(--gold);font-size:clamp(1.1rem,2.6vw,2.4rem);font-weight:800;font-family:var(--serif);border-radius:10px;place-items:center;display:grid}.board button.cell{cursor:pointer}.board button.cell:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.board .cell.used{background:var(--cell-used);color:#0000;border-color:#0000}.board .cell.dd{box-shadow:inset 0 0 0 2px var(--gold)}.fill{flex-direction:column;flex:1;min-height:0;display:flex}.projector .fill .board-wrap{flex:1;display:flex}.projector .fill .board{flex:1;grid-template-rows:auto repeat(5,1fr)}.host-grid .board .cat{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;padding:.4rem .25rem;font-size:clamp(.68rem,.95vw,.95rem)}.host-grid .board .cell{font-size:clamp(1rem,2vw,1.8rem)}.scores{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;display:grid}.score{background:var(--panel);border-top:6px solid var(--team,var(--line));border-radius:12px;padding:.6rem .8rem}.score .name{overflow-wrap:anywhere;align-items:center;gap:.4rem;font-weight:700;display:flex}.score .pts{font-family:var(--serif);font-size:1.6rem;font-weight:800}.score .pts.neg{color:#ff9a9d}.score.control{box-shadow:0 0 0 2px var(--gold)}.projector{flex-direction:column;gap:1rem;min-height:100%;padding:1.2rem clamp(16px,2vw,2rem);display:flex}.clue-card{text-align:center;background:var(--cell);border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.2rem;min-height:50vh;padding:clamp(1rem,4vw,4rem);display:flex}.clue-card .meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1rem,2vw,1.6rem)}.clue-card .text{font-family:var(--serif);max-width:28ch;font-size:clamp(1.6rem,4.2vw,4.2rem);line-height:1.2}.clue-card .answer{font-family:var(--serif);color:var(--gold);font-size:clamp(1.4rem,3.4vw,3.2rem)}.status-pill{border-radius:999px;padding:.4rem 1.1rem;font-size:clamp(1rem,2.2vw,1.8rem);font-weight:800;display:inline-block}.splash{font-family:var(--serif);color:var(--gold);text-shadow:0 4px #0006;font-size:clamp(2.5rem,9vw,8rem);font-weight:800}.join-hero{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:center;gap:2rem;display:grid}.join-hero .code{font-size:clamp(4rem,12vw,10rem)}.qr{aspect-ratio:1;background:#fff;border-radius:12px;width:min(100%,22rem);height:auto;padding:12px}.phone{min-height:100%;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:.8rem;display:flex}.phone header{background:var(--panel);border-left:8px solid var(--team);border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex}.buzz-area{flex:1;place-items:center;display:grid}.buzzer{aspect-ratio:1;width:min(78vw,22rem);font-size:clamp(2rem,11vw,3.6rem);font-weight:900;font-family:var(--serif);touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;color:#a99fc4;background:#4a4060;border:0;border-radius:50%;transition:transform 50ms;box-shadow:0 10px #2a2340}.buzzer.live{background:var(--open);color:#04241f;box-shadow:0 10px #157a70,0 0 60px #2ec4b688}.buzzer.pressed{transform:translateY(8px);box-shadow:0 2px #157a70}.buzzer.winner{background:var(--gold);color:#241a05;box-shadow:0 10px #8a6414,0 0 70px #f4b94299}.buzzer.locked{color:#ffb8bb;background:#5a2330;box-shadow:0 10px #33121a}.phone .clue-mini{font-family:var(--serif);background:var(--panel);border-radius:12px;padding:.8rem;font-size:1.15rem}.host-grid{grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr);align-items:start;gap:1rem;display:grid}@media (width<=900px){.host-grid{grid-template-columns:1fr}}.answer-box{background:#13301f;border:1px solid #2c6a45;border-radius:12px;padding:.8rem}.answer-box .resp{font-family:var(--serif);color:#b8f5cf;font-size:1.4rem;font-weight:700}.chapters{flex-wrap:wrap;gap:.35rem;display:flex}.chapters button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:8px;min-width:2.6rem;min-height:2.4rem;font-weight:600}.chapters button.on{background:var(--gold);color:#241a05;border-color:var(--gold)}.chapters button:disabled{opacity:.3;cursor:not-allowed}details.book>summary{cursor:pointer;padding:.4rem 0;font-weight:700}.meter{background:#15102a;border-radius:999px;height:.6rem;overflow:hidden}.meter>div{background:var(--gold);height:100%}table.log{border-collapse:collapse;width:100%;font-size:.9rem}table.log td{border-bottom:1px solid var(--line);padding:.2rem .4rem}.review{grid-template-columns:14rem minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:1rem;display:grid}@media (width<=1100px){.review{grid-template-columns:1fr}}.verses{max-height:80vh;font-family:var(--serif);overflow:auto}.verses p{margin:0 0 .5rem}.verses p.hl{background:#4a3a12;border-radius:6px}.status-draft{border-left:6px solid #888}.status-verified{border-left:6px solid var(--open)}.status-approved{border-left:6px solid var(--ok)}.status-rejected{border-left:6px solid var(--bad);opacity:.7}
