:root{--bg: #0d1117;--card: #161b22;--text: #e6edf3;--muted: #8b949e;--primary: #2ea043;--danger: #f85149;--chip: #21262d;--pill: #1f6feb;--border: #30363d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}.page{max-width:960px;margin:0 auto;padding:20px}.topbar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:16px}.brand{font-weight:800;font-size:20px}.stats{display:flex;gap:16px;align-items:center;justify-content:flex-end;text-align:right}.stats>div{color:var(--muted)}.controls{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:center;background:var(--card);padding:12px 16px;border-radius:12px;border:1px solid var(--border);margin-bottom:14px}.gen-picker{display:flex;align-items:center;gap:8px}@media (max-width: 720px){.topbar{grid-template-columns:1fr;gap:8px}.stats{justify-content:flex-start}.controls{grid-template-columns:1fr}}select{background:#0b0f14;color:var(--text);border:1px solid var(--border);padding:6px 8px;border-radius:8px}.btn{border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;background:#30363d;color:var(--text);transition:filter .12s ease,transform 60ms ease}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:#07110b}.btn.danger{background:var(--danger);color:#220606}.btn.subtle{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn.subtle:hover{border-color:#6e7681;color:var(--text)}.btn:focus-visible,select:focus-visible,.guess-input:focus-visible{outline:2px solid #4388ff;outline-offset:2px}.lives{text-align:center}.heart{font-size:20px;margin:0 2px;opacity:.25;transition:opacity .12s ease}.heart.live{opacity:1;color:#ff6584}.heart.lost{opacity:.18;filter:grayscale(90%)}.candidate-count{text-align:right;color:var(--muted)}.hints{margin:14px 0}.hint-label{color:var(--muted);margin-bottom:6px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--chip);border:1px solid var(--border);padding:6px 10px;border-radius:999px;color:var(--text)}.guesses{margin:10px 0 6px}.chips-guesses{display:flex;flex-wrap:wrap;gap:8px}.chip-guess{position:relative;border-style:dashed}.chip:focus-visible{outline:2px solid #4388ff;outline-offset:2px}.guessbox{display:grid;grid-template-columns:1fr auto;gap:8px;position:relative}.guess-input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0b0f14;color:var(--text)}.actions{margin-top:10px}.dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--card);border:1px solid var(--border);border-radius:10px;max-height:280px;overflow:auto;padding:4px 0;margin:0;list-style:none}.dropdown::-webkit-scrollbar{width:10px}.dropdown::-webkit-scrollbar-thumb{background:#2a3139;border-radius:10px}.dropdown-item{padding:8px 12px;cursor:pointer;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-item:hover,.dropdown-item.active{background:#0b0f14;outline:1px solid #3a424b}.dropdown-item:focus-visible{outline:2px solid #4388ff;outline-offset:-2px}.has-tooltip .tt{position:absolute;bottom:calc(100% + 8px);left:0;z-index:70;min-width:220px;max-width:360px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 10px;box-shadow:0 10px 24px #00000059;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.has-tooltip:hover .tt,.has-tooltip:focus .tt,.has-tooltip:focus-visible .tt{opacity:1;transform:translateY(0);pointer-events:auto}.has-tooltip .tt:after{content:"";position:absolute;top:100%;left:14px;border-width:7px;border-style:solid;border-color:var(--border) transparent transparent transparent}.has-tooltip .tt:before{content:"";position:absolute;top:calc(100% - 1px);left:14px;border-width:7px;border-style:solid;border-color:var(--card) transparent transparent transparent}.tt-title{font-weight:700;margin-bottom:6px}.tt-list{margin:0;padding-left:16px}.tt-list li{margin:2px 0}.tt-empty{color:var(--muted)}.banner{margin-top:14px;background:#1a222d;border:1px solid var(--border);padding:10px 12px;border-radius:8px}.reveal{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}.reveal-title{font-size:18px;font-weight:700;margin-bottom:6px}.hidden-name{color:#ffd166}.reveal-subtitle{color:var(--muted);margin:6px 0 10px}.reveal-list{display:flex;gap:6px;flex-wrap:wrap}.pill{background:#0b0f14;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 10px}.foot{margin-top:22px;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;z-index:100}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;max-width:480px;width:calc(100% - 32px);box-shadow:0 12px 32px #0006;position:relative}.modal-title{font-weight:800;font-size:16px;margin:0 0 6px}.modal-text{color:var(--muted);margin:0 0 12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-close{position:absolute;top:8px;right:10px;border:none;background:transparent;font-size:22px;line-height:1;padding:4px 6px;cursor:pointer;color:inherit}.modal-close:hover,.modal-close:focus{opacity:.8;outline:none}