:root{--bg:#f6f6f4;--surface:#fff;--table-fill:#ecece8;--card-w:44px;--card-h:62px;--table-size:calc(var(--card-w) * 3);--badge-gap:38px;--ink:#1e1e1e;--muted:#6b6b6b;--line:#d8d8d4;--line-strong:#b9b9b3;--red:#c0392b;--black:#1e1e1e;--accent:#2e8b57;--accent-soft:#e6f2ec;--amber:#a9701a;--amber-soft:#f6efe0;--radius:12px;--tap:44px;font-synthesis:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4;overflow-x:hidden}button{font-family:inherit}.muted{color:var(--muted);font-size:.82rem}.app{grid-template-columns:1fr;grid-template-areas:"game""side""controls";gap:16px;max-width:960px;margin:0 auto;padding:12px 12px 40px;display:grid}.game{flex-direction:column;grid-area:game;align-items:center;gap:14px;width:100%;display:flex}.side{flex-direction:column;grid-area:side;gap:16px;min-width:0;display:flex}.controls{flex-direction:column;grid-area:controls;gap:8px;display:flex}@media (width>=900px){.app{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"game side""controls side";align-items:start}}.hdr{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.wordmark{flex-direction:column;align-items:center;line-height:1.05;display:flex}.wordmark-title{letter-spacing:.01em;align-items:center;gap:.28em;font-size:1.5rem;font-weight:800;display:inline-flex}.wordmark-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:.72rem;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.chip--ctx{background:var(--surface)}.chip--par{color:var(--ink);font-variant-numeric:tabular-nums}.table-block{align-items:center;gap:var(--badge-gap);flex-direction:column;display:flex}.table-mid{justify-content:center;align-items:center;gap:var(--badge-gap);display:flex}.badge{z-index:2;background:0 0;border:none;align-items:center;gap:5px;padding:0;line-height:1.1;display:flex}.badge--row{flex-direction:row}.badge--col{flex-direction:column;gap:2px}.seat-icon-wrap{color:var(--muted);align-items:center;display:inline-flex}.seat-icon{width:17px;height:17px;display:block}.badge--you .seat-icon-wrap{color:var(--accent)}.badge-name{font-size:1rem;font-weight:700}.badge-pts{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:.95rem;font-weight:600;display:inline-flex}.badge-heart{color:var(--red);font-size:.9em;line-height:1}.badge--active .badge-name{color:var(--accent)}.led-mark{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.table{width:var(--table-size);aspect-ratio:1;background:var(--table-fill);border:1px solid var(--line-strong);border-radius:16px;flex:none;position:relative}.watermark{opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-flex;position:absolute}.suit-sym--mark{width:1.6rem;height:1.6rem}.watermark.tl{top:8px;left:10px}.watermark.tr{top:8px;right:10px}.watermark.bl{bottom:8px;left:10px}.watermark.br{bottom:8px;right:10px}.trick-center{pointer-events:none;z-index:0;color:var(--muted);flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trick-word{letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:700}.trick-count{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.play-cross{position:absolute;inset:0}.pc{z-index:1;display:flex;position:absolute}.pc--n{top:0;left:50%;transform:translate(-50%,-50%)}.pc--s{top:100%;left:50%;transform:translate(-50%,-50%)}.pc--w{top:50%;left:0;transform:translate(-50%,-50%)}.pc--e{top:50%;left:100%;transform:translate(-50%,-50%)}.toast{border:1px solid var(--line-strong);text-align:center;z-index:3;background:#fffffff7;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:5px 10px;font-size:.78rem;font-weight:600;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001f}.card{background:var(--surface);border:1px solid var(--line-strong);color:var(--black);-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.card.red{color:var(--red)}.card .rank{font-size:1.05rem;font-weight:800;line-height:1;position:absolute;top:3px;left:5px}img.suit-sym{object-fit:contain;vertical-align:middle;display:inline-block}.suit-sym--card{width:1.55rem;height:1.55rem}.suit-sym--mini{width:1.1rem;height:1.1rem}.card--hand{flex:0 0 var(--card-w);width:var(--card-w);height:var(--card-h);cursor:pointer;padding:0}.card--legal:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card--illegal{opacity:.42;cursor:default}.card--raised{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);transform:translateY(-10px)}.card--play{width:var(--card-w);height:var(--card-h);background:#fff;animation:.16s ease-out cardIn;box-shadow:0 3px 10px #0000002e}.card--won{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 3px 10px #0000002e}.card--mini{width:34px;height:46px}.card--mini .rank{font-size:.62rem}@keyframes cardIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hand-block{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;display:flex}.pass-instruction{text-align:center;font-size:.95rem;font-weight:600}.pass-instruction .arrow{color:var(--accent)}.hand-grid{flex-direction:column;gap:5px;width:100%;display:flex}.hand-row{justify-content:center;gap:5px;display:flex}.action{border:1px solid var(--line-strong);height:62px;color:var(--muted);letter-spacing:.04em;cursor:default;background:#e9e9e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:.98rem;font-weight:800;line-height:1.1;display:flex}.action--ready{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}.action .action-count{font-size:.62rem;font-weight:700}.instrument-row{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:400px;display:flex}.instr-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.6rem;font-weight:700}.instr-tracker{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.instr-suits{align-items:center;gap:14px;display:flex}.instr-pair{align-items:center;gap:7px;display:inline-flex}.instr-dot{color:var(--muted);font-weight:700}.instr-suit{align-items:center;gap:3px;font-weight:700;display:inline-flex}.suit-sym--track{width:1.05rem;height:1.05rem}.instr-count{font-variant-numeric:tabular-nums;color:var(--black);font-size:.85rem}.instr-count.red{color:var(--red)}.suit-sym--word{width:1.3rem;height:1.3rem}.streak-line{margin:0;font-weight:600}.action--wide{flex:none;width:108px;height:48px}@media (width<=360px){.instr-tracker{flex-direction:column;gap:1px}}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel h2{margin:0 0 8px;font-size:1rem}.end-card{border-width:2px}.end-card--positive{border-color:var(--accent)}.end-card--mixed{border-color:var(--amber)}.end-card--negative{border-color:var(--red)}.end-moon{margin:0 0 6px;font-size:1.05rem;font-weight:700}.end-primary{margin:4px 0;font-size:1.1rem;font-weight:700}.end-primary.positive{color:var(--accent)}.end-primary.mixed{color:var(--amber)}.end-primary.negative{color:var(--red)}.end-secondary{font-size:.9rem}.reveal-cards{gap:6px;margin-top:6px;display:flex}.share{flex-direction:column;gap:8px;margin-top:10px;display:flex}.share pre{border:1px solid var(--line);white-space:pre-wrap;background:#f0f0ee;border-radius:8px;margin:0;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95rem}.result-table{border-collapse:collapse;width:100%;font-size:.85rem}.result-table th,.result-table td{border:1px solid var(--line);text-align:left;padding:4px 8px}.result-table td.num{text-align:right;font-variant-numeric:tabular-nums}.history-wrap{overflow-x:auto}.controls{font-size:.85rem}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.82rem}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switcher{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.seed-input{border:1px solid var(--line-strong);border-radius:8px;width:150px;min-height:36px;padding:6px 8px;font-size:1rem}@media (prefers-reduced-motion:reduce){.card--raised{transform:none}.card--play{animation:none}}.chip--tier{font-weight:700}.chip--tier-easy{color:#216040;background:#e6f2ec;border-color:#bfe0cf}.chip--tier-moderate{color:#2a4d80;background:#e8eef7;border-color:#c3d3ea}.chip--tier-tricky{color:var(--amber);background:#f6efe0;border-color:#e6d3ad}.chip--tier-hard{color:#a2531a;background:#f7e6e0;border-color:#e6c1ad}.chip--tier-savage{color:#a3271a;background:#fbe3df;border-color:#e6a79b}.savage-banner{text-align:center;border-radius:var(--radius);color:#a3271a;background:linear-gradient(#fbe3df,#f7d2cb);border:2px solid #e6a79b;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.savage-flag{letter-spacing:.02em;font-size:1.05rem;font-weight:800}.savage-sub{color:#8c3326;font-size:.8rem}