: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;--felt: rgba(64, 105, 78, .16);--felt-line: rgba(94, 148, 110, .25);--card-face: #f2ede2;--card-ink: #21201c;--card-red: #b03a2e;--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,select{font:inherit;color:var(--text);background:#ffffff0a;border:1px solid var(--panel-line);border-radius:10px;padding:10px 14px;outline:none;transition:border-color .2s}input{width:100%}input:focus,select:focus{border-color:var(--brass-dim)}input::placeholder{color:var(--faint)}select.lang-select{padding:6px 8px;font-size:12.5px;color:var(--muted);border-radius:8px;background:transparent}select.lang-select option{background:#16161a;color:var(--text)}.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)}.bad{color:var(--miss)}.accent{color:var(--brass)}.dim{color:var(--faint)}.hi{color:var(--text)}.kcard{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:46px;height:62px;border-radius:7px;background:var(--card-face);color:var(--card-ink);box-shadow:0 2px 10px #00000073,inset 0 0 0 1px #0000001f;font-family:var(--mono);line-height:1}.kcard .kr{font-size:17px;font-weight:700}.kcard .ks{font-size:15px}.kcard.red{color:var(--card-red)}.kcard.mini{width:28px;height:38px;border-radius:5px}.kcard.mini .kr{font-size:11px}.kcard.mini .ks{font-size:10px}.home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0;position:relative}.home-lang{position:absolute;top:18px;right: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(52px,9vw,84px);font-weight:400;margin:14px 0 6px;letter-spacing:-.01em}.home h1 em{font-style:italic;color:var(--brass)}.suit-strip{display:flex;gap:14px;font-size:19px;color:var(--muted);margin-bottom:18px}.strip-suit.red{color:var(--miss)}.home .sub{color:var(--muted);max-width:480px;margin:0 auto 28px}.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:52px;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:12px;padding:16px 0 12px;border-bottom:1px solid var(--panel-line);margin-bottom:18px;flex-wrap:wrap}.topbar .mark{font-family:var(--serif);font-size:20px}.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:.16em;text-transform:uppercase;color:var(--muted)}.topbar .spacer{flex:1}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}@media(max-width:940px){.layout{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:18px}.board-status{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin-bottom:12px;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}.contract-banner{width:100%;display:flex;align-items:baseline;gap:12px;text-align:left;border:1px solid var(--panel-line);border-left:3px solid var(--miss);border-radius:10px;padding:9px 14px;background:#ffffff06;margin-bottom:12px;transition:border-color .2s}.contract-banner.pos{border-left-color:var(--brass)}.contract-banner:hover{border-color:var(--brass-dim);border-left-color:var(--brass)}.cb-name{font-family:var(--serif);font-size:18px}.cb-goal{color:var(--muted);font-size:13px;flex:1;min-width:0}.cb-trump{font-family:var(--mono);color:var(--text)}.cb-trump.red{color:var(--miss)}.cb-why{font-family:var(--mono);font-size:11px;color:var(--brass);letter-spacing:.08em;flex:none}.table-wrap{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 96px;grid-template-rows:auto minmax(210px,auto) auto;gap:10px;align-items:center;justify-items:center;margin-bottom:12px}.plaque{display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;border:1px solid var(--panel-line);border-radius:12px;padding:8px 12px;background:var(--panel);min-width:96px;transition:border-color .25s,background .25s}.plaque.turn{border-color:var(--brass-dim);background:#d0ab800f}.plaque.away{opacity:.55}.plaque.pos-t{grid-area:1 / 2}.plaque.pos-l{grid-area:2 / 1}.plaque.pos-r{grid-area:2 / 3}.plaque.pos-b{grid-area:3 / 2}.pl-name{font-family:var(--serif);font-size:16px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plaque.turn .pl-name{color:var(--brass)}.pl-you{color:var(--faint);font-size:12px}.pl-sub{display:flex;gap:8px;font-size:11px;color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:center}.pl-dealer{color:var(--brass);letter-spacing:.06em}.center-felt{position:relative;grid-area:2 / 2;width:min(340px,100%);height:210px;border:1px solid var(--felt-line);border-radius:999px;background:radial-gradient(ellipse at center,var(--felt),rgba(64,105,78,.05))}.tc{position:absolute;transform:translate(-50%,-50%)}.tc-b{left:50%;top:68%}.tc-t{left:50%;top:22%}.tc-l{left:28%;top:50%}.tc-r{left:72%;top:50%}.tc-win .kcard{box-shadow:0 0 0 2px var(--brass),0 2px 14px #00000080}.trick-note{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:12px;color:var(--muted);white-space:nowrap;background:#0a0a0cd9;border-radius:999px;padding:3px 10px}.center-note{grid-area:2 / 2;color:var(--muted);font-size:14px;text-align:center;padding:24px}.trump-pick{grid-area:2 / 2;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.trump-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:14px 8px 10px;border:1px solid var(--panel-line);border-radius:12px;background:var(--card-face);color:var(--card-ink);transition:transform .15s,box-shadow .15s}.trump-btn.red{color:var(--card-red)}.trump-btn:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0006,0 0 0 2px var(--brass)}.tb-glyph{font-size:30px;line-height:1}.tb-name{font-size:12px;font-family:var(--mono)}.hand-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:12px 4px 4px;border-top:1px solid var(--panel-line)}.hcard{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:66px;border-radius:8px;background:var(--card-face);color:var(--card-ink);font-family:var(--mono);line-height:1.05;box-shadow:0 2px 8px #0006,inset 0 0 0 1px #0000001f;transition:transform .15s,box-shadow .15s,opacity .2s,filter .2s}.hcard .kr{font-size:18px;font-weight:700}.hcard .ks{font-size:16px}.hcard.red{color:var(--card-red)}.hand-row.my-turn .hcard.ok{cursor:pointer}.hand-row.my-turn .hcard.ok:hover{transform:translateY(-6px);box-shadow:0 8px 18px #00000080,0 0 0 2px var(--brass)}.hcard.no{opacity:.35;filter:grayscale(.6)}.hcard:disabled{cursor:default}@media(max-width:560px){.hcard{width:40px;height:56px}.hcard .kr{font-size:15px}.table-wrap{grid-template-columns:70px minmax(0,1fr) 70px}.plaque{min-width:70px;padding:6px 8px}.pl-sub span:first-child{display:none}}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:10px 0 4px}.seat{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px dashed var(--panel-line);border-radius:12px;padding:14px 12px;position:relative}.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-name.free{color:var(--faint);font-style:italic}.seat.me .seat-name{color:var(--brass)}.seat-bot{font-family:var(--mono);font-size:10px;color:var(--muted)}.seat-ready{font-size:13px;color:var(--brass);font-family:var(--mono)}.bot-add{display:flex;gap:5px;margin-top:6px}.bot-lvl{font-family:var(--mono);font-size:10px;padding:3px 8px;border:1px solid var(--panel-line);border-radius:6px;color:var(--muted);transition:border-color .15s,color .15s}.bot-lvl:hover{border-color:var(--brass-dim);color:var(--brass)}.bot-remove{font-family:var(--mono);font-size:9.5px;color:var(--faint);margin-top:4px;text-decoration:underline}.bot-remove:hover{color:var(--miss)}.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}.dots:after{content:"…"}.result,.recap{text-align:center;padding:8px 0 4px}.headline{font-family:var(--serif);font-size:26px;margin:0 0 4px}.why{color:var(--muted);font-size:13px;margin:0 0 16px}.recap-rows{display:flex;flex-direction:column;gap:8px;max-width:470px;margin:0 auto 18px}.recap-row{display:flex;align-items:center;gap:12px;border:1px solid var(--panel-line);border-radius:10px;padding:8px 14px;text-align:left}.rr-name{font-family:var(--serif);font-size:16px;width:110px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-cards{display:flex;gap:4px;flex-wrap:wrap;flex:1}.recap-row>.dim{flex:1;font-size:12.5px}.rr-pts{font-family:var(--mono);font-size:15px;flex:none;font-variant-numeric:tabular-nums}.totals-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.total-chip{display:flex;gap:8px;align-items:baseline;border:1px solid var(--panel-line);border-radius:999px;padding:5px 14px;font-size:13px;color:var(--muted)}.total-chip.lead{border-color:var(--brass-dim)}.total-chip strong{font-family:var(--mono);font-size:14px}.standings{display:flex;flex-direction:column;gap:6px;max-width:340px;margin:0 auto 12px}.standing{display:flex;gap:12px;align-items:baseline;border:1px solid var(--panel-line);border-radius:10px;padding:8px 14px}.standing.win{border-color:var(--brass-dim);background:#d0ab800d}.st-pos{font-family:var(--mono);font-size:12px;color:var(--faint);width:16px}.st-name{font-family:var(--serif);font-size:17px;flex:1;text-align:left}.st-pts{font-family:var(--mono);font-variant-numeric:tabular-nums}.hint-help{font-size:12px;color:var(--faint);margin-top:6px}.modal-backdrop{position:fixed;inset:0;background:#050507b8;display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.modal{background:#131318;border:1px solid var(--panel-line);border-radius:16px;padding:24px 26px;max-width:560px;width:100%;max-height:min(84dvh,720px);overflow-y:auto;box-shadow:0 24px 80px #0009}.modal h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 8px}.modal-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 2px}.modal-intro{color:var(--muted);font-size:13.5px;margin:0 0 16px}.modal-close{margin-top:14px}.explain-name{font-family:var(--serif);font-size:30px;margin:0}.explain-name.neg{color:var(--miss)}.explain-name.pos{color:var(--brass)}.explain-goal{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:2px 0 14px}.explain-body{font-size:14.5px;margin:0 0 12px}.explain-score{font-family:var(--mono);font-size:13px;color:var(--text);border:1px solid var(--panel-line);border-radius:8px;padding:8px 12px;display:inline-block;margin:0 0 12px}.explain-tip{color:var(--muted);font-size:13px;margin:0 0 16px}.rule-row{border-top:1px solid var(--panel-line);padding:10px 0}.rule-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.rule-score{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap}.rule-row p{color:var(--muted);font-size:13px;margin:4px 0 0}.zero-note{font-size:13px;color:var(--brass);border-top:1px solid var(--panel-line);padding-top:12px}.score-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.score-table th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;padding:6px 8px;border-bottom:1px solid var(--panel-line);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-table th:first-child{text-align:left}.score-table td{padding:6px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.04);font-family:var(--mono)}.score-table .sr-label{text-align:left;font-family:var(--sans);color:var(--text)}.score-row{cursor:pointer;transition:background .15s}.score-row:hover{background:#ffffff08}.score-row.neg .sr-label{border-left:2px solid var(--miss);padding-left:10px}.score-row.pos .sr-label{border-left:2px solid var(--brass);padding-left:10px}.score-detail td{font-size:11.5px;color:var(--muted);background:#ffffff05}.score-total td{border-top:1px solid var(--panel-line);font-weight:700;padding-top:8px}.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 .pscore{font-family:var(--mono);font-size:14px;text-align:right;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:flex-end}.pcard .pscore .wins{font-size:10px;color:var(--brass);letter-spacing:.1em;min-height:12px}.feed{margin-top:20px}.feed-list{display:flex;flex-direction:column-reverse;gap:5px;max-height:180px;overflow-y:auto;font-size:12.5px;color:var(--muted)}.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:6px;min-height:6px}.suit-ink.red{color:var(--miss)}::selection{background:#d0ab8040}@media(prefers-reduced-motion:reduce){.hcard,.trump-btn{transition:none}}.score-row-live td{opacity:.8}.score-row-live .sr-label{font-style:italic}@media(max-width:560px){.topbar{gap:8px}.topbar .btn{padding:6px 10px;font-size:13px}}