: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:1120px;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:460px;margin:0 auto 26px}.face-strip{display:flex;gap:6px;margin-bottom:36px}.mini-face{width:40px;height:44px;display:block;border:1px solid var(--panel-line);border-radius:8px;overflow:hidden;background:#ffffff08}.mini-face svg{display:block;width:100%;height:100%}@media(max-width:520px){.face-strip .mini-face:nth-child(n+7){display:none}}.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) 280px;gap:20px;align-items:start}@media(max-width:900px){.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:16px;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)}.panel-title{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.qpanel{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.chip-row{display:flex;align-items:baseline;gap:10px}.chip-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);width:52px;flex:none}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font-family:var(--mono);font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--panel-line);color:var(--text);background:#ffffff08;transition:border-color .15s,color .15s,opacity .15s}.chips button:not(:disabled):hover{border-color:var(--brass-dim);color:var(--brass)}.chips button.idle{opacity:.45}.chips button.used{color:var(--faint);border-color:transparent;text-decoration:line-through;opacity:.7}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0 16px}@media(max-width:640px){.board{grid-template-columns:repeat(4,1fr)}}.face-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;border:1px solid var(--panel-line);border-radius:10px;background:#ffffff08;transition:border-color .15s,opacity .3s,filter .3s,transform .3s}.face-card .face{width:100%;max-width:72px}.face-card .face svg{display:block;width:100%;height:auto}.face-card .fname{font-size:11.5px;color:var(--muted);line-height:1.2}.face-card:not(:disabled):not(.down):hover{border-color:var(--brass-dim)}.face-card.down{opacity:.22;filter:grayscale(.9);transform:scale(.94)}.face-card.down .fname{text-decoration:line-through}.face-card.drop{animation:drop .5s ease}@keyframes drop{0%{opacity:1;filter:none;transform:none}to{opacity:.22;filter:grayscale(.9);transform:scale(.94)}}.face-card.armed{border-color:var(--brass);background:#d0ab8014}.confirm-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9.5px;white-space:nowrap;background:var(--brass);color:#171310;border-radius:6px;padding:2px 7px}.board-hint{text-align:center;color:var(--faint);font-size:12.5px;margin:0 0 10px}.guess-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;border:1px solid var(--brass-dim);border-radius:10px;background:#d0ab800f;padding:10px 14px;margin-bottom:12px;font-size:13.5px}.duel-row{display:grid;grid-template-columns:150px 1fr;gap:16px;border-top:1px solid var(--panel-line);padding-top:16px}@media(max-width:640px){.duel-row{grid-template-columns:1fr}}.mycard-face{width:92px;border:1px solid var(--brass-dim);border-radius:10px;overflow:hidden;background:#d0ab800d}.mycard-face svg{display:block;width:100%;height:auto}.mycard-name{font-family:var(--serif);font-size:17px;color:var(--brass);margin-top:6px}.hint-help{font-size:12px;color:var(--faint);margin-top:6px}.mini-board{display:grid;grid-template-columns:repeat(8,26px);gap:4px}.mini-board.big{grid-template-columns:repeat(6,32px)}.mini-cell{width:26px;height:28px;border:1px solid var(--panel-line);border-radius:5px;overflow:hidden;background:#ffffff08;transition:opacity .3s}.mini-board.big .mini-cell{width:32px;height:35px}.mini-cell svg{display:block;width:100%;height:100%}.mini-cell.down{opacity:.15;filter:grayscale(1)}.spec-boards{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;padding:8px 0 14px}.seats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:10px 0 4px}.seat{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px dashed var(--panel-line);border-radius:12px;padding:14px 26px;min-width:150px}.seat.taken{border-style:solid}.seat.me{border-color:var(--brass-dim)}.seat-tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}.seat-name{font-family:var(--serif);font-size:19px}.seat.me .seat-name{color:var(--brass)}.seat-ready{font-size:11px;color:var(--brass);font-family:var(--mono)}.next-actions{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}.waiting-inline{color:var(--muted);font-size:13.5px}.waiting-inline .dots:after,.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 .why{color:var(--muted);font-size:13px;margin-bottom:14px}.reveal{display:flex;gap:18px;justify-content:center;margin-bottom:8px}.reveal-card{display:flex;flex-direction:column;align-items:center}.reveal-face{width:84px;border:1px solid var(--brass-dim);border-radius:10px;overflow:hidden;background:#d0ab800d}.reveal-face svg{display:block;width:100%;height:auto}.reveal-name{font-family:var(--serif);font-size:16px;color:var(--brass);margin-top:5px}.reveal-owner{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.side{display:flex;flex-direction:column;gap:10px}.pcard{display:grid;grid-template-columns:1fr auto;gap:4px 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;flex-wrap:wrap}.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:1;color:var(--faint);font-size:11px;margin-top:-4px}.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:9px;color:var(--faint);letter-spacing:.1em}.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)}.feed-list .dim{color:var(--faint)}.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}@media(prefers-reduced-motion:reduce){.face-card.drop{animation:none}}