:root{--color-primary-50: #e3f2fd;--color-primary-100: #bbdefb;--color-primary-200: #90caf9;--color-primary-300: #64b5f6;--color-primary-400: #42a5f5;--color-primary-500: #00a8ff;--color-primary-600: #0078d4;--color-primary-700: #1976d2;--color-primary-800: #1565c0;--color-primary-900: #0d47a1;--color-purple-50: #f3e5f5;--color-purple-100: #e1bee7;--color-purple-200: #ce93d8;--color-purple-300: #ba68c8;--color-purple-400: #ab47bc;--color-purple-500: #9b59b6;--color-purple-600: #8e44ad;--color-purple-700: #7b1fa2;--color-purple-800: #6a1b9a;--color-purple-900: #4a148c;--color-orange-50: #fff3e0;--color-orange-100: #ffe0b2;--color-orange-200: #ffcc80;--color-orange-300: #ffb74d;--color-orange-400: #ffa726;--color-orange-500: #ff8c42;--color-orange-600: #ff6b35;--color-orange-700: #f57c00;--color-orange-800: #ef6c00;--color-orange-900: #e65100;--color-green-50: #e0f7fa;--color-green-100: #b2ebf2;--color-green-200: #80deea;--color-green-300: #4dd0e1;--color-green-400: #26c6da;--color-green-500: #00d2d3;--color-green-600: #01a3a4;--color-green-700: #0097a7;--color-green-800: #00838f;--color-green-900: #006064;--color-yellow-500: #ffd700;--color-pink-500: #ff69b4;--color-neutral-50: #f8f9fa;--color-neutral-100: #f1f3f4;--color-neutral-200: #e8eaed;--color-neutral-300: #dadce0;--color-neutral-400: #bdc1c6;--color-neutral-500: #9aa0a6;--color-neutral-600: #80868b;--color-neutral-700: #5f6368;--color-neutral-800: #3c4043;--color-neutral-900: #1e1e2e;--color-neutral-850: #2a2a3a;--color-neutral-825: #333344;--color-neutral-775: #404055;--color-neutral-750: #4a4a66;--color-neutral-700: #565677;--color-background-primary: var(--color-neutral-900);--color-background-secondary: var(--color-neutral-825);--color-background-tertiary: var(--color-neutral-775);--color-background-board: var(--color-neutral-750);--color-background-cell: var(--color-neutral-700);--color-text-primary: #eeeeee;--color-text-secondary: #cccccc;--color-text-tertiary: #9a9aab;--color-text-disabled: #666666;--color-brand-primary: var(--color-primary-500);--color-brand-primary-hover: var(--color-primary-600);--color-brand-secondary: var(--color-purple-600);--color-player-1: #bb40e7;--color-player-2: #f1c40f;--color-success: var(--color-green-500);--color-success-bg: rgba(0, 210, 211, .12);--color-warning: var(--color-orange-600);--color-warning-bg: rgba(255, 107, 53, .12);--color-error: #ff5252;--color-info: var(--color-primary-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 50%;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .12);--shadow-medium: 0 4px 8px rgba(0, 0, 0, .15);--shadow-strong: 0 8px 16px rgba(0, 0, 0, .2);--shadow-inset: inset 0 0 0 1px rgba(255, 255, 255, .1);--shadow-glow-primary: 0 0 12px rgba(0, 168, 255, .5);--shadow-glow-success: 0 0 12px rgba(0, 210, 211, .5);--shadow-glow-warning: 0 0 12px rgba(255, 107, 53, .5);--shadow-glow-piece: 0 0 8px rgba(255, 255, 255, .2);--shadow-winning-piece: 0 0 16px rgba(0, 168, 255, .8);--font-family-display: "Nunito", "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--duration-instant: .05s;--duration-fast: .1s;--duration-normal: .15s;--duration-medium: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-celebration: .8s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--scale-hover: 1.02;--scale-active: .98;--scale-celebration: 1.1;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--z-index-base: 1;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-modal: 1000;--z-index-modal-blocking: 1100;--z-index-modal-nested: 1200;--z-index-tooltip: 2000}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito-latin-ext-var-CXYtwYOx.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/nunito-latin-var-BzFMHfZw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body[data-theme=nebula]{--color-player-1: #bb40e7;--color-player-2: #f1c40f;--color-brand-primary: #00a8ff;--board-surface-alpha: .82;--cell-surface-alpha: .9}.backdrop{position:fixed;top:-6%;right:-6%;bottom:-6%;left:-6%;z-index:-1;background-color:var(--color-background-primary);background-size:cover;background-position:center;background-repeat:no-repeat;animation:backdrop-drift var(--ambient-duration, 0s) ease-in-out infinite alternate;will-change:transform}.backdrop[data-has-image=false]{background-image:radial-gradient(ellipse 80% 60% at 25% 15%,rgba(123,31,162,.45),transparent 60%),radial-gradient(ellipse 70% 55% at 80% 80%,rgba(0,120,212,.4),transparent 60%),radial-gradient(ellipse 60% 50% at 70% 25%,rgba(155,89,182,.3),transparent 55%),linear-gradient(160deg,#14142a,#1e1e2e 45%,#241a33)}.backdrop-img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.backdrop-img--wide{display:none}@media(orientation:landscape){.backdrop-img--portrait{display:none}.backdrop-img--wide{display:block}}.backdrop-overlay{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes backdrop-drift{0%{transform:translate3d(calc(-1 * var(--ambient-drift, 0px)),calc(-.6 * var(--ambient-drift, 0px)),0)}to{transform:translate3d(var(--ambient-drift, 0px),calc(.6 * var(--ambient-drift, 0px)),0)}}@media(prefers-reduced-motion:reduce){.backdrop{animation:none;transform:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);background:var(--color-background-primary);color:var(--color-text-primary);min-height:100vh;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text}.app-frame{--frame-gutter: var(--space-4);display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding-top:max(var(--frame-gutter),env(safe-area-inset-top));padding-right:max(var(--frame-gutter),env(safe-area-inset-right));padding-bottom:max(var(--frame-gutter),env(safe-area-inset-bottom));padding-left:max(var(--frame-gutter),env(safe-area-inset-left))}.game-stage{flex:1;display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:0}.game-layout{--portrait-chrome: 360px;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(100%,420px,calc((100svh - var(--portrait-chrome)) * var(--board-aspect, 1)));min-width:0;overflow-x:clip}.ad-slot{display:flex;flex-direction:column;background:var(--color-background-secondary);color:var(--color-text-tertiary);border:1px dashed var(--color-neutral-700);overflow:hidden}.ad-slot__chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:3px var(--space-2);flex-shrink:0}.ad-slot__label{font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.ad-slot__remove{padding:2px var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-background-tertiary);border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);cursor:pointer}.ad-slot__fill{flex:1;min-height:0}.ad-slot--banner{width:100%;border-radius:var(--radius-lg)}.ad-slot--banner .ad-slot__fill{min-height:60px}.ad-slot--rail{display:none}.game-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;margin-inline:calc(var(--space-3) * -1);padding:var(--space-2) var(--space-3);background:linear-gradient(to bottom,var(--color-background-primary) 0%,var(--color-background-primary) 72%,transparent 100%)}.game-header-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);width:100%}.game-title{display:flex;justify-content:center;width:100%;font-size:72px;line-height:0}.game-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-align:center;text-wrap:balance;margin:0}.wordmark{width:min(100%,calc(1em * 300 / 84));height:auto;display:block;overflow:visible;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.player-section{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.player-panels{display:flex;gap:var(--space-3);width:100%}.player-panel{display:flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#3333448c,#4040558c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-4);flex:1;min-width:0;box-shadow:var(--shadow-medium),inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.player-panel--active{border-color:var(--color-brand-primary);box-shadow:0 0 10px #00a8ff59,var(--shadow-medium),inset 0 1px #ffffff1a}.player-status{min-height:1em;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;line-height:1;color:var(--color-brand-primary)}.player-swatch{width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006,inset 0 3px 5px #ffffff38,inset 0 -4px 7px #0000004d;border:1px solid rgba(255,255,255,.18)}.player-swatch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 33% 27%,#ffffffb3,#fff0 56%);pointer-events:none}.player-info{display:flex;flex-direction:column;flex:1;min-width:0}.player-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-role{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.turn-bar{position:absolute;top:calc(100% - var(--space-5));left:0;right:0;display:flex;gap:var(--space-3)}.turn-slot{flex:1;height:22px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.turn-slot--active{background:linear-gradient(135deg,#00a8ff33,#00a8ff1a);border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:0 0 8px #00a8ff4d;font-weight:var(--font-weight-bold);animation:active-pulse var(--duration-slower) var(--ease-in-out) infinite alternate}@keyframes active-pulse{0%{box-shadow:0 0 8px #00a8ff4d}to{box-shadow:0 0 12px #00a8ff99}}.turn-slot--winner{background:linear-gradient(135deg,var(--color-success-bg),rgba(0,210,211,.05));border:1px solid var(--color-success);color:var(--color-success);box-shadow:0 0 8px #00d2d34d;font-weight:var(--font-weight-bold)}.turn-slot--draw{background:linear-gradient(135deg,#00a8ff1f,#00a8ff0a);border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:0 0 8px #00a8ff4d;font-weight:var(--font-weight-bold)}.turn-slot--banner{position:absolute;top:0;left:0;right:0;z-index:5;flex-direction:column;gap:2px;height:auto;padding:var(--space-2) var(--space-4);text-transform:none;letter-spacing:normal;background:linear-gradient(145deg,#1c1c2ceb,#2a2a3eeb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:banner-enter var(--duration-slow) var(--ease-spring)}.turn-result-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.turn-result-body{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.85}@keyframes banner-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.board-wrapper{--push-lane: .72fr;position:relative;width:100%;aspect-ratio:1;flex-shrink:0;flex-grow:0;overflow:hidden;background:linear-gradient(145deg,#4a4a6680,#33334480);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong),inset 0 2px 8px #0003;border:1px solid rgba(255,255,255,.12);padding:var(--space-2);transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.board-grid{container-type:inline-size;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--push-lane) repeat(6,1fr) var(--push-lane);grid-template-rows:var(--push-lane) repeat(6,1fr) var(--push-lane);gap:var(--space-1)}.board-frame-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--push-lane) repeat(6,1fr) var(--push-lane);grid-template-rows:var(--push-lane) repeat(6,1fr) var(--push-lane);gap:var(--space-1);pointer-events:none}.board-play-frame{grid-column:2 / 8;grid-row:2 / 8;margin:-4px;border:2px solid rgba(255,255,255,.28);border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px #00000040,0 0 0 1px #0003}.board-coords-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--push-lane) repeat(6,1fr) var(--push-lane);grid-template-rows:var(--push-lane) repeat(6,1fr) var(--push-lane);gap:var(--space-1);pointer-events:none;z-index:0}.coord{display:flex;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-tertiary);opacity:.65;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;line-height:1}.coord--row{align-items:flex-start;justify-content:flex-start;padding:3px 0 0 4px}.coord--col{align-items:flex-end;justify-content:flex-end;padding:0 5px 3px 0}.cell{background:linear-gradient(145deg,#56567766,#40405566);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;box-shadow:inset 0 2px 4px #0003,inset 0 -1px 1px #ffffff0d;border:1px solid rgba(255,255,255,.09)}.cell--winning{background:linear-gradient(145deg,var(--color-primary-800),var(--color-primary-600));box-shadow:var(--shadow-winning-piece),inset 0 1px 2px #fff3;border:2px solid var(--color-brand-primary);animation:winning-celebration var(--duration-celebration) var(--ease-spring)}@keyframes winning-celebration{0%{transform:scale(1);box-shadow:var(--shadow-winning-piece),inset 0 1px 2px #fff3}25%{transform:scale(1.05);box-shadow:0 0 16px #00a8ffcc}50%{transform:scale(1.1);box-shadow:0 0 24px #00a8ff,inset 0 1px 2px #fff6}75%{transform:scale(1.05);box-shadow:0 0 20px #00a8ffe6}to{transform:scale(1.02);box-shadow:0 0 12px #00a8ff99,inset 0 1px 2px #ffffff4d}}.piece{width:80%;aspect-ratio:1;border-radius:var(--radius-full);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out),filter var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:0 2px 8px #0006,inset 0 6px 9px #ffffff38,inset 0 -9px 13px #00000052;border:1px solid rgba(255,255,255,.18)}.piece:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 33% 27%,#ffffffb3,#fff0 56%);border-radius:50%;pointer-events:none}.piece:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 92%,#00000047,#0000 55%);border-radius:50%;pointer-events:none}.pieces-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--push-lane) repeat(6,1fr) var(--push-lane);grid-template-rows:var(--push-lane) repeat(6,1fr) var(--push-lane);gap:var(--space-1);pointer-events:none;z-index:1}.pieces-layer .piece{width:80%;justify-self:center;align-self:center;will-change:transform}.piece--winning{box-shadow:var(--shadow-winning-piece),inset 0 1px 2px #ffffff4d;filter:brightness(1.2);z-index:2}.piece--new{animation:piece-enter var(--duration-medium) var(--ease-spring)}@keyframes piece-enter{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.push-btn{background:none;border:0;color:var(--color-brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1px;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);padding:0;position:relative}@media(hover:hover){.push-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.08)}}.push-btn:active:not(:disabled){transform:translateY(0) scale(.95);animation:button-bounce var(--duration-fast) var(--ease-bounce)}@keyframes button-bounce{0%{transform:translateY(-1px) scale(1)}50%{transform:translateY(0) scale(.95)}to{transform:translateY(-1px) scale(1)}}.push-icon{display:inline-flex;align-items:center;justify-content:center;gap:1px}.push-token{opacity:.9}.push-arrow{width:6.38cqi;height:3.3cqi;flex-shrink:0;overflow:visible}.push-arrow__line{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.push-btn--disabled .push-arrow__line,.push-btn:disabled .push-arrow__line{stroke:#ffffff3d;stroke-width:1.2}.push-btn--pending .push-arrow__line{stroke:var(--color-green-500)}.push-btn--disabled,.push-btn:disabled{color:var(--color-text-disabled);cursor:not-allowed}.push-btn--pending{color:var(--color-text-primary);cursor:default;animation:pulse-btn var(--duration-slower) var(--ease-in-out) infinite alternate}@keyframes pulse-btn{0%{filter:drop-shadow(0 0 3px var(--color-green-500));transform:scale(1)}to{filter:drop-shadow(0 0 7px var(--color-green-500));transform:scale(1.08)}}.push-btn--empty{background:transparent;border:none;pointer-events:none}.push-corner-spacer{background:transparent}.game-footer{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);width:100%;align-items:start}.controls-col{display:flex;flex-direction:column;gap:0;min-width:0}.move-history{background:linear-gradient(145deg,#3333448c,#4040558c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);min-width:0;height:7.9rem;overflow-x:hidden;overflow-y:scroll;display:grid;grid-template-columns:auto auto auto;align-content:start;justify-content:start;gap:var(--space-1) var(--space-2);font-size:var(--font-size-sm);font-family:var(--font-family-mono);box-shadow:var(--shadow-medium),inset 0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.05)}.move-history--empty{display:block;color:var(--color-text-tertiary);font-style:italic}.move-pair{display:contents}.move-num{color:var(--color-text-tertiary);text-align:right}.move-history__end{grid-column:1 / -1;height:0}.move-notation{font-weight:var(--font-weight-semibold)}.move-notation--share{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;border-radius:var(--radius-sm, 3px);transition:background var(--duration-fast, .12s) var(--ease-out)}.move-notation--share:hover,.move-notation--share:focus-visible{background:#ffffff1f;text-decoration:underline;text-underline-offset:2px}.move-notation--share:focus-visible{outline:2px solid var(--color-accent, currentColor);outline-offset:1px}.game-controls{display:flex;flex-direction:column;gap:var(--space-2)}.game-controls .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-display);cursor:pointer;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.btn:disabled{opacity:.62;cursor:not-allowed}.btn--primary{background:linear-gradient(145deg,var(--color-brand-primary),var(--color-primary-600));color:var(--color-text-primary);box-shadow:var(--shadow-medium),inset 0 1px 1px #fff3;border:1px solid rgba(255,255,255,.1)}@media(hover:hover){.btn--primary:hover:not(:disabled){background:linear-gradient(145deg,var(--color-primary-400),var(--color-brand-primary-hover));box-shadow:var(--shadow-glow-primary),var(--shadow-strong);transform:translateY(-1px) scale(1.02)}}.btn:active:not(:disabled){transform:translateY(0) scale(.98);transition-duration:var(--duration-instant)}.btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-subtle),inset 0 2px 4px #0003}.btn--secondary{background:linear-gradient(145deg,var(--color-background-secondary),var(--color-background-tertiary));color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-subtle),inset 0 1px 1px #ffffff0d}@media(hover:hover){.btn--secondary:hover:not(:disabled){background:linear-gradient(145deg,var(--color-background-tertiary),var(--color-neutral-775));color:var(--color-text-primary);box-shadow:var(--shadow-medium),inset 0 1px 1px #ffffff1a;transform:translateY(-1px)}}.btn--secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-subtle),inset 0 2px 4px #00000026}.btn--large{padding:var(--space-3) var(--space-8);font-size:var(--font-size-lg)}.setup-screen{position:relative;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.setup-title{display:inline-flex;font-size:72px;line-height:0}.setup-subtitle{color:var(--color-text-tertiary);margin-top:calc(-1 * var(--space-4));font-size:var(--font-size-sm)}.setup-section{background:linear-gradient(145deg,#3333448c,#4040558c);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);width:100%;box-shadow:var(--shadow-medium),inset 0 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.08)}.setup-section h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.setup-row,.setup-field{display:flex;align-items:center;gap:var(--space-3)}.setup-field-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.setup-label{width:60px;font-size:var(--font-size-sm);color:var(--color-text-tertiary);flex-shrink:0}.setup-field-body .setup-label{width:auto}.setup-input{flex:1;background:var(--color-background-tertiary);border:1px solid var(--color-background-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.setup-swatch{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0;box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -2px 4px #0003,0 2px 6px #0000004d;border:1px solid rgba(255,255,255,.2)}.setup-radio-group{display:flex;gap:var(--space-4);flex-wrap:wrap;flex:1}.setup-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);cursor:pointer}.setup-input:disabled{opacity:.45;cursor:not-allowed}.setup-radio--disabled,.setup-radio input:disabled{opacity:.45;cursor:not-allowed}.setup-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.settings-select{min-width:5.5rem;padding:var(--space-2) var(--space-3);background:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);font-family:var(--font-family-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.settings-select:focus-visible{outline:2px solid var(--color-accent, currentColor);outline-offset:2px}.locked-preview{border-color:var(--color-player-1);box-shadow:0 0 18px #bb40e740}.locked-preview__cta{margin-top:var(--space-2);align-self:center}.share{width:min(100%,420px)}.confirm{width:min(100%,380px)}.puzzle-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-tertiary);color:inherit;font:inherit;text-align:left;cursor:pointer}.puzzle-row:hover{border-color:var(--color-accent)}.puzzle-row--done{opacity:.75}.puzzle-row__body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.puzzle-row__body small{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.puzzle-row__streak{flex-shrink:0;font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.settings-build{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;user-select:text;-webkit-user-select:text}.settings-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.puzzle-bar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-tertiary)}.puzzle-bar--slipped{border-color:var(--color-accent)}.puzzle-bar__row{display:flex;align-items:baseline;gap:var(--space-2)}.puzzle-bar__id{font-weight:var(--font-weight-semibold)}.puzzle-bar__spec{flex:1;color:var(--color-text-secondary)}.puzzle-bar__score{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.puzzle-bar__left,.puzzle-bar__slip{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.puzzle-bar__slip{color:var(--color-text-primary)}.puzzle-bar__undo{padding:0;border:0;background:none;color:var(--color-accent);font:inherit;text-decoration:underline;cursor:pointer}.puzzle-result{width:min(100%,380px);text-align:center}.puzzle-result__score{margin:0;font-variant-numeric:tabular-nums}.puzzle-result__spec{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.puzzle-result__strip{margin:0;font-size:var(--font-size-lg);letter-spacing:.1em}.puzzle-result__headline{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.puzzle-result__par,.puzzle-result__best,.puzzle-result__note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.puzzle-result__streak{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2)}.puzzle-result__count{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.puzzle-result__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.puzzle-result__milestone{margin:0;color:var(--color-accent);font-weight:var(--font-weight-semibold)}.confirm__body{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.share__what{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.share__blurb{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.share__url{display:block;padding:var(--space-2) var(--space-3);background:var(--color-background-tertiary);border:1px solid var(--color-neutral-700);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;-webkit-touch-callout:default}.share__game{align-self:center;background:none;border:none;padding:var(--space-2);color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.share__game:hover{color:var(--color-text-secondary)}.share__game--locked{color:var(--color-player-1);text-decoration:none}.share__status{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.paywall{width:min(100%,380px)}.paywall__pitch{margin:0;color:var(--color-text-secondary)}.paywall__perks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.paywall__perks li{position:relative;padding-left:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.45}.paywall__perks li:before{content:"";position:absolute;left:2px;top:.36em;width:11px;height:6px;border-left:2px solid var(--color-accent, var(--color-text-primary));border-bottom:2px solid var(--color-accent, var(--color-text-primary));transform:rotate(-45deg)}.paywall__perks strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.paywall__price{margin:0;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.08);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-wrap:balance}.paywall__amount{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);white-space:nowrap}.paywall__message{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.paywall__restore{background:none;border:none;padding:var(--space-2);color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.paywall__restore:hover:not(:disabled){color:var(--color-text-secondary)}.paywall__restore:disabled{opacity:.5;cursor:default}.get-app--quiet{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 .75rem;font-size:.85rem;text-align:center;color:inherit;opacity:.75;text-decoration:none}.get-app--quiet:hover,.get-app--quiet:focus-visible{opacity:1;text-decoration:underline}.get-app--prominent{margin:.5rem 0;padding:.85rem 1rem;border-radius:.6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.6rem;align-items:center;text-align:center}.get-app__pitch{margin:0;font-size:.92rem;line-height:1.4}.get-app__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.paywall__redeem{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.4rem;text-align:left;font-size:.85rem}.paywall__redeem label{opacity:.85}.paywall__redeem-row{display:flex;gap:.5rem}.paywall__redeem-row input{flex:1 1 auto;min-width:0;padding:.5rem .6rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.18);background:#00000040;color:inherit;font-family:inherit;font-size:.9rem}.paywall__redeem-hint{margin:0;opacity:.6;font-size:.78rem;line-height:1.35}.paywall__dev{align-self:center;background:none;border:1px dashed var(--color-neutral-700);border-radius:var(--radius-full);padding:2px var(--space-3);color:var(--color-text-disabled);font-family:var(--font-family-mono);font-size:var(--font-size-xs);cursor:pointer}.interstitial__panel{width:min(100%,340px);align-items:center;gap:var(--space-5)}.interstitial__label{align-self:flex-start;color:var(--color-text-tertiary);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.interstitial__panel .btn{width:100%}.modal-backdrop.consent{z-index:var(--z-index-modal-blocking)}.modal-backdrop.modal-backdrop--nested{z-index:var(--z-index-modal-nested)}.consent__panel{width:min(100%,400px);gap:var(--space-3)}.consent__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-xl)}.consent__body{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.55}.consent__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2)}.consent__actions .btn{flex:1 1 12rem;min-width:0}.consent__policy{align-self:center;background:none;border:none;padding:0;color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.legal{width:min(100%,560px);max-height:calc(100dvh - var(--space-8))}.legal__scroll{overflow-y:auto;min-height:0;padding-right:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.legal__meta{margin:0 0 var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.legal__section{margin-bottom:var(--space-5)}.legal__section h3{margin:0 0 var(--space-2);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-base)}.legal__section p{margin:0 0 var(--space-2)}.legal__section ul{margin:0;padding-left:var(--space-5)}.legal__section li{margin-bottom:var(--space-1)}@media(orientation:landscape){.game-stage{align-items:center}.game-layout{display:grid;--vu: min(1px, 100vh / 940);grid-template-columns:minmax(340px,460px) min(calc((100vh - 5rem) * var(--board-aspect, 1)),900px);grid-template-rows:auto auto 1fr;grid-template-areas:"title   board" "players board" "footer  board";column-gap:var(--space-8);row-gap:calc(16 * var(--vu));width:auto;padding-block:calc(16 * var(--vu))}.game-header{position:static;z-index:auto;gap:calc(8 * var(--vu));margin-inline:0;padding:0;background:none}.push-btn{font-size:var(--font-size-2xl)}.game-header{grid-area:title;text-align:center;padding-top:calc(16 * var(--vu))}.game-layout .gear-btn{width:48px;height:48px}.game-layout .gear-btn svg{width:26px;height:26px}.game-title{font-size:calc(124 * var(--vu))}.player-section{grid-area:players;gap:calc(12 * var(--vu))}.player-panels{flex-direction:column;gap:calc(12 * var(--vu))}.player-panel{padding:calc(12 * var(--vu)) var(--space-5);gap:var(--space-4)}.player-status{font-size:var(--font-size-sm)}.player-swatch{width:calc(68 * var(--vu));height:calc(68 * var(--vu))}.player-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.turn-slot{height:auto;padding:calc(12 * var(--vu));font-size:var(--font-size-base)}.turn-bar{position:static}.turn-slot--banner{position:static;padding:var(--space-3) var(--space-4)}.thinking-slot{position:static;min-height:calc(var(--space-2) * 2 + 1.5rem)}.controls-col,.game-controls{gap:calc(12 * var(--vu))}.game-controls .btn{padding:calc(16 * var(--vu)) var(--space-5);font-size:max(var(--font-size-sm),calc(18 * var(--vu)));min-height:calc(56 * var(--vu))}.move-history{height:auto;min-height:0;font-size:var(--font-size-base)}.board-wrapper{grid-area:board;align-self:start}.game-footer{grid-area:footer;align-self:end;align-items:stretch;padding-top:calc(24 * var(--vu))}.ad-slot--banner{display:none}.game-layout.with-rail{grid-template-columns:160px minmax(280px,420px) min(calc((100vh - 5rem) * var(--board-aspect, 1)),820px);grid-template-areas:"rail title   board" "rail players board" "rail footer  board";column-gap:var(--space-6)}.ad-slot--rail{display:flex;grid-area:rail;align-self:stretch}.ad-slot--rail .ad-slot__fill{flex:1;max-height:600px}}@media(orientation:portrait)and (min-width:600px){.game-layout{--portrait-chrome: 460px;width:min(100%,700px,calc((100svh - var(--portrait-chrome)) * var(--board-aspect, 1)));gap:var(--space-6)}.ad-slot--banner .ad-slot__fill{min-height:90px}.gear-btn{width:44px;height:44px}.gear-btn svg{width:24px;height:24px}.game-title{font-size:104px}.player-swatch{width:56px;height:56px}.player-name{font-size:var(--font-size-xl)}}@media(orientation:landscape)and (max-height:500px){.game-layout{grid-template-columns:minmax(180px,240px) min(calc((100vh - 2rem) * var(--board-aspect, 1)),620px);column-gap:var(--space-4);padding-block:var(--space-2)}.game-layout.with-rail{grid-template-columns:minmax(110px,150px) minmax(160px,220px) min(calc((100vh - 2rem) * var(--board-aspect, 1)),560px);column-gap:var(--space-4)}.game-title{font-size:52px}.game-header{padding-top:var(--space-1)}.player-panels{gap:var(--space-2)}.player-panel{padding:var(--space-1) var(--space-3)}.player-swatch{width:40px;height:40px}.player-name{font-size:var(--font-size-lg)}.game-layout .gear-btn{width:38px;height:38px}.game-controls .btn{padding:var(--space-2) var(--space-4);min-height:40px;font-size:var(--font-size-base)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.piece--new,.turn-slot--active,.cell--winning{animation:none}.push-btn:active:not(:disabled){animation:none}.game-layout[data-status=won] .board-wrapper,.game-layout[data-status=draw] .board-wrapper{animation:none}}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.reduce-motion .backdrop{animation-duration:var(--ambient-duration, 0s)!important;animation-play-state:paused}.game-layout[data-status=won] .board-wrapper,.game-layout[data-status=draw] .board-wrapper{animation:game-end-celebration var(--duration-celebration) var(--ease-spring)}@keyframes game-end-celebration{0%{transform:scale(1)}30%{transform:scale(1.02);box-shadow:var(--shadow-glow-primary),var(--shadow-strong)}to{transform:scale(1)}}.win-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:var(--z-index-tooltip)}.win-burst__p{position:absolute;left:0;top:0;border-radius:var(--radius-full);background:var(--c);box-shadow:0 0 10px var(--c);opacity:0;animation:win-burst-fly var(--duration-celebration) var(--ease-out) var(--delay, 0s) forwards}@keyframes win-burst-fly{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}.gear-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-background-secondary),var(--color-background-tertiary));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);box-shadow:var(--shadow-subtle),inset 0 1px 1px #ffffff0d;cursor:pointer;z-index:30;transition:background var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.gear-btn svg{width:18px;height:18px}@media(hover:hover){.gear-btn:hover{background:linear-gradient(145deg,var(--color-background-tertiary),var(--color-neutral-775));color:var(--color-text-primary);transform:rotate(40deg)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-index-modal);animation:modal-fade var(--duration-medium) var(--ease-out)}.modal-panel{width:min(100%,360px);background:linear-gradient(145deg,var(--color-background-secondary),var(--color-neutral-825));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);animation:modal-rise var(--duration-medium) var(--ease-spring)}.game-menu{width:min(100%,400px);max-height:calc(100vh - var(--space-6));overflow-y:auto;gap:var(--space-3)}.menu-actions{display:flex;gap:var(--space-3)}.menu-actions .btn{flex:1}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header-actions{display:flex;align-items:center;gap:var(--space-2)}.modal-header h2{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.icon-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-lg);line-height:1;padding:var(--space-1);cursor:pointer}@media(hover:hover){.icon-btn:hover{color:var(--color-text-primary)}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.settings-row>span{color:var(--color-text-secondary)}.settings-row .btn{min-width:5.5rem}.settings-row--stack{flex-direction:column;align-items:flex-start;gap:var(--space-2)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.board-wrapper--thinking{animation:ai-thinking .9s var(--ease-in-out) infinite alternate}.board-wrapper--progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,var(--ai-color) calc(var(--progress, 0) * 360deg),transparent calc(var(--progress, 0) * 360deg));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:background .25s linear;pointer-events:none}@keyframes ai-thinking{0%{border-color:#ffffff1f;box-shadow:var(--shadow-strong),inset 0 2px 8px #0003,inset 0 0 8px 1px color-mix(in srgb,var(--ai-color) 35%,transparent)}to{border-color:var(--ai-color);box-shadow:var(--shadow-strong),inset 0 2px 8px #0003,inset 0 0 26px 5px var(--ai-color)}}.btn--attention{border-color:var(--color-brand-primary);color:var(--color-text-primary);animation:btn-attention 1.3s var(--ease-in-out) infinite}@keyframes btn-attention{0%,to{box-shadow:var(--shadow-subtle),inset 0 1px 1px #ffffff0d}50%{box-shadow:var(--shadow-glow-primary),var(--shadow-medium)}}@media(prefers-reduced-motion:reduce){.board-wrapper--thinking{animation:none;border-color:var(--ai-color)}.btn--attention{animation:none}}html.reduce-motion .board-wrapper--thinking{animation:none;border-color:var(--ai-color)}@media(prefers-reduced-motion:reduce){.board-wrapper--progress:after{transition:none}}html.reduce-motion .board-wrapper--progress:after{transition:none}html.reduce-motion .btn--attention{animation:none}.tutorial{width:min(100%,420px)}.tutorial .menu-actions{justify-content:center}.tutorial .menu-actions .btn{flex:0 0 auto;min-width:7.5rem;padding-inline:var(--space-8)}.tutorial__caption{min-height:3.9em;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.tutorial__stage{position:relative;width:100%}.tut-cursor{position:absolute;left:0;top:0;width:22px;height:22px;pointer-events:none;z-index:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));animation:tut-cursor-travel var(--tut-aim-ms) var(--ease-out) forwards}@keyframes tut-cursor-travel{0%{transform:translate(var(--x0),var(--y0)) scale(1);opacity:0}12%{opacity:1}70%{transform:translate(var(--tx),var(--ty)) scale(1)}82%{transform:translate(var(--tx),var(--ty)) scale(.82)}92%{transform:translate(var(--tx),var(--ty)) scale(1)}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:1}}.tut-ring{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:var(--radius-full);border:2px solid var(--color-player-1);pointer-events:none;z-index:2;opacity:0;animation:tut-ring var(--tut-aim-ms) var(--ease-out) forwards}@keyframes tut-ring{0%,74%{transform:translate(var(--cx),var(--cy)) scale(.35);opacity:0}80%{opacity:.85}to{transform:translate(var(--cx),var(--cy)) scale(1.5);opacity:0}}.tutorial__nav{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.tutorial__navbtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);border-radius:var(--radius-full)}.icon-btn:disabled{opacity:.3;cursor:default}.tutorial__dots{display:flex;justify-content:center}.tutorial__dot{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer}.tutorial__dot:before{content:"";width:7px;height:7px;border-radius:var(--radius-full);background:#ffffff38;transition:background var(--duration-normal) var(--ease-out)}.tutorial__dot.is-active:before{background:var(--color-brand-primary);box-shadow:var(--shadow-glow-primary)}@media(hover:hover){.tutorial__dot:not(.is-active):hover:before{background:#ffffff73}}.board-wrapper--hex{aspect-ratio:var(--board-aspect, .9)}.hexboard{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hexcell{fill:#ffffff0f;stroke:#ffffff24;stroke-width:.045;transition:fill var(--duration-normal) var(--ease-out),stroke var(--duration-normal) var(--ease-out)}.hexcell--winning{fill:#ffffff29;stroke:var(--color-yellow-500);stroke-width:.08}.hexboard__coords text{fill:var(--color-text-tertiary);opacity:.65;font-size:.205px;font-weight:700;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.hextarget__well{fill:transparent;stroke:none}.hextarget--live{cursor:pointer}.hexarm__line{stroke:#ffffff3d;stroke-width:.056;stroke-linecap:round;stroke-linejoin:round;fill:none}.hexarm--legal .hexarm__line{stroke:#fff;stroke-width:.112}.hexarm--pending .hexarm__line{stroke:var(--color-green-500);stroke-width:.112}.hextarget__token{opacity:.9}.hexarm:focus-visible{outline:none}.hexarm:focus-visible .hexarm__line{stroke:var(--color-yellow-500);stroke-width:.16}.hexboard__pieces{position:absolute;pointer-events:none}.pieces-layer--hex{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.pieces-layer--hex .piece{position:absolute;translate:-50% -50%;width:auto}.setup-radio-group--stacked{flex-direction:column;align-items:stretch}.setup-radio--variant{justify-content:flex-start;gap:var(--space-2);text-align:left}.setup-radio-text{display:flex;flex-direction:column;line-height:1.25;flex:1}.setup-radio-text small{font-size:var(--font-size-xs);opacity:.7}.setup-lock{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-purple-600);color:#fff;white-space:nowrap}.tut-cursor--swipe{animation-name:tut-cursor-swipe}@keyframes tut-cursor-swipe{0%{transform:translate(var(--x0),var(--y0)) scale(1);opacity:0}12%{opacity:1}46%{transform:translate(var(--tx),var(--ty)) scale(1)}56%{transform:translate(var(--tx),var(--ty)) scale(.82)}88%{transform:translate(calc(var(--tx) + var(--sx)),calc(var(--ty) + var(--sy))) scale(.82)}to{transform:translate(calc(var(--tx) + var(--sx)),calc(var(--ty) + var(--sy))) scale(1)}}.thinking-slot{position:absolute;top:100%;left:0;right:0;z-index:4;display:flex;align-items:stretch}.thinking-slot>*{flex:1}.thinking-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background-tertiary)}.thinking-bar__estimate{flex:1;min-height:1em;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.thinking-bar__stop{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.thinking-bar__stop:hover{border-color:var(--color-brand-primary)}.thinking-bar--asking{flex-direction:column;align-items:stretch;gap:var(--space-2);border-color:var(--color-brand-primary)}.thinking-bar__title{font-weight:var(--font-weight-bold)}.thinking-bar__body{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.thinking-bar__choices{display:flex;flex-direction:column;gap:var(--space-1)}.thinking-bar__choice{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left;cursor:pointer}.thinking-bar__choice:hover{border-color:var(--color-brand-primary)}.thinking-bar__choice--quiet{background:transparent;color:var(--color-text-secondary)}