:root{color-scheme:dark;font-family:Helvetica Neue,Arial,sans-serif;--bg: #121213;--surface: #121213;--panel: #1a1a1b;--panel-soft: #202124;--tile: #1f1f20;--tile-strong: #2a2a2c;--border: #3a3a3c;--border-strong: #565758;--text: #f8f8f8;--muted: #a3a3a8;--accent: #538d4e;--accent-soft: #6aaa64;--warn: #b59f3b;--danger: #c94a4a;--shadow: rgba(0, 0, 0, .25)}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--panel: #ffffff;--panel-soft: #f7f7f8;--tile: #ffffff;--tile-strong: #f3f3f4;--border: #d3d6da;--border-strong: #b8bcc2;--text: #1a1a1b;--muted: #6b7280;--accent: #6aaa64;--accent-soft: #7ab96f;--warn: #c9b458;--danger: #d85d5d;--shadow: rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}.page-shell{min-height:100vh;padding:20px 16px 28px;background:var(--bg)}.app-card{max-width:1120px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.brand-block{display:grid;gap:4px}.eyebrow,.section-label,.clue-label,.status-label,.chart-caption,.clue-counter{margin:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:700}.topbar h1{margin:0;font-size:clamp(2.25rem,5vw,3.3rem);line-height:1;letter-spacing:-.03em;font-weight:800}.hero-copy{max-width:34rem;margin:0;color:var(--muted);font-size:.98rem}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-link,.theme-toggle,.pill,.secondary-button{border:1px solid var(--border);background:var(--panel);color:var(--text);transition:background .14s ease,border-color .14s ease,color .14s ease}.topbar-link{min-height:52px;padding:0 16px;border-radius:12px;cursor:pointer;font-weight:700}.theme-toggle{width:52px;height:52px;padding:0;border-radius:12px;cursor:pointer;display:grid;place-items:center;overflow:hidden}.theme-toggle-icon{width:50px;height:50px;display:block}.topbar-link:hover,.theme-toggle:hover,.pill:hover,.secondary-button:hover{border-color:var(--border-strong);background:var(--panel-soft)}.how-to-play-panel{margin-bottom:16px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.how-to-play-copy{display:grid;gap:8px;margin-top:10px;color:var(--muted)}.how-to-play-copy p{margin:0}.control-panel,.game-grid{display:grid;gap:16px}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.control-block,.chart-panel,.guess-panel,.clue-panel{border:1px solid var(--border);background:var(--panel)}.control-block,.chart-panel,.guess-panel,.clue-panel,.status-card,.result-card,.clue-card{border-radius:14px}.control-block,.chart-panel,.guess-panel,.clue-panel{padding:16px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pill{padding:8px 13px;border-radius:999px;cursor:pointer;font-weight:700}.pill.active{border-color:var(--accent);background:var(--accent);color:#fff}.chart-panel{margin-bottom:16px}.chart-header,.clue-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-meta{display:flex;gap:8px}.chart-meta span{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--tile);color:var(--muted);font-size:.8rem;font-weight:700}.chart-surface{margin-top:10px;padding-top:6px}.loading-state{display:grid;place-items:center;min-height:280px;color:var(--muted)}.game-grid{grid-template-columns:minmax(280px,.92fr) minmax(360px,1.08fr)}.guess-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.guess-form input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.guess-form input:focus{outline:none;border-color:var(--border-strong)}.guess-form button{border:1px solid var(--accent);border-radius:12px;padding:12px 16px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.guess-form button:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.guess-form button:disabled,.secondary-button:disabled,.guess-form input:disabled{opacity:.6;cursor:not-allowed}.action-row{margin-top:10px}.secondary-button{width:100%;padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:700}.status-card,.result-card{margin-top:12px;padding:14px;border:1px solid var(--border);background:var(--panel-soft)}.result-card.success{border-color:var(--accent);background:linear-gradient(#6aaa642e,#6aaa642e),var(--panel)}.attempt-count{margin:4px 0;font-size:1.85rem;font-weight:800;color:var(--text)}.status-copy{margin:0;color:var(--muted);line-height:1.4}.attempt-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.attempt-chip{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--tile);color:var(--text);font-size:.84rem;font-weight:700}.clue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.clue-card{min-height:94px;padding:14px;border:1px solid var(--border);background:var(--tile)}.clue-card h3{margin:8px 0 0;font-size:.98rem;line-height:1.3;font-weight:700}@media (max-width: 900px){.topbar,.control-panel,.game-grid,.guess-form,.clue-grid{grid-template-columns:1fr}.topbar{display:grid}.theme-toggle{justify-self:start}.control-panel{gap:12px}}