:root{--bg:#eef1f7;--bg-tint:#f7f9fc;--surface:#fff;--ink:#14161c;--ink-soft:#4a5160;--muted:#7b8496;--line:#dfe4ee;--accent:#5b4bf0;--accent-soft:#ece9ff;--good:#12a150;--bad:#e0334b;--maple-1:#f0cf9c;--maple-2:#d9ab6d;--hole:#6d4f2c;--radius:14px;--shadow-sm:0 1px 2px #14161c0f, 0 1px 1px #14161c0a;--shadow-md:0 6px 20px #14161c14, 0 2px 6px #14161c0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:radial-gradient(1100px 620px at 50% -10%, var(--bg-tint), transparent 70%), var(--bg);min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:clip}h1,h2,h3{letter-spacing:-.02em}button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:.5rem .85rem;font-weight:550;transition:background .12s,border-color .12s,transform 60ms}button:hover:not(:disabled){background:var(--bg-tint);border-color:#c8d0de}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#4c3ee0;border-color:#4c3ee0}.app{max-width:1440px;margin:0 auto;padding:1.1rem 1.25rem 3rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1rem;margin-bottom:1.1rem;display:flex}.brand{background:0 0;border:none;align-items:center;gap:.6rem;margin:0;padding:.35rem .5rem;font-size:1.25rem;font-weight:700;display:flex}.brand:hover{background:#14161c0a}.nav-btn.on{background:var(--accent-soft);color:#3b30ac;border-color:#d8d2ff}.brand .dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.icon-btn{padding:.4rem .55rem;font-size:1rem;line-height:1}.table-id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.home{text-align:center;max-width:560px;margin:6vh auto 0}.home h1{margin:0 0 .4rem;font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.02}.home .lede{color:var(--ink-soft);margin:0 0 2rem;font-size:1.05rem}.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:left;padding:1.4rem}.field{margin-bottom:1rem;display:block}.field>span{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}input[type=text]{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg-tint);color:var(--ink);border-radius:10px;padding:.6rem .75rem}input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;background:var(--surface)}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:inset 0 -3px 6px #0000002e}.swatch[aria-pressed=true]{border-color:var(--ink);transform:scale(1.08)}.play-row{gap:.6rem;margin-top:.4rem;display:flex}.play-row button{flex:1;padding:.7rem 1rem;font-size:1rem}.later{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:1.1rem}.later p{color:var(--muted);margin:.6rem 0 0;font-size:.85rem}.layout{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:1.5rem;display:grid}@media (max-width:1000px){.layout{grid-template-columns:minmax(0,1fr)}}.board{filter:drop-shadow(0 10px 26px #14161c21);width:100%;height:auto;display:block}.hole{fill:var(--hole);stroke:#46301880;stroke-width:1px}.hole-entry{stroke-width:2.6px}.hole-inspot{fill:none;stroke-width:1.8px;opacity:.8}.marble circle:first-child{stroke:#00000047;stroke-width:1.2px}.marble-gloss{fill:#ffffff9e}.marble-presafe{fill:none;stroke:#fff;stroke-width:1.6px;stroke-dasharray:3 3;opacity:.9}.marble.lit circle:first-child{stroke:#fff;stroke-width:3px}.marble.pickable circle:first-child{stroke:#fff;stroke-width:2.6px;animation:1.6s ease-in-out infinite breathe}.marble.picked circle:first-child{stroke:var(--ink);stroke-width:3.4px;animation:none}@keyframes breathe{0%,to{stroke-opacity:.4}50%{stroke-opacity:1}}@media (prefers-reduced-motion:reduce){.marble.pickable circle:first-child{stroke-opacity:.9;animation:none}}.marble-hit{fill:#0000;cursor:pointer;outline:none}.marble-hit:focus-visible{stroke:var(--ink);stroke-width:2px;stroke-dasharray:3 3}.ghost circle{fill-opacity:.3;stroke-width:2px;stroke-dasharray:4 3}.dest-ring{fill:#5b4bf029;stroke:var(--accent);stroke-width:3px;pointer-events:none;animation:1.3s ease-in-out infinite pulse-dest}@keyframes pulse-dest{0%,to{stroke-opacity:.55}50%{stroke-opacity:1}}@media (prefers-reduced-motion:reduce){.dest-ring{stroke-opacity:.9;animation:none}}.dest-hit{fill:#0000;cursor:pointer;outline:none}.dest-hit:hover+.dest-ring,.dest:hover .dest-ring{fill:#5b4bf052}.dest-hit:focus-visible{stroke:var(--ink);stroke-width:2px;stroke-dasharray:3 3}.seat text{font-size:14px;font-weight:650}.seat .seat-sub{fill:var(--muted);font-size:11.5px;font-weight:500}.seat.active text{text-underline-offset:4px;text-decoration:underline}.panel{flex-direction:column;gap:1rem;display:flex}.panel section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.9rem 1rem}.panel h2{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;font-size:.74rem}.status{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:.7rem .9rem}.banner{border-radius:var(--radius);text-align:center;color:#fff;padding:.9rem;font-weight:650}.banner.win{background:var(--good)}.banner.lose{background:var(--bad)}.pile-edge{fill:#fff;stroke:#14161c29;stroke-width:1px}.card-back{fill:var(--accent);stroke:#14161c38;stroke-width:1px}.card-back-inner{fill:none;stroke:#ffffff80;stroke-width:1.4px;stroke-dasharray:4 3}.card-face{fill:#fff;stroke:#14161c38;stroke-width:1px}.pile-empty{fill:#14161c0d;stroke:#14161c26;stroke-width:1.2px;stroke-dasharray:5 4}.card-face-rank,.card-face-suit{text-anchor:middle;dominant-baseline:middle;fill:var(--ink);font-weight:700}.card-face-suit{fill:var(--ink-soft);font-weight:500}.card-face-rank.red,.card-face-suit.red{fill:#d02a3f}.pile-label{text-anchor:middle;fill:var(--muted);font-size:11px;font-weight:600}.table-column{flex-direction:column;min-width:0;display:flex}.seat-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:.55rem;margin-top:-.5rem;padding:.75rem 1rem .9rem;display:flex}.seat-strip.active{border-color:var(--accent);box-shadow:var(--shadow-md)}.seat-strip-who{align-items:center;gap:.45rem;font-size:.9rem;display:flex}.seat-dot{border-radius:50%;width:10px;height:10px}.seat-strip-name{font-weight:700}.seat-strip-sub{color:var(--muted)}.hand{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.card{background:var(--surface);width:54px;height:76px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex}.card.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-6px)}.card.dead{color:#a9b1c0;box-shadow:none;background:#eceff5}.card .rank{font-size:1.25rem;font-weight:700;line-height:1}.card .suit{color:var(--ink-soft);font-size:.85rem}.card .suit.red{color:#d02a3f}.moves{flex-direction:column;gap:.3rem;max-height:260px;display:flex;overflow-y:auto}.move{text-align:left;padding:.5rem .6rem;font-size:.9rem;font-weight:500}.move:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.hint{color:var(--muted);margin:.35rem 0 0;font-size:.84rem}.hint.warn{color:#b4690e}.clear{margin-bottom:.5rem;padding:.2rem .55rem;font-size:.8rem}.log{max-height:240px;margin:0;padding:0;font-size:.85rem;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--line);grid-template-columns:10px 78px 1fr;align-items:baseline;gap:.45rem;padding:.3rem 0;display:grid}.log li:last-child{border-bottom:none}.log .dot{border-radius:50%;align-self:center;width:8px;height:8px}.log li.log-system{text-align:center;color:var(--accent);padding:.4rem 0;font-size:.8rem;font-weight:650;display:block}.log .who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:1.5rem;padding-top:1rem;font-size:.85rem}.board-page{max-width:780px;margin:0 auto}.board-page h1{margin:0 0 .3rem;font-size:2rem}.notice{background:var(--accent-soft);color:#3b30ac;border-radius:var(--radius);border:1px solid #d8d2ff;margin:1rem 0 1.4rem;padding:.75rem .9rem;font-size:.88rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.65rem .85rem}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-tint);font-size:.74rem;font-weight:600}td.num,th.num{text-align:right}tr.you{background:var(--accent-soft)}tr.you td{font-weight:650}.rank-badge{background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.pill{border-radius:999px;padding:.05rem .45rem;font-size:.78rem;font-weight:650;display:inline-block}.pill.up{color:#0d7a3d;background:#dcf5e7}.pill.down{color:#b3243a;background:#fde5e9}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}.lobby{max-width:640px;margin:0 auto}.mode-tabs{background:var(--bg-tint);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.3rem;display:grid}.mode-tab{background:0 0;border:none;border-radius:9px;padding:.55rem;font-weight:600}.mode-tab.on{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--accent)}.mode-blurb{text-align:center;margin:.6rem 0 1.2rem}.size-cards{flex-direction:column;gap:.6rem;display:flex}.size-card{text-align:left;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex;position:relative}.size-card.on{border-color:var(--accent);background:var(--accent-soft)}.size-n{background:var(--bg);border-radius:11px;flex:none;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:700;display:grid}.size-body{flex-direction:column;display:flex}.size-meta{color:var(--muted);font-size:.84rem;font-weight:400}.tag{background:var(--bg);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.start{width:100%;margin-top:1.2rem;padding:.85rem;font-size:1.02rem}.centred{text-align:center}.linkish{color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:650;text-decoration:underline}.field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.74rem;font-weight:700;display:block}.room-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.room-code{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.invite-row{align-items:stretch;gap:.5rem;display:flex}.invite{white-space:nowrap;background:var(--bg-tint);border:1px solid var(--line);border-radius:10px;flex:1;min-width:0;padding:.55rem .7rem;font-family:ui-monospace,Consolas,monospace;font-size:.88rem;overflow-x:auto}.section-head{align-items:center;gap:.6rem;margin:1.8rem 0 .8rem;font-size:1.05rem;display:flex}.section-head .tag{background:var(--accent-soft);color:#3b30ac;margin-left:0}.rules{flex-direction:column;gap:.6rem;display:flex}.rule{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.8rem 1rem}.rule-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.rule-opts{flex-wrap:wrap;gap:.35rem;display:flex}.opt{padding:.32rem .6rem;font-size:.84rem}.opt.on{background:var(--accent);border-color:var(--accent);color:#fff}.more-group{margin-bottom:1.6rem}.more-group h2{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.76rem}.more-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.more-item{border-radius:11px;justify-content:space-between;align-items:center;width:100%;padding:.7rem .9rem;font-weight:550;display:flex}.more-meta{color:var(--muted);font-size:.84rem;font-weight:500}.counters{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.5rem;display:grid}.counters div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:1rem}.counters strong{font-size:1.6rem;display:block}.counters span{color:var(--muted);font-size:.84rem}.prose{max-width:680px}.prose h2{margin:1.8rem 0 .5rem;font-size:1.15rem}.prose p,.prose li{color:var(--ink-soft)}.prose ul{padding-left:1.15rem}.prose li{margin:.4rem 0}.lede-sm{font-size:1.02rem}.rules-table td{vertical-align:top}.rules-table td:first-child{width:6.5rem;color:var(--ink);font-weight:700}