:root{--bg: #f4ecdc;--surface: #fbf5e9;--surface-2: #efe6d4;--ink: #17150f;--muted: #6e6757;--line: #e2d7c2;--accent: #c2962f;--accent-ink: #17150f;--teal: #2f6f6a;--teal-ink: #f1f8f6;--gold: #c2962f;--danger: #9e2b25;--shadow: 0 1px 2px rgba(23, 21, 15, .06), 0 8px 24px rgba(23, 21, 15, .08);--radius: 16px;--max: 580px;--display: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}.game{display:flex;flex-direction:column;height:100dvh;max-width:var(--max);margin:0 auto;background:var(--surface);box-shadow:var(--shadow)}.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-family:var(--display);font-size:20px;letter-spacing:.5px;margin:0}.subhead{font-size:12px;color:var(--muted);margin-top:1px}.demo-badge{margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;background:var(--gold);color:#2a1f05;padding:1px 6px;border-radius:999px;vertical-align:middle}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-family:var(--display);font-weight:700;font-size:22px;flex:none;box-shadow:var(--shadow)}.brand-mark.big{width:72px;height:72px;font-size:40px;border-radius:20px}.header-right{display:flex;align-items:center;gap:12px}.timer{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);white-space:nowrap}.counter{text-align:right}.counter-pips{display:flex;gap:3px;justify-content:flex-end;flex-wrap:wrap;max-width:160px}.pip{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .2s}.pip-used{background:var(--accent)}.counter-low .pip-used{background:var(--danger)}.counter-label{font-size:11px;color:var(--muted)}.counter-low .counter-label{color:var(--danger);font-weight:600}.transcript{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(120% 60% at 50% 0%,rgba(214,85,43,.04),transparent 60%),var(--surface)}.msg-row{display:flex;align-items:flex-end;gap:8px}.from-player{justify-content:flex-end}.from-persona{justify-content:flex-start}.avatar{width:28px;height:28px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--display);color:var(--muted);flex:none}.bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:15px;white-space:pre-wrap;word-wrap:break-word;position:relative}.bubble-player{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px}.bubble-persona{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:6px}.guess-tag{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;opacity:.75;margin-bottom:2px}.msg-system{align-self:center;text-align:center;font-size:13px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:6px 14px;border-radius:999px}.typing{display:flex;gap:4px;padding:14px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.5;animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:.9}}.composer{border-top:1px solid var(--line);padding:10px 12px 6px;background:var(--surface)}.input-bar{display:flex;gap:8px;align-items:center}.input-hint{font-size:12px;color:var(--danger);margin:6px 2px 0}.input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:999px;font-size:15px;font-family:inherit;background:var(--surface-2);color:var(--ink)}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.input:disabled{opacity:.6}.btn{border:none;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;flex:none;transition:transform .05s,filter .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ask{background:var(--accent);color:var(--accent-ink)}.btn-guess{background:var(--teal);color:var(--teal-ink)}.link-btn{display:block;margin:8px auto 4px;background:none;border:none;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}.link-btn:disabled{opacity:.5}.error-bar{margin:0 12px 8px;padding:8px 12px;background:#fbeae6;color:var(--danger);border-radius:10px;font-size:13px}.ad-banner{height:60px;display:grid;place-items:center;border-top:1px solid var(--line);background:var(--surface-2)}.ad-placeholder{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 10px,#efe9dc 10px,#efe9dc 20px)}.ad-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#211f1a8c;display:grid;place-items:center;z-index:50;padding:24px}.interstitial{background:var(--surface);border-radius:var(--radius);padding:16px;width:100%;max-width:360px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.interstitial-ad{height:260px;border-radius:12px;display:grid;place-items:center}.results{align-self:stretch;margin:10px 0 4px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow)}.results-badge{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 12px;border-radius:999px}.results-badge.win{background:var(--teal);color:var(--teal-ink)}.results-badge.lose{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.results-name{font-family:var(--display);font-size:27px;margin:12px 0 2px}.results-meta{font-size:13px;color:var(--muted)}.results-blurb{font-size:14px;color:var(--ink);margin:14px 0 6px}.results-stats{display:flex;justify-content:center;gap:26px;margin:18px 0}.stat{display:flex;flex-direction:column}.stat-value{font-family:var(--display);font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.btn-share{background:var(--accent);color:var(--accent-ink);width:100%;padding:14px;font-size:15px}.results-footer{font-size:12px;color:var(--muted);margin:14px 0 0}.results-privacy{color:var(--muted);font-size:11px;display:inline-block;margin-top:6px}.centered{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px;max-width:var(--max);margin:0 auto}.centered h1{font-family:var(--display);margin:4px 0}.muted{color:var(--muted)}.error-detail{font-size:12px;color:var(--danger);background:#fbeae6;padding:8px 12px;border-radius:10px;max-width:100%;overflow-wrap:anywhere}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin{position:fixed;left:0;top:96px;z-index:40;display:flex;align-items:flex-start}.admin-tab{width:30px;height:38px;border:1px solid var(--line);border-left:none;border-radius:0 10px 10px 0;background:var(--surface);color:var(--muted);font-size:15px;cursor:pointer;box-shadow:var(--shadow);opacity:.6;transition:opacity .15s}.admin-tab:hover,.admin-open .admin-tab{opacity:1}.admin-panel{margin-left:6px;width:200px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px}.admin-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.admin-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:var(--surface-2);color:var(--ink);font-size:13px;font-family:inherit;cursor:pointer;text-align:left}.admin-item:hover{border-color:var(--line)}.admin-item.active{border-color:var(--accent);background:var(--surface)}.admin-num{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700}.admin-cat{color:var(--muted)}.admin-item.active .admin-cat{color:var(--ink)}.admin-reset{width:100%;margin-top:10px;padding:7px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--muted);font-size:12px;font-family:inherit;cursor:pointer}.admin-reset:hover{color:var(--ink)}.admin-note{font-size:10px;color:var(--muted);margin:8px 0 0;line-height:1.4}.howto{background:var(--surface);border-radius:var(--radius);padding:26px 22px 22px;width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center}.howto .brand-mark.big{margin:0 auto}.howto-title{font-family:var(--display);font-size:26px;margin:14px 0 4px}.howto-tag{color:var(--muted);font-size:14px;margin:0 0 16px}.howto-list{text-align:left;margin:0 0 20px;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.45}.howto-list li::marker{color:var(--accent)}.pg .brand-mark.big{margin:0 auto 8px}.pg-title{text-align:center}.pg-section{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--surface-2)}.pg-section .pg-input{margin-top:0}.pg-section .pg-row .pg-input{flex:1}.pg-note{font-size:12px;color:var(--muted);margin:8px 2px 0;line-height:1.4}.pg-playbtn{flex:none;text-decoration:none;display:inline-flex;align-items:center}.pg-go{width:100%;margin-top:10px;padding:14px}.pg-go:disabled{opacity:.7}.pg{max-width:var(--max);margin:0 auto;min-height:100dvh;padding:28px 20px 48px;background:var(--surface)}.pg-title{font-family:var(--display);margin:0 0 2px}.pg-sub{margin:0 0 22px;font-size:14px}.pg-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:16px 0 6px}.pg-input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:15px;font-family:inherit}.pg-input:focus{outline:2px solid var(--accent);outline-offset:1px}.pg-row{display:flex;gap:8px;align-items:center}.pg-row .pg-input{flex:1}.pg-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-family:inherit;cursor:pointer;flex:none}.pg-chip:hover{color:var(--ink);border-color:var(--accent)}.pg-check{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:13px;color:var(--muted)}.pg-actions{margin-top:20px}.pg-busy{margin-top:16px;font-size:14px;color:var(--muted)}.pg-result{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--surface-2)}.pg-result-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;border-bottom:1px solid var(--line)}.pg-result-row:last-of-type{border-bottom:none}.pg-result-row span{color:var(--muted)}.pg-play{display:block;text-align:center;margin-top:14px;text-decoration:none}.pg-link{display:inline-block;margin-top:24px;color:var(--muted);font-size:13px}@media (prefers-color-scheme: dark){:root{--bg: #17150f;--surface: #211e16;--surface-2: #2a2619;--ink: #f4ecdc;--muted: #9a917c;--line: #34301f;--accent: #d9ae45;--accent-ink: #17150f;--gold: #d9ae45;--teal: #4fb3a8;--teal-ink: #0e1a18}.ad-placeholder{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 10px,#2c2924 10px,#2c2924 20px)}.error-bar,.error-detail{background:#3a201b}}