.home-hero{position:relative;text-align:center;padding:1.25rem 0 1rem;overflow:hidden}.home-hero-bg{position:absolute;top:-40px;right:-60px;width:260px;height:260px;opacity:.08;pointer-events:none;z-index:0}.home-hero>*{position:relative;z-index:1}.home-kicker{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.home-title{font-size:2.5rem;font-family:Georgia,Times New Roman,serif;margin:0 0 .5rem;color:var(--fg)}@media (max-width: 480px){.home-title{font-size:2rem}.home-hero{padding-top:.5rem}.home-tagline{margin-bottom:1.25rem}}.home-tagline{color:var(--muted);margin:0 0 2rem;font-size:.95rem}.home-choices{display:flex;flex-direction:column;gap:.85rem}.home-choice-btn{display:flex;align-items:center;gap:.85rem;width:100%;padding:1.1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--fg);text-align:left;font-size:1.05rem;font-weight:600}.home-choice-btn:hover:not(:disabled){border-color:var(--accent);filter:none;background:var(--surface-alt)}.home-choice-icon{flex:0 0 auto;width:30px;height:30px;color:var(--accent)}.home-choice-sub{display:block;font-size:.78rem;font-weight:400;color:var(--muted);margin-top:.15rem}.home-form{text-align:left}.home-back{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--muted);padding:0;font-size:.85rem;margin-bottom:1.25rem}.home-back:hover{color:var(--fg);filter:none}.home-form h2{font-family:Georgia,Times New Roman,serif;font-size:1.4rem;margin:0 0 1.25rem;color:var(--fg)}:root[data-theme=noir]{--mg-bg: #14171d;--mg-surface: #1e222b;--mg-fg: #e9e5da;--mg-muted: #948f82;--mg-accent: #b3413e;--mg-accent-fg: #fdf5f0;--mg-border: #343a47;--mg-visible-bg: #1c2f22;--mg-visible-border: #4c9a5f;--mg-font: Georgia, "Times New Roman", serif;--mg-heading-font: Georgia, "Times New Roman", serif;--mg-radius: 3px}:root[data-theme=parchment]{--mg-bg: #f1e7cd;--mg-surface: #fbf4e3;--mg-fg: #3c2f22;--mg-muted: #7a6a53;--mg-accent: #6b4226;--mg-accent-fg: #fdf6ea;--mg-border: #d8c6a0;--mg-visible-bg: #e6edd8;--mg-visible-border: #7ea058;--mg-font: "Iowan Old Style", Palatino, Georgia, serif;--mg-heading-font: "Iowan Old Style", Palatino, Georgia, serif;--mg-radius: 2px}:root[data-theme=modern]{--mg-bg: #f6f7f9;--mg-surface: #ffffff;--mg-fg: #1a1d23;--mg-muted: #676c76;--mg-accent: #2563eb;--mg-accent-fg: #ffffff;--mg-border: #e2e5ea;--mg-visible-bg: #e7f7ec;--mg-visible-border: #34a853;--mg-font: Inter, system-ui, sans-serif;--mg-heading-font: Inter, system-ui, sans-serif;--mg-radius: 10px}:root[data-theme=tropical-noir]{--mg-bg: #0d2b2e;--mg-surface: #123a3d;--mg-fg: #e8f3ee;--mg-muted: #8fb3ab;--mg-accent: #e08e45;--mg-accent-fg: #1a1005;--mg-border: #1f4d4f;--mg-visible-bg: #1f4d33;--mg-visible-border: #5fae6f;--mg-font: Georgia, "Times New Roman", serif;--mg-heading-font: Georgia, "Times New Roman", serif;--mg-radius: 6px}.mystery-root{background:var(--mg-bg);color:var(--mg-fg);font-family:var(--mg-font);padding:1.5rem;border-radius:var(--mg-radius)}.mystery-root h2,.mystery-root h3,.mystery-root h4{font-family:var(--mg-heading-font)}.mystery-section{margin:1.75rem 0}.status-overlay{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(720px,100%);z-index:40;background:var(--mg-surface);border-top:1px solid var(--mg-border);padding:.55rem 1rem;display:flex;align-items:center;gap:.5rem;overflow-x:auto;box-shadow:0 -2px 12px #0000004d}.status-overlay-phase{flex:0 0 auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mg-muted);padding-right:.6rem;margin-right:.1rem;border-right:1px solid var(--mg-border);white-space:nowrap}.status-player-chip{flex:0 0 auto;display:flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border-radius:999px;background:var(--mg-bg);border:1px solid var(--mg-border);color:var(--mg-fg);font-size:.78rem;white-space:nowrap}.status-player-chip--turn{border:2px solid var(--mg-accent)}.status-overlay-spacer{height:56px}.your-turn-banner{position:fixed;bottom:66px;left:50%;z-index:45;background:var(--mg-accent);color:var(--mg-accent-fg);padding:.7rem 1.6rem;border-radius:999px;font-weight:700;font-size:1.1rem;box-shadow:0 6px 24px #0006;animation:your-turn-pop 2.5s ease forwards;pointer-events:none}@keyframes your-turn-pop{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.9)}12%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}80%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}}.stuck-notice{background:var(--mg-visible-bg);border:1px solid var(--mg-visible-border);border-radius:var(--mg-radius);padding:.7rem .9rem;margin-bottom:1rem;font-size:.88rem}.card-list{display:flex;flex-direction:column;gap:.5rem}.card-row{border:1px solid var(--mg-border);background:var(--mg-surface);border-radius:var(--mg-radius);padding:.65rem .9rem}.card-row--visible{background:var(--mg-visible-bg);border-color:var(--mg-visible-border);cursor:pointer}.card-row--visible:hover{filter:brightness(1.06)}.card-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.card-label{font-weight:600;flex:1 1 auto;min-width:0;overflow-wrap:break-word;word-break:break-word}.card-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0;max-width:50%}.card-meta{font-size:.78rem;color:var(--mg-muted);text-align:right}.card-content{margin-top:.6rem;white-space:pre-wrap;font-size:.92rem;line-height:1.5}.btn-action{background:var(--mg-accent);color:var(--mg-accent-fg);border:none;border-radius:var(--mg-radius);padding:.4rem .85rem;font-size:.82rem;cursor:pointer;white-space:nowrap}.btn-action:disabled{opacity:.4;cursor:not-allowed}.public-card{border-left:4px solid var(--mg-accent);background:var(--mg-surface);padding:.75rem 1rem;border-radius:var(--mg-radius);margin-bottom:.75rem;white-space:pre-wrap;line-height:1.5}.mystery-banner{border-radius:var(--mg-radius);padding:.7rem .9rem;margin:.75rem 0;border:1px solid var(--mg-visible-border);background:var(--mg-visible-bg)}.declare-panel{border:1px solid var(--mg-border);background:var(--mg-surface);border-radius:var(--mg-radius);padding:1rem}.declare-question{margin-bottom:1rem}.declare-question label{display:flex;align-items:center;gap:.5rem;padding:.15rem 0}.results-solution{background:var(--mg-surface);border:1px solid var(--mg-border);border-radius:var(--mg-radius);padding:1rem;white-space:pre-wrap;line-height:1.6;margin-top:1rem}.results-reopen{position:fixed;bottom:72px;left:50%;transform:translate(-50%);z-index:44;box-shadow:0 4px 16px #00000059}.results-modal{background:var(--mg-bg);color:var(--mg-fg);font-family:var(--mg-font);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;text-align:left;position:relative;padding:1.75rem 1.5rem 1.5rem}.results-modal h2{font-family:var(--mg-heading-font);text-align:center;margin:0 0 1.25rem}.results-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--mg-muted);font-size:1.5rem;line-height:1;padding:.25rem .6rem;cursor:pointer}.results-close:hover{color:var(--mg-fg);filter:none}.results-leaderboard{list-style:none;margin:0 0 1.5rem;padding:0}.results-leaderboard li{display:flex;align-items:center;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--mg-border);border-radius:var(--mg-radius);margin-bottom:.4rem;background:var(--mg-surface)}.results-leaderboard-winner{border-color:var(--mg-accent)!important;box-shadow:0 0 0 1px var(--mg-accent)}.results-rank{font-weight:700;color:var(--mg-muted);width:1.5rem}.results-name{flex:1;font-weight:600}.results-score{color:var(--mg-muted)}.results-answers{border-top:1px solid var(--mg-border);padding-top:1rem}.results-answer-row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;font-size:.92rem}.results-answer-q{color:var(--mg-muted)}.results-answer-a{font-weight:600;text-align:right}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e9e6df;background-color:#0c0e12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--bg: #0c0e12;--surface: #171a21;--surface-alt: #1e222b;--fg: #e9e6df;--muted: #8b8f9a;--accent: #b3413e;--accent-fg: #fff5f0;--border: #2a2f3a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg)}#root{width:100%;max-width:480px;padding:2rem 1.25rem}#root:has(.mystery-root){max-width:720px}#root:has(.home-hero){max-width:480px}h1{font-size:2.25rem;line-height:1.1;margin:0 0 1.5rem;color:var(--fg)}.field{display:flex;gap:.5rem;margin-bottom:1rem}.field input{flex:1;min-width:0}input:not([type=radio]):not([type=checkbox]){font-size:1rem;padding:.7em .8em;border-radius:8px;border:1px solid var(--border);font-family:inherit;width:100%;background:var(--surface);color:var(--fg)}input::placeholder{color:var(--muted)}input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--accent);flex-shrink:0}button{border-radius:8px;border:1px solid transparent;padding:.7em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--accent);color:var(--accent-fg);cursor:pointer;transition:filter .2s,border-color .2s}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.4;cursor:not-allowed}button:focus,button:focus-visible{outline:3px auto var(--accent)}a{font-weight:500;color:#e8a87c;text-decoration:inherit}a:hover{color:#f0bd99}ul{list-style:none;padding:0;margin:0 0 1.5rem}.room-header{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.room-header h1{margin:0}.copy-code-btn{background:var(--surface);border:1px solid var(--border);color:var(--fg);font-size:.85rem;padding:.45em 1em;min-width:110px}.copy-code-btn:hover:not(:disabled){filter:none;border-color:var(--accent)}.room-status{text-align:center;color:var(--muted);margin-top:0}.lobby-primary-action{margin-top:1.25rem}.lobby-leave-btn{margin-top:1rem;background:transparent;border:1px solid var(--border);color:var(--muted)}.lobby-leave-btn:hover:not(:disabled){filter:none;border-color:var(--accent);color:var(--fg)}.player-row{display:flex;align-items:center;gap:.5rem}.status-dot{flex-shrink:0;width:9px;height:9px;border-radius:50%}.status-dot--online{background:#34a853;box-shadow:0 0 0 2px #34a85340}.status-dot--offline{background:#b3413e;box-shadow:0 0 0 2px #b3413e40}.player-name{flex:1}.host-icon{color:#d4a24c}li{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--fg)}.case-picker{display:flex;gap:1rem;overflow-x:auto;padding:.5rem .25rem 1rem;margin:0 -.25rem 1rem;scroll-snap-type:x proximity}.case-card{flex:0 0 220px;scroll-snap-align:start;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);text-align:left;cursor:pointer;padding:0;color:inherit}.case-card:hover:not(:disabled){border-color:var(--accent)}.case-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px #b3413e59}.case-card:disabled{cursor:default;opacity:.9}.case-card-image-wrap{position:relative}.case-card-image{width:100%;height:120px;object-fit:cover;display:block;background:#1a1a1a}.case-card-badge{position:absolute;top:.5rem;right:.5rem;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:999px;color:#fff}.badge--locked{background:#b3413e}.badge--unlocked{background:#2e7d32}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-card{background:var(--surface);color:var(--fg);border-radius:12px;padding:1.5rem;max-width:320px;width:100%;text-align:center}.btn-pay-link{display:inline-block;margin:1rem auto;padding:.7em 1.4em;border-radius:8px;background:#2e7d32;color:#fff;font-weight:600;text-decoration:none}.btn-pay-link:hover{background:#276a2b}.case-card-body{padding:.7rem .85rem .9rem}.case-card-title{font-weight:700;font-size:.95rem;margin:0 0 .35rem;color:var(--fg)}.case-card-desc{font-size:.8rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 480px){h1{font-size:1.75rem}#root{padding:1.5rem 1rem}}