.card{--card-w:64px;--card-h:90px;width:var(--card-w);height:var(--card-h);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:10px;flex-shrink:0;padding:0;font-family:inherit;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 2px 6px #00000040,0 0 0 1px #ffffff14}.card:disabled{cursor:default}.card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 6px 14px #0000004d,0 0 0 1px #ffffff1f}.card.selected{box-shadow:0 8px 18px #00000059, 0 0 0 2px var(--accent-gold);transform:translateY(-10px)}.card-small{--card-w:40px;--card-h:56px;border-radius:7px}.card-face{background:linear-gradient(160deg,#fbf8f1 0%,#f0ebe0 100%);flex-direction:column;justify-content:space-between;padding:4px 5px;display:flex}.card-face.red{color:#c43c3c}.card-face.black{color:#2a3340}.card-face.wild{color:#6b3fa0;background:linear-gradient(160deg,#f7f0ff 0%,#efe4fb 100%)}.card-face.wild .card-center{color:#c9a227}.card-corner{z-index:1;flex-direction:column;align-items:center;font-size:.72rem;font-weight:700;line-height:1;display:flex}.card-small .card-corner{font-size:.55rem}.card-corner.bottom{transform:rotate(180deg)}.card-rank{font-size:.85rem}.card-small .card-rank{font-size:.62rem}.card-points{z-index:1;opacity:.78;letter-spacing:-.02em;pointer-events:none;font-size:.62rem;font-weight:700;line-height:1;position:absolute;top:4px;right:5px}.card-small .card-points{font-size:.48rem;top:3px;right:3px}.card-face.wild .card-points{color:#8a5a14;opacity:.95}.card-center{pointer-events:none;place-items:center;font-size:1.5rem;display:grid;position:absolute;inset:0}.card-small .card-center{font-size:1rem}.card-back{color:#d4b45a;background:linear-gradient(145deg,#1e4d3a 0%,#163828 50%,#0f2a1d 100%);place-items:center;display:grid}.card-back-mark{letter-spacing:.04em;background:#00000026;border:1.5px solid #d4b45a8c;border-radius:6px;padding:6px 8px;font-size:.7rem;font-weight:800}.card-small .card-back-mark{padding:3px 4px;font-size:.5rem}:root{--felt:#1a3d2e;--felt-deep:#0f2419;--felt-light:#24523d;--ink:#f3efe4;--ink-muted:#b8b09a;--accent-gold:#d4b45a;--accent-violet:#8b5cf6;--danger:#c43c3c;--panel:#152a20;--panel-border:#d4b45a40;--shadow:0 12px 40px #00000059;color:var(--ink);background:var(--felt-deep);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:radial-gradient(ellipse at top, #1f4a37 0%, transparent 55%), var(--felt-deep)}button{font:inherit}.btn{appearance:none;color:var(--ink);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:.55rem 1rem;transition:background .12s,transform .12s}.btn:hover:not(:disabled){background:#ffffff24}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(#2f7a56,#1f5a3e);border-color:#d4b45a59;font-weight:650}.btn.primary:hover:not(:disabled){background:linear-gradient(#369266,#246848)}.btn.accent{color:#1a1405;background:linear-gradient(#c9a227,#9a7a1a);border-color:#0000;font-weight:700}.btn.ghost{background:0 0}.btn.large{min-width:200px;padding:.85rem 1.4rem;font-size:1.05rem}.menu-screen{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.menu-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:2rem 1.5rem}.menu-logo{width:84px;height:84px;color:var(--accent-gold);background:linear-gradient(145deg,#1e4d3a,#0f2a1d);border:2px solid #d4b45a8c;border-radius:18px;place-items:center;margin:0 auto 1rem;font-size:1.4rem;font-weight:800;display:grid}.menu-card h1{letter-spacing:.02em;margin:0;font-size:2rem}.menu-sub,.menu-foot{color:var(--ink-muted)}.menu-actions{flex-direction:column;align-items:center;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.game-table{flex-direction:column;gap:.4rem;min-height:100dvh;padding:.5rem .75rem .75rem;display:flex}.game-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.game-bar-left,.game-bar-right{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pill{color:var(--ink-muted);background:#00000040;border:1px solid #ffffff1a;border-radius:999px;padding:.2rem .65rem;font-size:.85rem}.status-line{text-align:center;color:var(--accent-gold);min-height:1.4em;margin:0;font-size:.95rem}.table-grid{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.table-mid{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.table-center{background:#0000002e;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;align-items:flex-end;gap:1rem;padding:.75rem 1rem;display:flex}.pile-stack{flex-direction:column;align-items:center;gap:.35rem;display:flex}.pile-label{color:var(--ink-muted);font-size:.75rem}.empty-pile{border:2px dashed #ffffff26;border-radius:10px;width:64px;height:90px}.seat{background:#00000029;border:1px solid #ffffff0f;border-radius:14px;padding:.55rem .7rem}.seat.active{border-color:var(--accent-gold);box-shadow:0 0 0 1px #d4b45a59}.seat-header{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.seat-name{font-weight:700}.seat-score{color:var(--ink-muted);font-size:.9rem}.seat-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-gold);background:#d4b45a33;border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.seat-badge.muted{color:var(--ink-muted);background:#ffffff14}.seat-meta{color:var(--ink-muted);flex-wrap:wrap;gap:.6rem;margin:.25rem 0 .4rem;font-size:.8rem;display:flex}.red-threes{color:#f07171}.seat-melds{flex-wrap:wrap;align-items:flex-start;gap:.5rem;min-height:40px;display:flex}.no-melds{color:#ffffff47;font-size:.8rem}.seat-cards-back{margin-top:.35rem;display:flex}.seat-cards-back .card{margin-left:-22px}.seat-cards-back .card:first-child{margin-left:0}.more-cards{color:var(--ink-muted);align-self:center;margin-left:.35rem;font-size:.8rem}.player-hand{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.5rem;padding-bottom:.25rem;display:flex}.meld-pile{cursor:pointer;color:inherit;font:inherit;background:#0000001f;border:none;border-radius:10px;padding:4px 6px 8px;transition:background .12s,box-shadow .12s;position:relative}.meld-pile:hover:not(:disabled){background:#ffffff14}.meld-pile:disabled{cursor:default}.meld-pile.selected,.meld-pile.expanded{outline:2px solid var(--accent-gold);outline-offset:2px;z-index:2;background:#d4b45a1f}.meld-pile.clean-book:not(.expanded):not(.selected){outline-offset:1px;outline:2px solid #e8c96a}.meld-pile.dirty-book:not(.expanded):not(.selected){outline-offset:1px;outline:2px solid #6b7280}.meld-stack{width:48px;height:56px;display:block;position:relative}.meld-stack-layer{position:absolute;top:0;left:0}.meld-stack-layer.layer-1{top:-1px;left:3px}.meld-stack-layer.layer-2{opacity:.85;top:-2px;left:6px}.meld-stack-layer.layer-0{z-index:1;top:0;left:0}.meld-fan{align-items:flex-end;max-width:min(90vw,420px);padding-bottom:2px;display:flex;overflow-x:auto}.meld-fan-card{flex-shrink:0;margin-left:-14px}.meld-fan-card:first-child{margin-left:0}.meld-fan-card .card{box-shadow:0 2px 6px #0000004d,0 0 0 1px #00000014}.meld-count{text-align:center;z-index:3;background:#0f2419;border:1px solid #fff3;border-radius:999px;min-width:1.1rem;padding:0 3px;font-size:.65rem;position:absolute;bottom:2px;right:2px}.meld-book-tag{text-transform:uppercase;background:var(--felt-deep);color:var(--accent-gold);z-index:3;white-space:nowrap;border-radius:4px;padding:0 4px;font-size:.55rem;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.meld-detail{color:var(--ink-muted);white-space:nowrap;margin-top:4px;font-size:.68rem;display:block}.action-bar{background:#00000038;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;display:flex}.open-progress,.waiting,.book-hint{color:var(--ink-muted);font-size:.85rem}.book-hint{text-align:center;width:100%}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050e0ab8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--panel-border);width:min(720px,100%);max-height:min(90dvh,900px);box-shadow:var(--shadow);border-radius:18px;padding:1.25rem 1.35rem;overflow:auto}.panel h2{margin:0 0 .5rem}.panel-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.summary-msg{color:var(--ink-muted);margin-top:0}.score-table{border-collapse:collapse;width:100%;font-size:.85rem}.score-table th,.score-table td{text-align:right;border-bottom:1px solid #ffffff14;padding:.4rem .35rem}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table tr.you{background:#d4b45a14}.score-table .emphasis{color:var(--accent-gold);font-weight:700}.standings ol{margin:.5rem 0 0;padding:0;list-style:none}.standings li{border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:.35rem 0;display:flex}.standings li.you{color:var(--accent-gold)}.rules-body section{margin-bottom:1rem}.rules-body h3{color:var(--accent-gold);margin:0 0 .3rem;font-size:1rem}.rules-body p,.rules-body ul{color:var(--ink-muted);margin:0}.rules-body ul{padding-left:1.2rem}@media (width<=800px){.table-mid{grid-template-columns:1fr}.score-table{font-size:.75rem}.card{--card-w:52px;--card-h:74px}}html{-webkit-text-size-adjust:100%}body{margin:0}