:root{--bg:#f6f6f4;--surface:#fff;--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{letter-spacing:.01em;font-size:1.2rem;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip--day{background:var(--accent-soft);color:#216040;border-color:#bfe0cf}.chip--practice,.chip--moon{background:var(--amber-soft);color:var(--amber);border-color:#e6d3ad}.status-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;display:flex}.par{color:var(--muted);font-size:1rem}.par b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.7rem}.stat{color:var(--muted);font-size:.85rem}.stat b{color:var(--ink);font-variant-numeric:tabular-nums}.table-block{flex-direction:column;align-items:center;gap:0;display:flex}.table-mid{justify-content:center;align-items:center;gap:4px;display:flex}.badge{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;flex-direction:column;align-items:center;min-width:50px;padding:4px 7px;font-size:.76rem;line-height:1.15;display:flex}.badge-name{font-weight:600}.badge-pts{color:var(--muted);font-variant-numeric:tabular-nums}.badge--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.led-mark{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:.6rem;font-weight:700}.badge--north{z-index:1;margin-bottom:-6px}.badge--you{z-index:1;margin-top:-6px}.table{aspect-ratio:1;background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;flex:none;width:min(62vw,34vh,260px);position:relative}.watermark{color:#0000000d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.5rem;position:absolute}.watermark.tl{top:8px;left:10px}.watermark.tr{top:8px;right:10px}.watermark.bl{bottom:8px;left:10px}.watermark.br{bottom:8px;right:10px}.play-cross{position:absolute;inset:0}.pc{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%}.pc--n{transform:translate(-50%,calc(-50% - 62px))}.pc--s{transform:translate(-50%,calc(62px - 50%))}.pc--w{transform:translate(calc(-50% - 66px),-50%)}.pc--e{transform:translate(calc(66px - 50%),-50%)}.pc .owner{color:var(--muted);font-size:.6rem}.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-weight:800;line-height:1;position:absolute;top:3px;left:5px}.card .suit{line-height:1}.card--hand{cursor:pointer;width:100%;height:62px;padding:0}.card--hand .rank{font-size:1.05rem}.card--hand .suit{font-size:1.5rem}.card--legal:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card--illegal{opacity:.3;cursor:default}.card--raised{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);transform:translateY(-10px)}.card--play{background:#fff;width:52px;height:72px;animation:.16s ease-out cardIn;box-shadow:0 3px 10px #0000002e}.card--play .rank{font-size:1.1rem}.card--play .suit{font-size:1.7rem}.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}.card--mini .suit{font-size:1.1rem}@keyframes cardIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.hand-block{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff80;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;padding:8px;display:flex}.pass-instruction{text-align:center;font-size:.95rem;font-weight:600}.pass-instruction .arrow{color:var(--accent)}.hand-grid{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(7,1fr);gap:5px;width:100%;display:grid}.hand-grid .action{grid-area:2/7}.action{border:1px solid var(--line-strong);height:62px;color:var(--muted);letter-spacing:.03em;cursor:default;background:#e9e9e6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-size:.72rem;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:.68rem;font-weight:700}.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}}