:root{color-scheme:light;--ink: #1a1a1a;--muted: #3d3d3d;--paper: #f6f3ec;--card: #ffffff;--line: #c8c2b4;--felt: #12352c;--felt-ink: #f4f7f5;--accent: #0b3a2a;--focus: #0b3a2a;--alert: #7a1f1f;--red-suit: #9b1c1c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;color:var(--ink);background:var(--paper);line-height:1.45}button,input,select{font:inherit}.wrap{max-width:880px;margin:0 auto;padding:1.25rem 1rem 2.5rem}h1{font-size:1.7rem;line-height:1.2;margin:0 0 .4rem}h2{font-size:1.05rem;margin:0 0 .5rem}.explainer,.rules,.notice,footer{font-size:1rem}.explainer p,.rules p,.notice p{margin:.4rem 0}a{color:var(--accent)}a:hover{text-decoration-thickness:2px}.rules{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin:1rem 0}.table{background:var(--felt);color:var(--felt-ink);border-radius:12px;padding:1rem;margin:1rem 0}.spot{margin-bottom:.9rem}.hand{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.35rem 0;padding:.35rem;border-radius:8px}.hand.active{outline:2px solid #f2d48a;outline-offset:2px}.cards{display:flex;flex-wrap:wrap;gap:.35rem}.card,.hole{width:3.1rem;height:4.3rem;border-radius:6px;background:var(--card);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:.25rem .35rem;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1}.card .suit{align-self:flex-end;font-size:1.15rem}.card.red{color:var(--red-suit)}.hole{background:repeating-linear-gradient(135deg,#1d4a3d,#1d4a3d 6px,#2f6a58 6px 12px);border:2px solid #f4f7f5;color:transparent}.meta{font-size:.92rem;opacity:.95}.controls,.chips,.actions,.toolbar{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.controls,.toolbar{margin-top:.8rem}button{min-height:44px;min-width:44px;padding:.4rem .75rem;border-radius:8px;border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer}button:hover{background:#efeae0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary{background:#f2d48a;border-color:#1a1a1a}button:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.6rem .75rem}.stat span{display:block;font-size:.82rem;color:var(--muted)}.stat strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.hint{margin:.6rem 0 0;padding:.45rem .6rem;background:#f2d48a;color:var(--ink);border-radius:6px}.keys,.notice,footer{color:var(--muted);font-size:.95rem}.alert{color:var(--alert);font-weight:700;min-height:1.4em}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}footer{margin-top:1.5rem;padding-top:.8rem;border-top:1px solid var(--line)}.fake-coins{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.8rem 1rem;margin:1rem 0}dialog{border:2px solid var(--ink);border-radius:10px;padding:1rem 1.1rem;max-width:28rem;color:var(--ink);background:var(--card)}dialog h2{margin-top:0}dialog::backdrop{background:#1a1a1a73}@media (max-width: 640px){h1{font-size:1.4rem}.stats{grid-template-columns:1fr}.actions button,.chips button,.toolbar button{flex:1 1 8rem}}
