:root{color-scheme:light dark;--font-display: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-text: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 14px;--radius-pill: 999px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--bg: #f4ece0;--surface: #fffaf1;--text: #241a0f;--muted: #7a6a52;--accent: #b5842a;--accent-contrast: #fff8e8;--gold: #c8912f;--gold-hi: #f0cf83;--border: #e2d4bd;--felt: #e9dcc4;--shadow: 0 2px 10px rgba(60,40,15,.1);--shadow-lg: 0 18px 44px rgba(60,40,15,.22)}@media (prefers-color-scheme: dark){:root{--bg: #120d07;--surface: #1c1610;--text: #f5efe2;--muted: #b6a486;--accent: #e6b24a;--accent-contrast: #1a1206;--gold: #e6b24a;--gold-hi: #fff0c2;--border: #322818;--felt: #1a140c;--shadow: 0 2px 10px rgba(0,0,0,.45);--shadow-lg: 0 20px 48px rgba(0,0,0,.6)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:radial-gradient(120% 80% at 50% -10%,color-mix(in oklab,var(--gold) 12%,transparent),transparent 60%),var(--bg);-webkit-font-smoothing:antialiased}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.3rem;border-radius:var(--radius-pill);font:700 1rem/1 var(--font-text);text-decoration:none;cursor:pointer;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--primary{--_bg: linear-gradient(180deg, var(--gold-hi), var(--gold));--_fg: #2a1c04;border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn--xl{min-height:58px;font-size:1.15rem;padding:0 2rem}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.chip:focus-visible,.seg__btn:focus-visible,canvas:focus-visible{outline:3px solid color-mix(in oklab,var(--gold) 65%,transparent);outline-offset:2px}.home{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-4);text-align:center;padding:clamp(1rem,7vh,4.5rem) clamp(1rem,5vw,2rem) clamp(1rem,3vh,2rem)}.home__glow{position:absolute;inset:-20% -10% auto;height:55vh;z-index:0;pointer-events:none;background:radial-gradient(50% 60% at 50% 10%,color-mix(in oklab,var(--gold) 30%,transparent),transparent 70%);filter:blur(30px)}.home>:not(.home__glow){position:relative;z-index:1}.home__brand{display:grid;justify-items:center;gap:var(--space-2)}.home__crest{filter:drop-shadow(0 6px 16px rgba(200,145,47,.4));width:clamp(76px,14vw,108px);height:auto}.home__title{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,7vw,3.6rem);line-height:1;letter-spacing:-.03em;font-weight:900;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 55%,var(--gold)));-webkit-background-clip:text;background-clip:text;color:transparent}.home__lede{margin:0;max-width:40ch;color:var(--muted);font-size:clamp(.98rem,2.2vw,1.15rem);line-height:1.55}.picker{display:grid;justify-items:center;gap:var(--space-3);width:min(94vw,420px)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:5px;width:100%;box-shadow:var(--shadow)}.seg__btn{border:0;background:transparent;color:var(--muted);cursor:pointer;min-height:42px;border-radius:var(--radius-pill);font:700 .98rem/1 var(--font-text);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg__btn.is-on{color:#2a1c04;background:linear-gradient(180deg,var(--gold-hi),var(--gold));box-shadow:0 2px 8px #c8912f59}.picker__blurb{margin:0;color:var(--muted);font-size:.9rem;min-height:1.2em}.picker .btn--xl,.picker .btn--ghost{width:100%}.stats-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius);background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--border);width:min(94vw,460px)}.stat{display:grid;gap:2px}.stat__num{font:800 1.5rem/1 var(--font-display);color:var(--gold)}.stat__lab{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.play{min-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:var(--space-2);padding:var(--space-2) clamp(.5rem,3vw,1.5rem) var(--space-3);align-content:start;justify-items:center}.topbar{width:min(96vw,560px);display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.topbar__mode{font:800 .95rem/1 var(--font-display);letter-spacing:.02em;color:var(--text);padding:0 var(--space-2)}.topbar__tools{display:flex;gap:6px}.chip{min-height:40px;padding:0 .8rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:700 .85rem/1 var(--font-text);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.chip:hover:not(:disabled){background:color-mix(in oklab,var(--surface) 70%,var(--gold) 12%)}.chip:disabled{opacity:.4;cursor:not-allowed}.boardview{position:relative;width:min(96vw,560px);display:grid;gap:var(--space-2);justify-items:center}.boardview__status{min-height:1.6em;display:flex;align-items:center;gap:.5rem;font:700 .95rem/1 var(--font-text);color:var(--muted)}.thinking-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 color-mix(in oklab,var(--gold) 60%,transparent);animation:pulse 1.1s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--gold) 55%,transparent)}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}.boardview__frame{width:min(94vw,78vh);border-radius:18px;box-shadow:var(--shadow-lg);line-height:0}.boardview__canvas{display:block;border-radius:14px;cursor:pointer}.play__ad{width:min(96vw,560px);min-height:0;display:flex;justify-content:center}@media (max-height: 620px){.home{gap:var(--space-2);padding-top:clamp(.5rem,2vh,1rem)}.home__crest{width:clamp(48px,9vh,72px)}.home__title{font-size:clamp(1.6rem,5.2vh,2.6rem)}.home__lede{display:none}.stats-strip{padding:var(--space-2) var(--space-4)}}@media (max-height: 470px){.home__crest,.stats-strip,.picker__blurb{display:none}}@media (min-width: 760px),(orientation: landscape) and (max-height: 560px){.play{height:100dvh;min-height:100dvh;padding:0 8px;gap:8px;grid-template-columns:auto minmax(130px,1fr);grid-template-rows:auto 1fr;grid-template-areas:"board bar" "board ad";align-content:stretch;align-items:center;justify-items:stretch}.topbar{grid-area:bar;width:auto;flex-wrap:wrap;justify-content:flex-end;align-self:start;padding-top:8px}.play__ad{grid-area:ad;width:auto;align-self:start}.boardview{grid-area:board;width:auto;align-self:center;grid-template-rows:1fr;place-items:center}.boardview__frame{width:auto;height:min(100dvh,calc(100vw - 130px));aspect-ratio:1 / 1;border-radius:12px}.boardview__status{position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%);z-index:2;pointer-events:none;padding:8px 16px;border-radius:var(--radius);background:color-mix(in oklab,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);min-height:0;white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 100% - 40px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:color-mix(in oklab,#0c0805 62%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.result{width:min(94vw,420px);max-height:92dvh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);padding:clamp(1rem,4vw,1.6rem);display:grid;gap:var(--space-3);justify-items:center;text-align:center;animation:rise .32s var(--ease)}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.result__title{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,6vw,2.3rem);font-weight:900;letter-spacing:-.02em}.result__sub{margin:-.4rem 0 0;color:var(--muted);font-size:.9rem}.result__card{width:100%;max-width:300px;height:auto;border-radius:14px;box-shadow:var(--shadow);aspect-ratio:1080 / 1350}.result__card--skeleton{background:linear-gradient(110deg,var(--felt),var(--surface),var(--felt))}.result__stats{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-3);margin:0;width:100%}.result__stats div{display:grid;gap:2px}.result__stats dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.result__stats dd{margin:0;font:800 1.35rem/1 var(--font-display);color:var(--gold)}.result__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.share__toast{min-height:1.2em;font-size:.85rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){.btn,.chip,.seg__btn{transition:none}.btn:hover,.chip:hover{transform:none}.overlay,.result,.thinking-dot{animation:none}}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:1.25rem 1rem 1.5rem;font-size:.85rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal__back{color:var(--gold);text-decoration:none;font-weight:700}.legal h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.15rem}.legal p,.legal li{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}