:root{--bg0: #1a140c;--bg1: #2b2114;--panel: #3e2f1c;--panel-edge: #7a6238;--panel-hi: #5a4426;--ink: #f0e6c8;--ink-dim: #c6b48a;--gold: #ffd24a;--gold-deep: #d4a017;--danger: #c44;--ok: #6fcf6f;--cell: #1c3d6e;--cell-hi: #2a5a9a;--cell-edge: #8ec7ff;--shadow: rgba(0, 0, 0, .55);--font-plain: "RuneScape Plain 12", "RuneScape Plain 11", Georgia, serif;--font-bold: "RuneScape Bold 12", "RuneScape Plain 12", Georgia, serif;--font-quill: "RuneScape Quill Caps", "RuneScape Quill", Georgia, serif;color:var(--ink);font-family:var(--font-plain);font-size:18px;line-height:1.35;background:var(--bg0)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100dvh}body{background:radial-gradient(ellipse 120% 80% at 50% -10%,#4a3520 0%,transparent 55%),linear-gradient(180deg,#241a10 0%,var(--bg0) 40%,#120e09 100%);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}.app{min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;border-bottom:2px solid var(--panel-edge);background:linear-gradient(180deg,#4a3720,#2f2416)}.topbar-actions{display:flex;align-items:center;gap:.15rem}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:.75rem;background:#080603d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}.menu-panel{width:min(400px,100%)}.menu-actions{flex-direction:column}.menu-actions .btn{width:100%}.btn.danger{border-color:#8a3030;background:linear-gradient(180deg,#6b2a2a,#3d1212);color:#ffd0d0}.brand{display:flex;align-items:center;gap:.45rem;font-family:var(--font-quill);letter-spacing:.04em;color:var(--gold);font-size:1.15rem}.screen{flex:1;display:flex;flex-direction:column;gap:.75rem;padding:.75rem;width:min(1100px,100%);margin:0 auto}.panel{background:linear-gradient(180deg,rgba(255,220,140,.06),transparent 40%),var(--panel);border:3px solid var(--panel-edge);box-shadow:inset 0 0 0 1px #2a1d10,0 8px 24px var(--shadow);border-radius:2px;padding:.9rem 1rem}.stack{display:flex;flex-direction:column;gap:.75rem}.narrow{width:min(480px,100%);margin:0 auto}h1,h2{margin:0;font-family:var(--font-quill);color:var(--gold);font-weight:400;letter-spacing:.03em;text-shadow:0 2px 0 #000}h1{font-size:clamp(1.8rem,6vw,2.6rem)}h2{font-size:1.45rem}.tagline,.hint,.fineprint{color:var(--ink-dim);margin:0}.fineprint{font-size:.85rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #8a6a32;background:linear-gradient(180deg,#6b4e24,#3d2a12);color:var(--ink);padding:.55rem .95rem;min-height:44px;border-radius:2px;cursor:pointer;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffe6a033}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{border-color:var(--gold-deep);background:linear-gradient(180deg,#c9a227,#7a5a10);color:#1a1208;font-family:var(--font-bold);text-shadow:none}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;min-height:36px;color:var(--ink-dim)}.btn-row{display:flex;flex-wrap:wrap;gap:.55rem}.seg{display:flex;gap:.4rem}.field{display:flex;flex-direction:column;gap:.35rem}.field>span{color:var(--ink-dim);font-size:.95rem}.answer-input{width:100%;min-height:48px;padding:.65rem .75rem;border:2px solid #6a542c;background:#1a140c;color:var(--ink);border-radius:2px;font-size:1.05rem}.answer-input:focus{outline:2px solid var(--gold-deep);outline-offset:1px}.title-screen{justify-content:center}.title-hero{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:1rem;align-items:end}.wom-full{width:100%;max-height:min(55vh,420px);object-fit:contain;object-position:bottom center;image-rendering:pixelated;filter:drop-shadow(0 10px 18px var(--shadow));animation:wom-bob 3.2s ease-in-out infinite}@keyframes wom-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.title-copy{display:flex;flex-direction:column;gap:.75rem}.host-row{display:grid;grid-template-columns:64px 1fr;gap:.65rem;align-items:start}.host-portrait{width:64px;height:64px;border:2px solid var(--panel-edge);background:#1a140c;display:grid;place-items:center;overflow:hidden;image-rendering:pixelated}.host-portrait img{width:100%;height:100%;object-fit:contain}.host-bubble{background:#1f1810;border:2px solid #6a542c;padding:.55rem .7rem;position:relative}.host-bubble:before{content:"";position:absolute;left:-8px;top:18px;border:6px solid transparent;border-right-color:#6a542c}.host-name{font-family:var(--font-bold);color:var(--gold);margin-bottom:.2rem;font-size:.95rem}.host-bubble p{margin:0;color:var(--ink)}.mood-pleased .host-portrait{box-shadow:0 0 0 2px #6fcf6f59}.mood-scold .host-portrait{box-shadow:0 0 0 2px #c446}.mood-think .host-portrait{box-shadow:0 0 0 2px #8ec7ff59}.scoreboard{display:flex;flex-wrap:wrap;gap:.45rem}.score-chip{display:flex;align-items:center;gap:.55rem;padding:.4rem .65rem;background:#241a10;border:2px solid #5a4426;min-height:40px}.score-chip.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-deep)}.score-chip.negative .score-gp{color:#ff8a8a}.score-name{font-family:var(--font-bold)}.score-gp{display:inline-flex;align-items:center;gap:.25rem;color:var(--gold)}.board{display:flex;flex-direction:column;gap:.35rem;width:100%;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.board-row{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:.35rem;min-width:480px}.board-header{text-align:center;font-family:var(--font-bold);font-size:clamp(.72rem,2.2vw,.95rem);color:var(--gold);background:linear-gradient(180deg,#4a3720,#2a1d10);border:2px solid var(--panel-edge);padding:.45rem .25rem;min-height:52px;display:grid;place-items:center;line-height:1.15;text-wrap:balance}.board-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--cell-edge);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,var(--cell-hi),var(--cell));color:var(--gold);min-height:52px;font-family:var(--font-quill);font-size:clamp(1rem,3.5vw,1.35rem);cursor:pointer;box-shadow:inset 0 0 12px #00000059;transition:transform .12s ease,filter .12s ease}.board-cell:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.board-cell:disabled{cursor:default}.board-cell.revealed{background:#16110c;border-color:#3a2e1c;color:#5a4a30;box-shadow:none}.board-cell.daily:not(.revealed){animation:daily-pulse 1.8s ease-in-out infinite}@keyframes daily-pulse{0%,to{box-shadow:inset 0 0 12px #00000059,0 0 #ffd24a00}50%{box-shadow:inset 0 0 12px #00000059,0 0 10px 1px #ffd24a59}}.cell-value{text-shadow:0 2px 0 #000}.clue-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:.75rem;background:#080603c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.clue-panel{width:min(640px,100%);max-height:min(92dvh,900px);overflow:auto;display:flex;flex-direction:column;gap:.8rem;animation:panel-pop .22s ease}@keyframes panel-pop{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.clue-meta{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;color:var(--ink-dim);font-family:var(--font-bold)}.clue-gp{color:var(--gold)}.clue-text{font-size:clamp(1.15rem,3.8vw,1.55rem);line-height:1.4;text-align:center;padding:1rem .5rem;color:#fff6d8;text-wrap:balance}.answer-form,.reveal-block{display:flex;flex-direction:column;gap:.65rem}.canonical-answer{margin:0;color:var(--ink-dim)}.canonical-answer strong{color:var(--ok);font-family:var(--font-bold)}.standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.standings li{display:flex;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;background:#241a10;border:1px solid #5a4426}.error{color:#ff8a8a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:720px){:root{font-size:16px}.title-hero{grid-template-columns:1fr;justify-items:center}.wom-full{max-height:28vh;max-width:160px}.board-row{min-width:0;grid-template-columns:repeat(6,minmax(0,1fr))}.board-header{font-size:.62rem;min-height:46px;padding:.3rem .1rem}.board-cell{min-height:46px;font-size:.95rem;padding:.2rem}.host-row{grid-template-columns:52px 1fr}.host-portrait{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.wom-full,.board-cell.daily,.clue-overlay,.clue-panel{animation:none}}