:root{--felt:#17352e;--felt-deep:#10261f;--felt-line:#2a4d43;--ink:#ece7da;--ink-soft:#b5c2b8;--brass:#c9a24a;--brass-hi:#e3c47a;--piece-white-hi:#fffaf0;--piece-white-lo:#d3c6aa;--piece-black-hi:#5d4b40;--piece-black-lo:#1c1612;--serif:"Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;--sans:"Work Sans", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--felt);color:var(--ink);font-family:var(--sans);-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(120% 80% at 50% 0%, #1d4238 0%, transparent 60%), var(--felt);min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}fieldset{border:0;margin:0;padding:0}legend{color:var(--ink-soft);margin-bottom:.5rem;padding:0;font-size:.875rem}.app{max-width:1080px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.home{flex-direction:column;gap:14px;max-width:440px;margin:0 auto;display:flex}.home-head{padding:24px 0 10px}.wordmark{font-family:var(--serif);letter-spacing:-.03em;font-variation-settings:"opsz" 96;margin:0;font-size:clamp(4.5rem,22vw,7rem);font-weight:700;line-height:.9}.tagline{color:var(--ink-soft);max-width:30ch;margin:12px 0 0}.mode{text-align:left;border-radius:18px;padding:18px}.mode h2,.mode-title{font-family:var(--serif);margin:0;font-size:1.5rem;font-weight:500;line-height:1.15;display:block}.hint{color:var(--ink-soft);margin:4px 0 0;font-size:.9375rem;display:block}.mode-primary{background:var(--felt-deep);border:1px solid var(--felt-line);flex-direction:column;gap:18px;display:flex}.mode-secondary{border:1px solid var(--felt-line);background:0 0;width:100%}.mode-secondary:hover:not(.is-disabled){border-color:var(--brass)}.is-disabled{opacity:.5}.level-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.level{border:1px solid var(--felt-line);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 2px 8px;display:flex}.level[aria-pressed=true]{border-color:var(--brass);background:#c9a24a1f}.level-stack{flex-direction:column-reverse;justify-content:flex-start;align-items:center;height:34px;display:flex}.chip{background:linear-gradient(#f6efe1,#cbbd9f);border-radius:50%;width:22px;height:7px;margin-top:-1px;box-shadow:0 1px #8a7a5c}.level[aria-pressed=true] .chip{background:linear-gradient(#f0d58e,#b48a33);box-shadow:0 1px #6e5216}.level-name{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.6875rem;overflow:hidden}.level[aria-pressed=true] .level-name{color:var(--ink)}.record{color:var(--ink-soft);margin:8px 0 0;font-size:.875rem}.segmented{border:1px solid var(--felt-line);border-radius:12px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--ink-soft);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 6px}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--felt-deep);font-weight:600}.cta{background:linear-gradient(180deg, var(--brass-hi), var(--brass));color:#1d1608;border:0;border-radius:14px;padding:15px 18px;font-size:1.0625rem;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 6px 18px #0000004d}.cta:active{transform:translateY(1px)}.secondary{border:1px solid var(--felt-line);background:0 0;border-radius:14px;padding:13px 16px}.secondary:disabled{opacity:.4;cursor:default}.link{color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--felt-line);text-decoration-color:var(--felt-line);background:0 0;border:0;padding:6px 0}.home-foot{justify-content:space-between;padding-top:6px;display:flex}.game{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""top""board""bottom""status""actions";gap:10px;max-width:560px;margin:0 auto;display:grid}.game-head{grid-area:head;justify-content:space-between;align-items:baseline;display:flex}.game-mode{font-family:var(--serif);font-size:1.125rem}.player{color:var(--ink-soft);align-items:center;gap:10px;padding:4px 2px;display:flex}.player-top{grid-area:top}.player-bottom{grid-area:bottom}.player[data-active=true]{color:var(--ink)}.player[data-active=true] .dot{box-shadow:0 0 0 3px var(--felt), 0 0 0 5px var(--brass)}.dot{border-radius:50%;width:18px;height:18px}.dot-white{background:radial-gradient(circle at 38% 32%, var(--piece-white-hi), var(--piece-white-lo))}.dot-black{background:radial-gradient(circle at 38% 32%, var(--piece-black-hi), var(--piece-black-lo))}.count{font-variant-numeric:tabular-nums;margin-left:auto}.status{text-align:center;grid-area:status;min-height:1.6em;margin:4px 0 0;font-size:1.0625rem}.status-end{font-family:var(--serif);color:var(--brass-hi);font-size:1.75rem;font-weight:700}.forced{color:var(--brass-hi)}.actions{grid-area:actions;grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=900px){.game{grid-template:"head head""board top""board status"1fr"board actions""board bottom"/minmax(0,640px) 320px;align-items:start;column-gap:40px;max-width:none}.status{text-align:left;font-family:var(--serif);align-self:center;font-size:1.75rem;line-height:1.2}.actions{grid-template-columns:1fr}}.board{--frame:#3b2617;--light:#d9b98a;--dark:#5a3a26;--texture-opacity:.22;--texture-blend:multiply;--last:#e3c47a52;aspect-ratio:1;filter:drop-shadow(0 18px 30px #00000073);touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-area:board;width:100%}.app[data-theme=marble] .board,.app[data-theme=marble] .player{--frame:#8d8a84;--light:#ece9e3;--dark:#6f7a78;--texture-opacity:.16;--piece-white-hi:#fff;--piece-white-lo:#cfd2cf;--piece-black-hi:#6b4a3a;--piece-black-lo:#2a1810}.app[data-theme=night] .board,.app[data-theme=night] .player{--frame:#0d1b17;--light:#2c4a41;--dark:#1a302a;--piece-white-hi:#f1ead9;--piece-white-lo:#b9ab8c;--piece-black-hi:#b4523c;--piece-black-lo:#5e2216;--last:#e3c47a38}.board svg{width:100%;height:100%;display:block}.frame{fill:var(--frame)}.sq-light{fill:var(--light)}.sq-dark{fill:var(--dark);shape-rendering:crispedges}.inlay{fill:none;stroke:var(--brass);stroke-opacity:.55;stroke-width:2px}.texture{opacity:var(--texture-opacity);mix-blend-mode:var(--texture-blend);pointer-events:none}.sq-last{fill:var(--last);pointer-events:none}.ring-forced{fill:none;stroke:var(--brass-hi);stroke-width:4px;stroke-dasharray:10 8;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.piece{pointer-events:none}.shadow{fill:#0000006b}.disc-white{stroke:#9c8e72;stroke-width:1.5px}.disc-black{stroke:#0e0a08;stroke-width:1.5px}.groove{fill:none;stroke-width:2px}.groove-white{stroke:#78644659}.groove-black{stroke:#ffebd21f}.crown{fill:var(--brass-hi);stroke:#7a5a18;stroke-width:1.5px}.target{fill:var(--brass-hi);opacity:.85;pointer-events:none}.hit{fill:#0000;cursor:pointer;outline:none}.hit:focus-visible{stroke:var(--brass-hi);stroke-width:4px;outline:none}.sheet{border:1px solid var(--felt-line);background:var(--felt-deep);color:var(--ink);border-radius:20px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0}.sheet::backdrop{background:#050c0a99}.sheet-body{flex-direction:column;gap:18px;padding:22px;display:flex}.sheet h2{font-family:var(--serif);margin:0;font-size:1.75rem;font-weight:500}.rules{flex-direction:column;gap:10px;max-width:60ch;margin:0;padding-left:1.25rem;display:flex}@media (prefers-reduced-motion:reduce){.ring-forced{animation:none}}.forced{font-size:.875rem;display:block}.invite{flex-direction:column;grid-column:1/-1;gap:10px;display:flex}.invite .hint{margin:0}.invite-link{border:1px dashed var(--felt-line);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:12px;margin:0;padding:12px 14px;font-size:.875rem;display:block}.invite-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rematch-note{align-self:center;margin:0}.cta:disabled{opacity:.55;cursor:default}