:root{--bg: #0a0a0c;--panel: rgba(255, 255, 255, .035);--panel-line: rgba(255, 255, 255, .08);--text: #e8e6e3;--muted: #8a8578;--faint: #55524a;--brass: #d0ab80;--brass-dim: rgba(208, 171, 128, .35);--miss: #c96f5f;--serif: "Newsreader", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}#app{max-width:1060px;margin:0 auto;padding:0 20px calc(24px + env(safe-area-inset-bottom))}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input{font:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--panel-line);border-radius:10px;padding:10px 14px;outline:none;width:100%;transition:border-color .2s}input:focus{border-color:var(--brass-dim)}input::placeholder{color:var(--faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--panel-line);background:#ffffff0a;font-weight:500;letter-spacing:.01em;transition:border-color .2s,background .2s,opacity .2s;white-space:nowrap}.btn:hover{border-color:var(--brass-dim)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--brass);border-color:var(--brass);color:#171310;font-weight:600}.btn-primary:hover{background:#ddbb92}.btn-ghost{border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);border-color:var(--panel-line)}.btn-danger:hover{border-color:#c96f5f80;color:var(--miss)}.home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:48px 0}.home .mark{font-family:var(--mono);font-size:11px;letter-spacing:.34em;color:var(--muted);text-transform:uppercase}.home h1{font-family:var(--serif);font-size:clamp(44px,8vw,72px);font-weight:400;margin:14px 0 8px;letter-spacing:-.01em}.home h1 em{font-style:italic;color:var(--brass)}.home .sub{color:var(--muted);max-width:420px;margin:0 auto 40px}.home-card{width:min(380px,100%);display:flex;flex-direction:column;gap:12px;text-align:left}.home-card label{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.join-row{display:flex;gap:10px}.join-row input{font-family:var(--mono);text-transform:uppercase;letter-spacing:.3em}.home .divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px;margin:6px 0}.home .divider:before,.home .divider:after{content:"";flex:1;height:1px;background:var(--panel-line)}.footnote{margin-top:56px;font-size:12px;color:var(--faint)}.footnote a{color:var(--muted);text-decoration:none}.footnote a:hover{color:var(--brass)}.topbar{display:flex;align-items:center;gap:14px;padding:18px 0 14px;border-bottom:1px solid var(--panel-line);margin-bottom:20px;flex-wrap:wrap}.topbar .mark{font-family:var(--serif);font-size:19px}.topbar .mark em{font-style:italic;color:var(--brass)}.code-pill{font-family:var(--mono);font-size:13px;letter-spacing:.24em;padding:6px 12px;border:1px solid var(--panel-line);border-radius:999px;color:var(--brass);transition:border-color .2s}.code-pill:hover{border-color:var(--brass-dim)}.round-tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.topbar .spacer{flex:1}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}@media(max-width:860px){.layout{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:20px}.board-status{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin-bottom:18px;min-height:24px;flex-wrap:wrap}.status-line{color:var(--muted);font-size:14px}.status-line strong{color:var(--text);font-weight:500}.status-line.mine strong{color:var(--brass)}.timer{font-family:var(--mono);font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums}.timer.low{color:var(--miss)}.word{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center;padding:18px 0 24px}.word .w{display:flex;gap:7px}.cell{width:34px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:24px;font-weight:500;border-bottom:2px solid var(--brass-dim);color:var(--text)}.cell.hidden-c{color:transparent}.cell.hinted{color:var(--brass)}.cell.pop{animation:pop .35s ease}@keyframes pop{0%{transform:translateY(4px);opacity:0}to{transform:none;opacity:1}}@media(max-width:520px){.cell{width:26px;height:36px;font-size:19px}.word{gap:10px 18px}}.kb{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;max-width:480px;margin:0 auto}.kb button{font-family:var(--mono);font-size:15px;padding:10px 0;border-radius:8px;border:1px solid var(--panel-line);background:#ffffff08;transition:border-color .15s,background .15s,opacity .15s}.kb button:not(:disabled):hover{border-color:var(--brass-dim);background:#d0ab8014}.kb button:disabled{cursor:default;opacity:.85}.kb button.idle:disabled{opacity:.35}.kb .hit{color:var(--brass);border-color:var(--brass-dim);background:#d0ab801a}.kb .miss{color:var(--faint);border-color:transparent;background:transparent;text-decoration:line-through}.kb .hint{color:var(--brass);border-style:dashed;border-color:var(--brass-dim);background:transparent}.kb-actions{display:flex;justify-content:center;margin-top:16px}.risk-row{display:flex;gap:10px;max-width:480px;margin:0 auto}.risk-note{text-align:center;font-size:12px;color:var(--faint);margin-top:10px}.panel-title{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.setter-word{font-family:var(--mono);font-size:18px;letter-spacing:.14em;color:var(--brass);margin-bottom:14px;word-break:break-word}.hint-chips{display:flex;flex-wrap:wrap;gap:8px}.hint-chips button{font-family:var(--mono);font-size:14px;padding:7px 12px;border-radius:8px;border:1px dashed var(--panel-line);color:var(--muted);transition:border-color .15s,color .15s}.hint-chips button:hover:not(:disabled){border-color:var(--brass-dim);color:var(--brass)}.hint-chips button.confirm{border-style:solid;border-color:var(--brass);color:var(--brass)}.hint-help{font-size:12px;color:var(--faint);margin-top:10px}.setword{display:flex;flex-direction:column;gap:12px}.setword .row{display:flex;gap:10px}.muted-note{color:var(--muted);font-size:13px}.waiting{text-align:center;color:var(--muted);padding:26px 10px}.waiting .dots:after{content:"…"}.result{text-align:center;padding:8px 0 4px}.result .headline{font-family:var(--serif);font-size:27px;margin:0 0 4px}.result .headline em{font-style:italic;color:var(--brass)}.result .theword{font-family:var(--mono);letter-spacing:.2em;color:var(--brass);font-size:19px;margin:10px 0 2px}.result .why{color:var(--muted);font-size:13px;margin-bottom:16px}.next-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px}.players{display:flex;flex-direction:column;gap:10px}.pcard{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--panel-line);border-radius:12px;background:var(--panel);transition:border-color .25s,background .25s;position:relative}.pcard.turn{border-color:var(--brass-dim);background:#d0ab800d}.pcard.turn:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--brass)}.pcard.out{opacity:.55}.pcard .pname{font-weight:500;display:flex;align-items:center;gap:7px;min-width:0}.pcard .pname .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard.me .pname .n{color:var(--brass)}.badge{font-family:var(--mono);font-size:9px;letter-spacing:.14em;padding:2px 6px;border:1px solid var(--panel-line);border-radius:5px;color:var(--muted);flex:none}.badge.brass{color:var(--brass);border-color:var(--brass-dim)}.pcard .psub{grid-column:2;color:var(--faint);font-size:11px;margin-top:-6px}.pcard .pscore{font-family:var(--mono);font-size:15px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.pcard .pscore .wins{display:block;font-size:10px;color:var(--faint);letter-spacing:.1em}.pcard .mini-actions{grid-column:1 / -1;display:flex;gap:8px}.mini-actions button{font-size:11px;color:var(--muted);border:1px solid var(--panel-line);border-radius:7px;padding:4px 9px;transition:color .15s,border-color .15s}.mini-actions button:hover{color:var(--brass);border-color:var(--brass-dim)}.gallows{width:46px;height:50px}.gallows .frame line{stroke:#d0ab8052;stroke-width:2.4;stroke-linecap:round}.gallows .fig{stroke:#b5b0a6;stroke-width:2.4;stroke-linecap:round;fill:none}.gallows .fig-hanged{stroke:var(--miss)}.feed{margin-top:20px}.feed-list{display:flex;flex-direction:column-reverse;gap:5px;max-height:190px;overflow-y:auto;font-size:12.5px;color:var(--muted)}.feed-list .hi{color:var(--text)}.feed-list .accent{color:var(--brass)}.feed-list .bad{color:var(--miss)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#1a1a1e;border:1px solid var(--panel-line);color:var(--text);padding:10px 18px;border-radius:10px;font-size:13.5px;box-shadow:0 12px 40px #00000080;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:50;max-width:min(92vw,480px);text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.toast.err{border-color:#c96f5f80}.conn-banner{text-align:center;font-size:12.5px;color:var(--miss);padding:8px}::selection{background:#d0ab8040}