: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: 12px;--radius-pill: 999px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--bg: #f7f1e6;--surface: #fffdf8;--text: #241c12;--muted: #6b5d47;--accent: hsl(30 62% 38%);--accent-2: hsl(14 68% 46%);--accent-contrast: #fffaf0;--gold: hsl(41 88% 52%);--border: #e6dcc7;--shadow: 0 2px 8px rgba(46,32,12,.1);--shadow-lg: 0 16px 40px rgba(46,32,12,.22);--board-light: #ecdcba;--board-dark: #9a6a3f;--board-frame: #3a2a1b;--coord-on-light: #5a4021;--coord-on-dark: #f5e9d0;--sq-selected: color-mix(in oklab, var(--gold) 60%, transparent);--sq-last: color-mix(in oklab, var(--gold) 30%, transparent);--sq-hint: rgba(58, 42, 27, .3);--sq-hint-capture: color-mix(in oklab, var(--accent-2) 62%, transparent);--sq-check: hsl(2 74% 52%);--piece-w-fill: #f4ecda;--piece-w-stroke: #4a3623;--piece-b-fill: #2b2622;--piece-b-stroke: #efe6d4}@media (prefers-color-scheme: dark){:root{--bg: #17110a;--surface: #211a11;--text: #f4ecdc;--muted: #b6a586;--accent: hsl(38 80% 60%);--accent-2: hsl(16 74% 60%);--accent-contrast: #241a0d;--gold: hsl(44 92% 62%);--border: #352a1c;--shadow: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 18px 44px rgba(0,0,0,.6);--board-light: #d3bd94;--board-dark: #7c5230;--board-frame: #120c06;--coord-on-light: #4a3419;--coord-on-dark: #f3e7cd;--sq-hint: rgba(20, 12, 4, .34);--piece-w-fill: #f4ecda;--piece-w-stroke: #3a2a1a;--piece-b-fill: #241f1a;--piece-b-stroke: #d8c7a6}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.stage{position:relative;overflow:hidden;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:clamp(var(--space-4),3vw,var(--space-8));text-align:center;padding:clamp(1.25rem,4vw,3rem)}.stage__glow{position:absolute;inset:-25% -10% auto;height:55vh;z-index:0;background:radial-gradient(55% 55% at 30% 15%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 70%),radial-gradient(50% 50% at 82% 8%,color-mix(in oklab,var(--accent-2) 26%,transparent),transparent 70%);filter:blur(24px);pointer-events:none}.stage>:not(.stage__glow):not(.modal){position:relative;z-index:1}.stage__play{display:contents}.stage__play>*{position:relative;z-index:1}.topbar{display:grid;justify-items:center;gap:var(--space-2)}.eyebrow{font:600 .8rem/1 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.wordmark{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:-.03em;font-weight:800;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 55%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;max-width:42ch;color:var(--muted);font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.55}.stage__caption{margin:0;color:var(--muted);font-size:.9rem;letter-spacing:.02em}.board{position:relative;width:min(94vw,74vh,560px);aspect-ratio:1 / 1;padding:clamp(9px,2.2vw,18px);border-radius:calc(var(--radius) + 6px);background:linear-gradient(155deg,color-mix(in oklab,var(--board-frame) 82%,#000),var(--board-frame));box-shadow:var(--shadow-lg),inset 0 0 0 1px color-mix(in oklab,var(--gold) 22%,transparent)}.board__grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:calc(var(--radius) - 2px);overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}.sq{position:relative;display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.sq--light{background:var(--board-light)}.sq--dark{background:var(--board-dark)}.sq:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 70%,transparent);outline-offset:-3px;z-index:3}.sq--selected{box-shadow:inset 0 0 0 4px var(--sq-selected);z-index:2}.sq--last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sq-last);pointer-events:none}.sq--check{background-image:radial-gradient(circle at center,color-mix(in oklab,var(--sq-check) 80%,transparent),transparent 66%)}.sq--check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 4px color-mix(in oklab,var(--sq-check) 90%,transparent);animation:check-pulse .82s var(--ease) 2;opacity:0}@keyframes check-pulse{0%,to{opacity:0}45%{opacity:1}}.board__ember{position:absolute;inset:clamp(9px,2.2vw,18px);z-index:5;pointer-events:none;border-radius:calc(var(--radius) - 2px);background:linear-gradient(115deg,transparent 42%,color-mix(in oklab,var(--gold) 78%,transparent) 50%,transparent 58%) 0 0 / 260% 100% no-repeat,color-mix(in oklab,#000 22%,transparent);animation:ember-sweep .95s var(--ease) both}@keyframes ember-sweep{0%{background-position:150% 0,0 0;opacity:0}16%{opacity:1}to{background-position:-60% 0,0 0;opacity:1}}.sq__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;border-radius:50%;background:var(--sq-hint);pointer-events:none;z-index:2}.sq__hint--capture{width:88%;height:88%;background:transparent;border:4px solid var(--sq-hint-capture);box-sizing:border-box}.board__drag{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:60;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.board__drag .piece{width:100%;height:100%}.sq__coord{position:absolute;font-size:clamp(.5rem,1.4vw,.72rem);font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.sq--light .sq__coord{color:var(--coord-on-light)}.sq--dark .sq__coord{color:var(--coord-on-dark)}.sq__rank{top:3px;left:4px}.sq__file{bottom:2px;right:4px}.sq__piece{width:84%;height:84%;display:block;animation:piece-in .26s var(--ease) both}@keyframes piece-in{0%{opacity:0;transform:translateY(-5px) scale(.9)}to{opacity:1;transform:none}}.piece{width:100%;height:100%;display:block;overflow:visible;fill:var(--pc-fill);stroke:var(--pc-stroke);stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.piece[data-color=w]{--pc-fill: var(--piece-w-fill);--pc-stroke: var(--piece-w-stroke)}.piece[data-color=b]{--pc-fill: var(--piece-b-fill);--pc-stroke: var(--piece-b-stroke)}.piece .pc-cut{fill:none}.piece .pc-eye{fill:var(--pc-stroke);stroke:none}@media (prefers-reduced-motion: reduce){.sq__piece{animation:none}.sq--check:before{animation:none;opacity:1}.board__ember{animation:none;background:color-mix(in oklab,#000 22%,transparent)}}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.4rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);text-decoration:none;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: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;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 h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}.hud{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(94vw,74vh,560px)}.hud__status{font-weight:600;font-size:1rem}.hud__status.is-thinking{color:var(--accent)}.hud__level{color:var(--muted);font-size:.82rem;white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius-pill);padding:.3rem .8rem}.controls{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ad--board{display:block;width:min(94vw,560px);margin:.25rem auto}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;padding:1rem;display:grid;place-items:center;background:color-mix(in oklab,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modal-in .18s var(--ease) both}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.panel{width:min(92vw,420px);display:grid;gap:1.1rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow-lg);padding:clamp(1.25rem,4vw,2rem);animation:panel-in .22s var(--ease) both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.panel__title{margin:0;font-family:var(--font-display);font-size:1.4rem;letter-spacing:-.01em}.panel__cta{width:100%}.choice{border:0;padding:0;margin:0;display:grid;gap:.55rem}.choice__legend{font-weight:700;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.choice__row{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.choice__btn{flex:1 1 0;min-height:56px;min-width:92px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;font:600 1rem/1 var(--font-text);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.choice__btn:hover{transform:translateY(-1px)}.choice__btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.choice__btn.is-active{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 16%,var(--surface));box-shadow:var(--shadow)}.choice__swatch{width:26px;height:26px;display:inline-block}.choice__hint{margin:0;color:var(--muted);font-size:.85rem;min-height:1.2em}@media (max-height: 460px) and (orientation: landscape){.modal{padding:.6rem}.panel{padding:.9rem 1.2rem;gap:.7rem}.panel--pregame{width:min(94vw,620px);grid-template-columns:1fr 1fr;align-items:start;gap:.6rem 1rem}.panel--pregame .panel__title{grid-column:1 / -1;font-size:1.2rem}.panel--pregame .panel__cta{grid-column:1 / -1}.panel--pregame .choice{gap:.4rem}.panel--pregame .choice__btn{min-height:44px}}.promo__row{display:flex;gap:.6rem;justify-content:center}.promo__btn{width:64px;height:64px;padding:8px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.promo__btn:hover{border-color:var(--accent);transform:translateY(-2px)}.promo__btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.panel--result{gap:.7rem}.result__eyebrow{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.result__headline{margin:0;font-family:var(--font-display);font-size:clamp(2rem,7vw,2.6rem);letter-spacing:-.02em}.outcome--win .result__headline{background:linear-gradient(180deg,var(--gold),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.result__brag{margin:0;color:var(--muted);font-size:1rem}.result__actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}.result__actions-row{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.result__actions-row>*{flex:1 1 auto}.result__actions-row .share,.result__actions-row .btn{justify-content:center}.result__play{width:100%}.share{display:inline-flex;align-items:center;gap:.5rem}.share__toast{font-size:.8rem;color:var(--muted)}@media (prefers-reduced-motion: reduce){.modal,.panel,.choice__btn,.promo__btn{animation:none;transition:none}.choice__btn:hover,.promo__btn:hover{transform:none}}