:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #ffffff;--bg-elev: #f7f8fa;--fg: #0f1419;--fg-muted: #5b6875;--rail: #d3d9e0;--border: #e2e6ea;--you: #1d67d6;--bot: #8b95a1;--accent: #f2b01e;--accent-on: #3a2600;--accent-line: #a86b12;--danger: #c8362f;--ok: #1a8f5a;--radius: 10px;--radius-pill: 5px}@media (prefers-color-scheme: dark){:root{--bg: #15181c;--bg-elev: #1d2126;--fg: #e7ebee;--fg-muted: #98a3ad;--rail: #333a42;--border: #2a2f36;--you: #4d9bff;--bot: #7c8894;--accent: #f0b73d;--accent-on: #241700;--accent-line: #f0b73d;--danger: #ff6b61;--ok: #34d17e}}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-elev: #f7f8fa;--fg: #0f1419;--fg-muted: #5b6875;--rail: #d3d9e0;--border: #e2e6ea;--you: #1d67d6;--bot: #8b95a1;--accent: #f2b01e;--accent-on: #3a2600;--accent-line: #a86b12;--danger: #c8362f;--ok: #1a8f5a}:root[data-theme=dark]{color-scheme:dark;--bg: #15181c;--bg-elev: #1d2126;--fg: #e7ebee;--fg-muted: #98a3ad;--rail: #333a42;--border: #2a2f36;--you: #4d9bff;--bot: #7c8894;--accent: #f0b73d;--accent-on: #241700;--accent-line: #f0b73d;--danger: #ff6b61;--ok: #34d17e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;height:100dvh;max-width:640px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.header{display:flex;align-items:center;gap:12px;padding:10px 16px;min-height:52px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:2}.header .brand{font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px}.header .spacer{flex:1}.header .chain{font-size:12px;color:var(--fg-muted);display:flex;gap:10px}.header .chain .best{color:var(--accent-line)}.header select,.header button,.composer button,.theme-toggle{font-family:inherit}.header select{font-size:13px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--fg)}.iconbtn{border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);border-radius:8px;min-height:34px;min-width:34px;padding:0 10px;font-size:13px;cursor:pointer}.iconbtn:hover{border-color:var(--fg-muted)}.thread{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 16px 16px}.thread-list{list-style:none;margin:0;padding:0}.empty{text-align:center;color:var(--fg-muted);padding:40px 24px}.empty .big{font-size:34px}.empty h1{font-size:18px;color:var(--fg);margin:12px 0 6px}.empty p{font-size:14px;line-height:1.5;margin:0 auto;max-width:34ch}.empty .start-btn{margin-top:20px}.post{display:grid;grid-template-columns:40px 1fr;column-gap:8px}.gutter{position:relative}.gutter:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--rail)}.post:first-child .gutter:before{top:20px}.post.terminal .gutter:before{bottom:auto;height:20px}.dot{position:absolute;left:12px;top:16px;width:16px;height:16px;border-radius:999px;border:3px solid var(--bg);background:var(--bot);z-index:1}.post.you .dot{background:var(--you)}.link-letter{position:absolute;left:8px;top:-12px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--accent-line);background:var(--bg);border:1.5px solid var(--accent-line);z-index:1}.body{padding:8px 0 18px;min-width:0}.author{font-size:13px;font-weight:600;color:var(--fg-muted);display:flex;gap:8px;align-items:baseline}.author .num{font-size:11px;opacity:.7;font-weight:400}.cityline{font-size:24px;font-weight:600;line-height:1.2;margin:2px 0;word-break:break-word}.country{font-size:13px;color:var(--fg-muted)}mark.peg,mark.socket{padding:0 3px;border-radius:var(--radius-pill);font-weight:700;margin:0 1px}mark.peg{background:var(--accent);color:var(--accent-on)}mark.socket{background:transparent;color:var(--accent-line);border:1.5px solid var(--accent-line)}.thinking .body{padding-top:10px}.dots{display:inline-flex;gap:4px;align-items:center;height:22px}.dots span{width:7px;height:7px;border-radius:999px;background:var(--fg-muted);animation:blink 1.2s infinite ease-in-out both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.banner{border-radius:var(--radius);padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border)}.banner.win{border-color:var(--ok)}.banner.lose{border-color:var(--danger)}.banner h2{margin:0 0 6px;font-size:18px}.banner p{margin:0 0 12px;font-size:14px;color:var(--fg-muted);line-height:1.5}.banner .primary{margin-top:4px}.endstats{font-size:14px;color:var(--fg)}.endstats .sep{margin:0 8px;color:var(--fg-muted)}.endbtns{display:flex;gap:8px;align-items:center}.share{height:40px;padding:0 16px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-weight:600;font-size:14px}.share:hover{border-color:var(--you)}.post-enter{animation:rise .18s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.composer{border-top:1px solid var(--border);background:var(--bg-elev);padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:relative}.prompt{font-size:14px;color:var(--fg-muted);margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.prompt-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hint-btn{margin-left:auto;flex:none;font-size:13px;padding:5px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg-muted)}.hint-btn:hover:not(:disabled){color:var(--fg);border-color:var(--fg-muted)}.hint-btn:disabled{opacity:.45;cursor:default}.hint-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.hint-chip{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.hint-chip:hover{border-color:var(--you)}.letter-chip{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:8px;font-weight:700;font-size:17px;color:var(--accent-line);border:2px solid var(--accent-line);background:var(--bg)}.inputrow{display:flex;gap:8px}.inputrow input{flex:1;min-width:0;font-size:16px;padding:0 12px;height:46px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--fg)}.inputrow input:focus-visible{outline:2px solid var(--you);outline-offset:1px}.inputrow input[aria-invalid=true]{border-color:var(--danger)}.play{height:46px;padding:0 18px;border:none;border-radius:var(--radius);background:var(--you);color:#fff;font-weight:600;font-size:15px;cursor:pointer}.play:disabled{opacity:.45;cursor:default}.error{color:var(--danger);font-size:13px;margin-top:6px;min-height:18px}.giveup{flex:none;height:46px;padding:0 14px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--danger);background:transparent;color:var(--danger);font-weight:600;font-size:15px}.giveup:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent)}.giveup:disabled{opacity:.4;cursor:default}.giveup.solid{background:var(--danger);border-color:var(--danger);color:#fff}.giveup.solid:hover:not(:disabled){background:var(--danger);filter:brightness(.94)}.giveup-confirm{align-items:center}.giveup-confirm .confirm-q{color:var(--fg-muted);font-size:14px;margin-right:auto}.keep-trying{height:46px;padding:0 14px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:15px}.listbox{list-style:none;margin:0;padding:4px;position:absolute;left:16px;right:16px;bottom:calc(100% - 2px);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -6px 24px #0000001f;max-height:46vh;overflow-y:auto;z-index:3}.option{padding:9px 10px;border-radius:7px;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:baseline}.option .oname{font-size:15px}.option .ocountry{font-size:12px;color:var(--fg-muted);white-space:nowrap}.option[aria-selected=true]{background:var(--bg-elev)}.loading{flex:1;display:grid;place-items:center;color:var(--fg-muted);font-size:14px}.site-footer{flex:none;text-align:center;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg);font-size:12px;color:var(--fg-muted)}.site-footer a{color:var(--fg-muted);text-decoration:none}.site-footer a:hover{color:var(--fg);text-decoration:underline}.cookie-banner{position:fixed;z-index:50;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 30px #0000002e}.cookie-banner p{margin:0;font-size:13px;color:var(--fg-muted);line-height:1.5}.cookie-banner a{color:var(--you)}.cookie-banner .dismiss{flex:none;height:36px;padding:0 16px;border:none;border-radius:var(--radius);background:var(--you);color:#fff;font-weight:600;font-size:14px;cursor:pointer}@media (prefers-reduced-motion: reduce){.post-enter{animation:none}.dots span{animation:none;opacity:.6}}