:root{--color-room-top: #fff3dc;--color-room-middle: #f5d8a8;--color-room-bottom: #dfead4;--color-paper: #fff8ea;--color-paper-soft: #fffaf2;--color-paper-strong: #fff0cf;--color-paper-border: #d7b37d;--color-text-main: #3a2417;--color-text-soft: #6b4c35;--color-text-muted: #8a7059;--color-bibi-fur: #d99b52;--color-bibi-fur-light: #f1c27b;--color-bibi-honey: #f3b94f;--color-bibi-honey-soft: #fff0c2;--color-bibi-caramel: #d88a28;--color-bibi-caramel-dark: #b96b18;--color-bibi-cocoa: #3a2417;--color-wood: #9a6738;--color-wood-dark: #6b3f22;--color-wood-soft: #c9955a;--color-board-green: #58b77f;--color-board-green-dark: #2f6f51;--color-board-line: #2d7b59;--color-control-bg: #fffaf1;--color-control-border: #d8b27a;--color-control-text: #3a2417;--color-selected-bg: #fff0c2;--color-selected-border: #e3a13a;--color-selected-text: #3a2417;--color-selected-mark: #c97920;--color-cta-bg: linear-gradient(180deg, #f6c45a 0%, #dc922f 100%);--color-cta-bg-hover: linear-gradient(180deg, #ffc85a 0%, #df922b 100%);--color-cta-border: #bd741f;--color-cta-text: #3a2417;--color-star-active: #d8891f;--color-star-empty: #a79f90;--color-star-bg: #fff7e0;--color-disc-black: #171915;--color-disc-white: #f7f1e4;--color-disc-white-border: rgba(58, 36, 23, .28);--color-accent-green: #58b77f;--color-accent-lavender: #b8abe8;--color-focus-ring: #2f6f51;--color-room-background: var(--color-room-top);--color-room-background-warm: var(--color-room-middle);--color-paper-surface: var(--color-paper);--color-card-surface: var(--color-paper-strong);--color-card-surface-soft: rgba(255, 240, 210, .78);--color-text-primary: var(--color-text-main);--color-text-secondary: var(--color-text-soft);--color-text-tertiary: var(--color-text-muted);--color-bibee-cream: var(--color-room-top);--color-bibee-paper: var(--color-paper);--color-bibee-honey: var(--color-bibi-honey);--color-bibee-caramel: var(--color-bibi-caramel);--color-bibee-cocoa: var(--color-bibi-cocoa);--color-bibee-fur: var(--color-bibi-fur-light);--color-board-brand: var(--color-board-green);--color-board-brand-dark: var(--color-board-green-dark);--color-control-border-strong: rgba(184, 107, 24, .52);--color-control-background: var(--color-control-bg);--color-selected-background: var(--color-selected-bg);--color-selected-check: var(--color-selected-mark);--color-cta-background: #d88a28;--color-cta-background-soft: #f3b94f;--color-cta-background-hover: #df922b;--color-small-accent: var(--color-accent-lavender);--color-canvas: var(--color-room-top);--color-canvas-warm: var(--color-room-middle);--color-canvas-mint: var(--color-room-bottom);--color-surface: rgba(255, 248, 234, .94);--color-surface-soft: var(--color-card-surface);--color-surface-glass: var(--color-card-surface-soft);--color-surface-warm: rgba(255, 240, 210, .9);--color-surface-mint: rgba(228, 239, 217, .84);--color-surface-lavender: rgba(255, 250, 241, .88);--color-text: #5f422e;--color-text-strong: var(--color-text-main);--color-text-inverse: #ffffff;--color-accent: var(--color-bibi-caramel);--color-accent-soft: var(--color-bibi-honey);--color-accent-strong: var(--color-bibi-cocoa);--color-accent-wash: rgba(255, 238, 205, .88);--color-mint: var(--color-board-green);--color-mint-strong: var(--color-board-green-dark);--color-mint-wash: rgba(228, 239, 217, .88);--color-honey: var(--color-bibi-honey);--color-honey-strong: var(--color-bibi-cocoa);--color-honey-wash: var(--color-bibi-honey-soft);--color-peach: #e99a7b;--color-peach-strong: #9d4f3f;--color-peach-wash: rgba(255, 229, 214, .84);--color-neutral-cool: #8f806f;--color-border: rgba(216, 178, 122, .55);--color-border-strong: rgba(216, 178, 122, .74);--color-border-mint: rgba(88, 183, 127, .44);--color-border-honey: rgba(227, 161, 58, .52);--color-border-peach: rgba(233, 154, 123, .48);--color-board-frame-light: var(--color-wood-soft);--color-board-frame: var(--color-wood);--color-board-frame-dark: var(--color-wood-dark);--color-board-green-hover: #65c98d;--color-board-edge: var(--color-board-brand-dark);--color-board-coordinate: rgba(255, 248, 232, .94);--color-disc-black-a: #4f534b;--color-disc-black-b: var(--color-disc-black);--color-disc-black-c: #080907;--color-disc-white-a: #ffffff;--color-disc-white-b: var(--color-disc-white);--color-disc-white-c: #d5c9b5;--radius-xs: 12px;--radius-sm: 16px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 28px;--radius-2xl: 32px;--radius-round: 999px;--shadow-hairline: inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-soft: 0 8px 18px rgba(118, 86, 55, .08);--shadow-panel: 0 24px 54px rgba(118, 86, 55, .14);--shadow-float: 0 30px 72px rgba(74, 47, 25, .22);--shadow-mint: 0 18px 42px rgba(74, 114, 74, .16);--shadow-accent: 0 14px 26px rgba(201, 130, 49, .24);--shadow-board: 0 28px 58px rgba(86, 58, 34, .24);--focus-ring: var(--color-focus-ring);--duration-fast: .16s;--duration-medium: .28s;--duration-slow: .42s;--ease-soft: cubic-bezier(.18, .74, .24, 1);color:var(--color-text);background:var(--color-canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}.eyebrow{margin:0;color:var(--color-accent);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;color:var(--color-text-strong);font-size:clamp(2rem,4vw,3.05rem);font-weight:900;letter-spacing:0;line-height:.95;text-shadow:0 5px 0 rgba(255,255,255,.82)}.app{position:relative;isolation:isolate;overflow-x:hidden;display:grid;min-height:100vh;place-items:center;padding:clamp(14px,3vw,34px);background:var(--color-canvas)}.app:before,.app:after{content:"";pointer-events:none}.app:before{position:fixed;z-index:-1;inset:0;background:linear-gradient(#fff9ed14,#fff9ed14),url(/vibe-othello/assets/app-background-CFTg9Qsi.png),linear-gradient(135deg,var(--color-canvas) 0%,var(--color-canvas-warm) 46%,var(--color-canvas-mint) 100%);background-position:center,center,center;background-repeat:no-repeat;background-size:100% 100%,100% 100%,cover}.app:after{display:none}.game-shell{position:relative;display:grid;min-width:0;align-items:start;width:min(100%,1200px);grid-template-columns:minmax(0,1fr) minmax(268px,340px);grid-template-areas:"board rail";gap:clamp(16px,2.6vw,30px)}.game-side-rail{display:grid;grid-area:rail;align-self:center;gap:12px;min-width:0;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(14px,2vw,20px);background:radial-gradient(circle at 14% 0%,rgba(255,210,122,.14),transparent 12rem),radial-gradient(circle at 92% 4%,rgba(117,190,169,.12),transparent 12rem),linear-gradient(180deg,#ffffffe6,#fffbf4c2),var(--color-surface-glass);box-shadow:var(--shadow-hairline),var(--shadow-panel),0 8px 18px #8f87d814}.game-sidebar{display:grid;min-width:0;align-content:start;gap:12px;width:100%}.practice-banner{display:grid;gap:9px;border:1px solid var(--color-border-mint);border-radius:var(--radius-md);padding:12px;background:linear-gradient(135deg,#dbf6ecf0,#faf6ffeb),var(--color-surface);box-shadow:0 12px 28px #659e8f1f}.practice-banner span{width:fit-content;border-radius:var(--radius-round);padding:4px 10px;color:var(--color-mint-strong);background:#75bea92e;font-size:.78rem;font-weight:950;letter-spacing:0}.practice-banner strong{color:var(--color-text);font-size:1.08rem;font-weight:950}.practice-banner__feedback{margin:0;border-radius:var(--radius-xs);padding:10px 11px;color:#3f594f;background:#ffffffad;font-size:.92rem;font-weight:800;line-height:1.55}.game-table{display:grid;grid-area:board;min-width:0;width:100%;align-self:center;justify-items:center;border:1px solid var(--color-border-mint);border-radius:var(--radius-2xl);padding:clamp(12px,2.2vw,26px);background:radial-gradient(circle at 18% 10%,rgba(255,210,122,.16),transparent 17rem),radial-gradient(circle at 86% 18%,rgba(184,176,225,.14),transparent 18rem),linear-gradient(135deg,rgba(255,255,255,.96),var(--color-surface-mint));box-shadow:var(--shadow-mint),0 12px 24px #8f87d814,var(--shadow-hairline)}.game-history-panel{display:grid;min-width:0;align-self:start}.game-heading{display:grid;gap:8px;justify-items:stretch;text-align:left}.game-heading__status{display:grid;gap:10px}.start-screen{position:relative;display:grid;min-width:0;width:min(100%,1080px);justify-items:center;gap:clamp(16px,3vw,24px)}.start-screen:before{position:absolute;z-index:-1;width:min(94vw,1080px);height:72%;border-radius:48px;background:radial-gradient(circle at 22% 20%,rgba(255,236,190,.22),transparent 15rem),radial-gradient(circle at 82% 16%,rgba(188,214,176,.2),transparent 16rem);content:"";filter:blur(.2px);pointer-events:none}.start-screen__hero{position:relative;display:grid;min-width:0;width:100%;max-width:100%;align-items:center;justify-items:center;gap:clamp(12px,3vw,24px);border:1px solid color-mix(in srgb,var(--color-paper-border) 70%,transparent);border-radius:var(--radius-xl);padding:clamp(16px,3vw,24px);background:radial-gradient(circle at 72% 34%,color-mix(in srgb,var(--color-board-green) 12%,transparent),transparent 15rem),linear-gradient(180deg,color-mix(in srgb,var(--color-paper-strong) 88%,white),color-mix(in srgb,var(--color-paper) 78%,var(--color-room-middle)));box-shadow:inset 0 1px #ffffffd6,0 16px 30px #76563714;text-align:center}.start-menu{display:grid;min-width:0;width:100%;gap:clamp(14px,2.8vw,24px);border:1px solid var(--color-paper-border);border-radius:var(--radius-xl);padding:clamp(18px,4vw,30px);background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--color-bibi-honey) 9%,transparent),transparent 17rem),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--color-accent-green) 8%,transparent),transparent 16rem),linear-gradient(180deg,#fffaf2f0,#fff0cfe6),var(--color-paper);box-shadow:var(--shadow-hairline),var(--shadow-panel),0 12px 26px #9b684014}.start-screen__header{display:grid;min-width:0;gap:8px;justify-items:center}.start-screen__header:after,.review-panel:before{display:block;justify-self:center;width:min(180px,42vw);height:8px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--color-bibi-honey-soft),var(--color-bibi-honey),var(--color-accent-green),transparent);content:""}.start-screen__eyebrow,.start-panel__eyebrow{width:fit-content;margin:0;border-radius:var(--radius-round);color:var(--color-bibee-cocoa);background:var(--color-paper-surface);font-size:.76rem;font-weight:950;letter-spacing:0}.start-screen__eyebrow{padding:5px 11px;box-shadow:inset 0 0 0 1px var(--color-paper-border)}.start-panel__eyebrow{background:transparent}.start-screen__lead{margin:0;color:var(--color-text-secondary);max-width:28rem;font-size:clamp(.94rem,2vw,1.04rem);font-weight:800;line-height:1.65;overflow-wrap:anywhere}.start-screen__board-preview{position:relative;display:grid;width:clamp(190px,30vw,320px);max-width:100%;aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;border:clamp(12px,2vw,18px) solid var(--color-wood);border-radius:var(--radius-xl);padding:clamp(8px,1.4vw,12px);background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%),var(--color-board-green);box-shadow:0 24px 48px #69554533,0 0 0 6px #ffffffb8,inset 0 0 0 2px #226348b8}.start-screen__board-cell{display:grid;min-width:0;aspect-ratio:1;place-items:center;border-inline-end:1px solid color-mix(in srgb,var(--color-board-line) 62%,transparent);border-block-end:1px solid color-mix(in srgb,var(--color-board-line) 62%,transparent);background:color-mix(in srgb,var(--color-board-green) 92%,white)}.start-screen__board-cell:nth-child(8n){border-inline-end:0}.start-screen__board-cell:nth-child(n+57){border-block-end:0}.start-screen__disc{display:block;width:70%;aspect-ratio:1;border-radius:50%;box-shadow:inset -4px -5px 8px #0000003d,inset 3px 4px 7px #ffffff38,0 5px 8px #0000003d}.start-screen__disc--black{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 36%,var(--color-disc-black-c) 100%)}.start-screen__disc--white{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}.start-panel{position:relative;container-type:inline-size;display:grid;min-width:0;width:100%;gap:clamp(12px,2vw,16px);align-content:start;border:1px solid color-mix(in srgb,var(--color-paper-border) 72%,transparent);border-radius:var(--radius-xl);padding:clamp(14px,2.4vw,20px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-paper) 88%,white),color-mix(in srgb,var(--color-paper-strong) 84%,white)),var(--color-paper);box-shadow:inset 0 1px #ffffffdb,0 18px 34px #7656371a}.start-panel__header{display:grid;gap:4px;justify-items:center;border-block-end:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);padding-block-end:12px;text-align:center}.start-panel__lead{margin:0;color:var(--color-text-soft);font-size:.88rem;font-weight:800;line-height:1.55;overflow-wrap:anywhere}.start-panel__section{display:grid;min-width:0;grid-template-columns:minmax(116px,.36fr) minmax(0,1fr);gap:12px clamp(14px,2vw,18px);align-items:center;border:0;border-block-end:1px solid color-mix(in srgb,var(--color-control-border) 42%,transparent);border-radius:0;padding:clamp(14px,2.2vw,18px) 0;background:transparent;box-shadow:none;text-align:left}.start-panel__section--mode{gap:12px clamp(14px,2vw,18px);padding-block-start:0}.start-panel__match-options{display:grid;min-width:0;grid-template-columns:1fr;gap:0;align-items:stretch}.start-panel__section--difficulty,.start-panel__section--disc{align-content:start;min-width:0}.start-panel__section--disc{border-block-end:0}.start-panel__section--inactive{color:var(--color-text-muted)}.start-panel__section-header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px 12px}.start-panel__section--difficulty .start-panel__section-header{align-items:flex-start;flex-direction:column;gap:4px}.start-panel__title{display:flex;align-items:center;gap:8px;margin:0;color:var(--color-text-primary);font-size:.98rem;font-weight:900}.start-panel__icon{display:inline-grid;flex:0 0 auto;width:24px;height:24px;place-items:center;border-radius:var(--radius-round);color:var(--color-bibi-cocoa);background:color-mix(in srgb,var(--color-bibi-honey-soft) 76%,transparent);font-size:.88rem;font-weight:950;line-height:1;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-control-border) 50%,transparent)}.start-panel__helper{margin:0;color:var(--color-text-muted);font-size:.8rem;font-weight:800}.start-panel__action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-block-start:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);padding-block-start:14px}.start-panel__start.game-action--primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:64px;border:1px solid var(--color-cta-border);border-radius:var(--radius-lg);color:var(--color-cta-text);font-size:1.12rem;font-weight:950;background:var(--color-cta-bg);box-shadow:inset 0 1px #ffffff5c,inset 0 -3px #5f39122e,0 20px 36px #c9823152;text-shadow:0 1px 0 rgba(255,248,234,.48)}.start-panel__start.game-action--primary:hover:not(:disabled){color:var(--color-cta-text);border-color:var(--color-cta-border);background:var(--color-cta-bg-hover)}.start-panel__start-icon{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-round);color:var(--color-cta-text);background:#fff8ea85;font-size:.9rem;line-height:1;box-shadow:inset 0 1px #ffffff80,0 2px #5f39121f}.start-panel__settings{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:var(--radius-round);padding:7px 14px;color:var(--color-bibi-cocoa);background:color-mix(in srgb,var(--color-paper-strong) 78%,transparent);cursor:pointer;font:inherit;font-size:.9rem;font-weight:900;line-height:1.2;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.start-panel__settings:hover{background:var(--color-bibi-honey-soft);box-shadow:inset 0 0 0 1px var(--color-selected-border);transform:translateY(-1px)}.start-panel__settings:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@container (max-width: 390px){.mode-selector,.start-panel__match-options{grid-template-columns:1fr}}.mode-selector{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-selector__button,.disc-selector__button{min-width:0;border:1px solid var(--color-control-border);border-radius:var(--radius-sm);color:var(--color-control-text);background:linear-gradient(180deg,var(--color-paper-soft),var(--color-control-bg)),var(--color-control-bg);box-shadow:var(--shadow-hairline),var(--shadow-soft);cursor:pointer;font:inherit;font-weight:900;overflow-wrap:anywhere;white-space:normal;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease,background var(--duration-fast) ease}.disc-selector{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-selector__button{position:relative;display:grid;align-items:center;justify-items:center;gap:6px;min-height:clamp(60px,6vw,72px);padding:14px 16px 12px;font-size:clamp(.94rem,3.4vw,1.04rem);text-align:center}.mode-selector__button>span{position:absolute;top:13px;left:13px;display:inline-grid;width:20px;height:20px;place-items:center;border:1px solid var(--color-control-border);border-radius:var(--radius-round);color:currentColor;font-size:.78rem;font-weight:950;background:#ffffffb8}.disc-selector__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding-inline:10px;font-size:1rem}.disc-selector__disc{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1px #5b391f38,inset -5px -6px 9px #00000047,inset 3px 4px 6px #fff3,0 6px 10px #0000003d}.disc-selector__disc--black{background:var(--color-disc-black)}.disc-selector__disc--white{background:radial-gradient(circle at 35% 28%,#ffffff 0%,var(--color-disc-white) 54%,var(--color-paper-border) 100%);box-shadow:0 0 0 1px var(--color-disc-white-border),0 0 0 3px #fffaf1e0,inset -5px -6px 9px #785c372e,inset 3px 4px 6px #ffffffe6,0 6px 10px #5b391f33}.cpu-star-selector{display:grid;min-width:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1vw,8px)}.start-panel__section--inactive .cpu-star-selector{opacity:.54}.cpu-star-selector__button{display:grid;min-width:0;min-height:40px;place-items:center;border:0;border-radius:var(--radius-round);color:var(--color-star-empty);background:transparent;cursor:pointer;font:inherit;font-size:clamp(1.08rem,2.1vw,1.34rem);font-weight:950;line-height:1;overflow:hidden;text-shadow:0 2px 0 rgba(255,255,255,.78);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.cpu-star-selector__button--filled{color:var(--color-star-active);background:transparent;box-shadow:none}.cpu-star-selector__button:active:not(:disabled),.mode-selector__button:active:not(:disabled),.disc-selector__button:active:not(:disabled),.start-panel__start:active:not(:disabled){transform:translateY(0)}.cpu-star-selector__button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.cpu-star-selector__button:disabled{cursor:default;opacity:.46}@media(hover:hover)and (pointer:fine){.cpu-star-selector__button:hover:not(:disabled){color:var(--color-bibi-caramel);background:transparent;box-shadow:none;transform:translateY(-1px)}}.mode-selector__button:hover,.disc-selector__button:hover{border-color:var(--color-selected-border);background:linear-gradient(180deg,var(--color-paper-soft),var(--color-selected-bg)),var(--color-selected-bg);box-shadow:inset 0 1px #ffffffeb,0 12px 22px #c9823124;transform:translateY(-1px)}.mode-selector__button:focus-visible,.disc-selector__button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.mode-selector__button--selected,.disc-selector__button--selected{color:var(--color-selected-text);border-color:var(--color-selected-border);background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--color-board-green) 10%,transparent),transparent 9rem),linear-gradient(180deg,var(--color-selected-bg),var(--color-bibi-honey-soft)),var(--color-selected-bg);box-shadow:inset 0 1px #ffffffa8,inset 0 0 0 1px #c9823124,0 14px 24px #9b684029}.mode-selector__button--selected>span{color:var(--color-selected-mark);border-color:var(--color-selected-check);background:var(--color-paper-soft)}.mode-selector__button--selected:hover,.disc-selector__button--selected:hover{background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--color-bibi-honey) 22%,transparent),transparent 9rem),linear-gradient(180deg,var(--color-selected-bg),var(--color-bibi-honey-soft))}@media(min-width:680px){.start-screen__hero{grid-template-columns:minmax(0,1fr) auto;text-align:left}.start-screen__header{justify-items:start}.start-screen__header:after{justify-self:start}}@media(min-width:860px){.start-screen{width:min(100%,1080px)}.start-menu{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:stretch}.start-screen__hero{grid-template-columns:1fr;align-content:center;justify-items:center;text-align:center}.start-screen__header{justify-items:center}.start-screen__header:after{justify-self:center}}@media(max-width:680px){.start-panel__section,.start-panel__match-options{grid-template-columns:1fr}.mode-selector__button{min-height:60px}.start-panel__action{grid-template-columns:1fr;justify-items:stretch}.start-panel__settings{justify-self:center}}.settings-screen{display:grid;min-width:0;width:min(100%,680px);justify-items:center}.settings-panel{display:grid;min-width:0;width:min(100%,560px);gap:18px;border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:clamp(18px,4vw,28px);background:radial-gradient(circle at 12% 0%,rgba(255,210,122,.1),transparent 16rem),radial-gradient(circle at 88% 10%,rgba(117,190,169,.09),transparent 14rem),linear-gradient(180deg,#fffffff0,#fffcf6e6),var(--color-surface);box-shadow:var(--shadow-hairline),var(--shadow-panel),0 10px 22px #8f87d81a}.settings-panel__header{display:grid;gap:7px;text-align:left}.settings-panel__eyebrow{width:fit-content;margin:0;border-radius:var(--radius-round);color:var(--color-accent-strong);background:var(--color-accent-wash);padding:5px 11px;font-size:.76rem;font-weight:950;letter-spacing:0;box-shadow:inset 0 0 0 1px #b8b0e142}.settings-panel__header h1{margin:0;color:var(--color-accent-strong);font-size:clamp(2rem,9vw,3rem);line-height:1.05}.settings-panel__lead{margin:0;color:var(--color-text-soft);font-size:.94rem;font-weight:800;line-height:1.6;overflow-wrap:anywhere}.settings-list{display:grid;gap:12px;border-top:1px solid var(--color-border);padding-block-start:18px}.settings-item{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;background:linear-gradient(180deg,#fffffffa,#fffaf2eb),var(--color-surface);box-shadow:var(--shadow-soft)}.settings-item--stacked{grid-template-columns:1fr;align-items:stretch}.settings-item__text{display:grid;min-width:0;gap:4px}.settings-item__text h2{margin:0;color:var(--color-accent-strong);font-size:1rem;font-weight:950;line-height:1.35}.settings-item__text p{margin:0;color:var(--color-text-muted);font-size:.84rem;font-weight:800;line-height:1.5;overflow-wrap:anywhere}.settings-toggle{display:inline-flex;align-items:center;gap:9px;min-width:104px;border:0;border-radius:999px;padding:7px 8px 7px 12px;color:var(--color-text-inverse);cursor:pointer;font:inherit;font-weight:950;line-height:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease,background var(--duration-fast) ease}.settings-toggle--on{background:linear-gradient(180deg,var(--color-mint),#4f9f85);box-shadow:0 10px 18px #4f9f8538}.settings-toggle--off{background:linear-gradient(180deg,#aaa5b6,var(--color-neutral-cool));box-shadow:0 10px 18px #827c912e}.settings-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.settings-toggle__label{min-width:28px;text-align:center}.settings-toggle__track{display:grid;width:42px;height:24px;align-items:center;border-radius:999px;padding:3px;background:#ffffff6b}.settings-toggle__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 3px 7px #322b423d;transition:transform .16s ease}.settings-toggle--on .settings-toggle__thumb{transform:translate(18px)}.settings-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:var(--radius-md);padding:4px;background:#ffffff94;box-shadow:inset 0 1px #ffffff94}.settings-segmented__button{min-width:0;min-height:42px;border:0;border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-text-muted);background:transparent;cursor:pointer;font:inherit;font-size:.84rem;font-weight:900;overflow-wrap:anywhere;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}.settings-segmented__button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.settings-segmented__button--active{color:var(--color-text-inverse);background:linear-gradient(180deg,var(--color-mint),#4f9f85);box-shadow:inset 0 1px #ffffff4d,0 10px 18px #4f9f8538}@media(hover:hover)and (pointer:fine){.settings-toggle:hover{transform:translateY(-1px)}.settings-segmented__button:hover{color:var(--color-text);background:#ffffffb8}}.settings-panel__actions{display:flex;justify-content:center}@media(max-width:480px){.settings-item{grid-template-columns:1fr;justify-items:start}}.game-status-row{display:grid;min-width:0}.score-row{display:flex;align-items:center;justify-content:space-around;gap:8px;border-block:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);padding-block:8px}.score-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;justify-content:center;border:0;border-radius:0;min-height:28px;padding:0;color:var(--color-text-soft);background:transparent;font-size:.88rem;font-weight:850;box-shadow:none}.score-chip:before{width:14px;height:14px;border-radius:50%;content:""}.score-chip strong{color:var(--color-text-strong);font-size:1.08rem;font-weight:950}.score-chip--black:before{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 36%,var(--color-disc-black-c) 100%)}.score-chip--white:before{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}.session-status,.result-status,.turn-status{display:flex;align-items:center;margin:0;color:var(--color-text-soft);font-size:.92rem;font-weight:800}.turn-status{gap:12px;min-height:60px;border:1px solid color-mix(in srgb,var(--color-border-honey) 34%,var(--color-border));border-radius:var(--radius-lg);padding:13px 15px;color:var(--color-text-strong);background:radial-gradient(circle at 18% 12%,rgba(117,190,169,.07),transparent 8rem),linear-gradient(180deg,#fffaefe0,#fff8e6ad),#fffaf19e;font-size:1rem;font-weight:950;box-shadow:var(--shadow-hairline),inset 0 1px #ffffff7a}.session-status{border:1px solid var(--color-border-mint);border-radius:var(--radius-round);min-height:34px;padding:5px 12px;color:var(--color-mint-strong);background:var(--color-mint-wash)}.result-status{border:1px solid var(--color-border-peach);border-radius:var(--radius-round);min-height:34px;padding:5px 12px;color:var(--color-peach-strong);background:var(--color-peach-wash);text-transform:capitalize}.turn-status__copy{display:grid;min-width:0}.turn-status__label{color:var(--color-text-strong);font-size:clamp(1.08rem,2.8vw,1.26rem);font-weight:950;line-height:1.2}.turn-disc{display:inline-block;flex:0 0 auto;width:34px;height:34px;border-radius:var(--radius-round);box-shadow:inset -7px -8px 12px #00000042,inset 4px 5px 8px #ffffff38,0 8px 14px #7664582e}.turn-disc--black{color:#f6f1e7;background:#181a18}.turn-disc--white{color:#1f2620;background:#f2eadb}.pass-notice-overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;pointer-events:none}.pass-notice-overlay__card{display:flex;align-items:center;gap:15px;max-width:min(92vw,420px);border:1px solid var(--color-border-honey);border-radius:var(--radius-xl);padding:17px 19px;color:var(--color-text);background:radial-gradient(circle at 18% 18%,rgba(255,210,122,.24),transparent 10rem),linear-gradient(180deg,#fffffffa,#fffbf4f7);box-shadow:var(--shadow-hairline),0 28px 60px #76645833,0 12px 26px #8f87d829,0 0 0 8px #ffffff8a;animation:pass-notice-enter .24s ease both}.pass-notice-overlay__disc{display:inline-block;flex:0 0 auto;width:38px;height:38px;border-radius:var(--radius-round);box-shadow:inset -7px -8px 12px #00000042,inset 4px 5px 8px #ffffff38,0 10px 18px #76645838}.pass-notice-overlay__disc--black{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 36%,var(--color-disc-black-c) 100%)}.pass-notice-overlay__disc--white{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}.pass-notice-overlay__title{margin:0;color:var(--color-accent-strong);font-size:clamp(1rem,2.5vw,1.18rem);font-weight:950;line-height:1.35}.pass-notice-overlay__text{margin:4px 0 0;color:var(--color-text-soft);font-size:clamp(.9rem,2.2vw,1rem);font-weight:800;line-height:1.45}@keyframes pass-notice-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.game-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;border-block-start:1px solid color-mix(in srgb,var(--color-border) 48%,transparent);padding-block-start:12px}.game-action{flex:1 1 118px;min-width:0;min-height:46px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--color-text);background:linear-gradient(180deg,#fffffffa,#fffaf2e6),var(--color-surface);box-shadow:var(--shadow-hairline),var(--shadow-soft);cursor:pointer;font:inherit;font-size:.88rem;font-weight:850;overflow-wrap:anywhere;white-space:normal;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease,transform var(--duration-fast) ease,background var(--duration-fast) ease}.game-action:hover:not(:disabled){border-color:#a39adab8;background:linear-gradient(180deg,#fff,#f8f5ff);box-shadow:inset 0 1px #ffffffeb,0 12px 22px #8f87d824;transform:translateY(-1px)}.game-action:active:not(:disabled){transform:translateY(0)}.game-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.game-action:disabled{cursor:default;opacity:.48;transform:none}.game-action--primary{color:var(--color-text-inverse);border-color:#8f87d8a3;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.24),transparent 8rem),linear-gradient(180deg,var(--color-accent-soft),var(--color-accent));box-shadow:inset 0 1px #ffffff4d,0 14px 26px #8f87d83d}.game-action--primary:hover:not(:disabled){background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.28),transparent 8rem),linear-gradient(180deg,var(--color-accent-soft),var(--color-accent))}.game-action--danger{color:var(--color-text-soft);border-color:color-mix(in srgb,var(--color-border-peach) 58%,var(--color-border));background:linear-gradient(180deg,#ffffffe6,#fffaf2c2),#ffffffb8;box-shadow:var(--shadow-hairline)}.game-action--danger:hover:not(:disabled){color:var(--color-peach-strong);border-color:#d87e7080;background:linear-gradient(180deg,#fffffff0,#fff4eed6)}.game-end-confirm{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 42%,rgba(255,210,122,.16),transparent 22rem),#3f3d4a57}.game-end-confirm__card{display:grid;width:min(100%,420px);gap:16px;border:1px solid var(--color-border-peach);border-radius:var(--radius-xl);padding:clamp(18px,5vw,24px);background:radial-gradient(circle at 18% 0%,rgba(255,210,122,.14),transparent 10rem),linear-gradient(180deg,#fffffff5,#fff8f4e0);box-shadow:var(--shadow-hairline),var(--shadow-float),0 14px 30px #7664581f}.game-end-confirm__copy{display:grid;gap:6px;text-align:center}.game-end-confirm__title,.game-end-confirm__description{margin:0}.game-end-confirm__title{color:var(--color-accent-strong);font-size:clamp(1.15rem,4.6vw,1.45rem);font-weight:950;line-height:1.4}.game-end-confirm__description{color:var(--color-text-muted);font-size:.92rem;font-weight:800;line-height:1.5}.game-end-confirm__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.advantage-panel{display:grid;gap:8px;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:var(--radius-md);padding:12px;background:linear-gradient(180deg,#ffffffa8,#fffbf475),#fffaf270;box-shadow:var(--shadow-hairline)}.advantage-panel__header,.advantage-panel__scores{display:flex;align-items:center;justify-content:space-between;gap:10px}.advantage-panel__header{color:var(--color-text-soft);font-size:.82rem;font-weight:900}.advantage-panel__header strong{color:color-mix(in srgb,var(--color-mint-strong) 82%,var(--color-text-soft));font-size:.82rem;font-weight:950;text-transform:none}.advantage-bar{display:flex;overflow:hidden;height:12px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:var(--radius-round);background:#ffffffe0;box-shadow:inset 0 1px #ffffff5c,0 6px 10px #76645812}.advantage-bar__segment{min-width:0;transition:flex-basis .28s ease}.advantage-bar__segment--black{flex-basis:var(--black-advantage);background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 32%),linear-gradient(180deg,#33372f,#141613)}.advantage-bar__segment--white{flex:1;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,#fff9ec,#ded2bb)}.advantage-panel__scores{color:var(--color-text-soft);font-size:.74rem;font-weight:900}.advantage-panel__score{min-width:0}.advantage-panel__score--white{color:var(--color-text-soft);text-align:right}.coach-hint{display:grid;align-content:start;gap:8px;block-size:clamp(156px,22vh,190px);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;border:1px solid color-mix(in srgb,var(--color-border-mint) 70%,var(--color-border));border-radius:var(--radius-md);padding:12px;background:linear-gradient(180deg,#ffffffc2,#f1faf694),#ffffff8a;box-shadow:var(--shadow-hairline),0 10px 20px #659e8f1a;overscroll-behavior:contain}.coach-hint--empty{visibility:hidden}.coach-hint--active.coach-hint--helpful{border-color:color-mix(in srgb,var(--color-accent-soft) 46%,var(--color-border));background:linear-gradient(180deg,#ffffffc7,#faf6ff9e),#ffffff8a}.coach-hint--has-risk{border-color:color-mix(in srgb,var(--color-border-peach) 76%,var(--color-border));background:linear-gradient(180deg,#ffffffc7,#fff4eea8),#ffffff8a;box-shadow:var(--shadow-hairline),0 10px 20px #d87e701a}.coach-hint__item{display:grid;gap:7px}.coach-hint__item+.coach-hint__item{border-block-start:1px solid color-mix(in srgb,var(--color-border) 62%,transparent);padding-block-start:9px}.coach-hint__label{width:fit-content;border-radius:var(--radius-round);padding:4px 10px;color:var(--color-mint-strong);background:#75bea929;font-size:.76rem;font-weight:950;letter-spacing:0}.coach-hint--active.coach-hint--helpful .coach-hint__label{color:var(--color-accent-strong);background:var(--color-accent-wash)}.coach-hint__item--best .coach-hint__label{color:var(--color-accent-strong);background:color-mix(in srgb,var(--color-accent-wash) 76%,white);box-shadow:0 0 0 2px #f3c8623d}.coach-hint__item--risk .coach-hint__label{color:var(--color-peach-strong);background:#ffded2b8}.coach-hint p{margin:0;color:var(--color-text);font-size:.92rem;font-weight:850;line-height:1.55;overflow-wrap:anywhere}.move-history{display:grid;min-width:0;border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff94,#fffbf470),#ffffff61;box-shadow:var(--shadow-hairline)}.move-history__summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;border-radius:inherit;padding:9px 11px;cursor:pointer;list-style:none}.move-history__summary::-webkit-details-marker{display:none}.move-history__summary:after{color:var(--color-text-muted);content:"⌄";font-size:1rem;font-weight:950;transition:transform var(--duration-fast) ease}.move-history[open] .move-history__summary:after{transform:rotate(180deg)}.move-history__summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.move-history__title{margin:0;color:var(--color-text-soft);font-size:.82rem;font-weight:950}.move-history__count{display:inline-grid;min-width:28px;min-height:24px;place-items:center;border:1px solid var(--color-border-honey);border-radius:var(--radius-round);color:var(--color-honey-strong);background:linear-gradient(180deg,#fffbebfa,#fff8dee0),#fff8dee6;font-size:.78rem;font-weight:900}.move-history__body{display:grid;gap:10px;border-block-start:1px solid color-mix(in srgb,var(--color-border) 52%,transparent);padding:10px}.move-history__empty{display:grid;min-height:64px;align-content:start;margin:0;color:var(--color-text-muted);font-size:.84rem;font-weight:800}.move-history__list{display:grid;overflow:auto;height:118px;margin:0;padding:0;gap:6px;list-style:none}.move-history__item{display:grid;grid-template-columns:16px 1fr;align-items:center;gap:9px;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:7px 9px;background:linear-gradient(180deg,#ffffffb8,#fffbf480),#ffffff8a}.move-history__disc{width:13px;height:13px;border-radius:50%;box-shadow:0 4px 8px #00000038}.move-history__disc--black{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 36%,var(--color-disc-black-c) 100%)}.move-history__disc--white{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}.move-history__main{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.move-history__move-number,.move-history__square{color:var(--color-text-muted);font-size:.76rem;font-weight:850}.move-history__square{color:var(--color-text-strong);font-size:.92rem;font-weight:950}.result-overlay{position:relative;display:grid;overflow:hidden;place-items:center;min-height:100%;border:1px solid var(--color-border-peach);border-radius:var(--radius-xl);padding:clamp(18px,3vw,28px);animation:result-overlay-enter .42s ease both;box-shadow:var(--shadow-hairline),0 24px 52px #76645829,0 8px 18px #8f87d81a}.result-overlay--black{color:var(--color-text-strong);background:radial-gradient(circle at 50% 30%,rgba(255,210,122,.42),transparent 17rem),linear-gradient(135deg,#fff8defa,#ecf6fff5)}.result-overlay--white{color:var(--color-text-strong);background:radial-gradient(circle at 50% 30%,rgba(255,210,122,.42),transparent 17rem),linear-gradient(135deg,#fffffffa,#faf6fff5)}.result-overlay--draw{color:var(--color-text-strong);background:radial-gradient(circle at 50% 30%,rgba(184,176,225,.38),transparent 17rem),linear-gradient(135deg,#faf6fffa,#e9f9f3f5)}.result-overlay--human-win{border-color:var(--color-border-honey);background:radial-gradient(circle at 50% 28%,rgba(255,210,122,.46),transparent 17rem),linear-gradient(135deg,#fff8defa,#fffcf1f5)}.result-overlay--human-loss{border-color:#7098cb6b;background:radial-gradient(circle at 50% 26%,rgba(111,151,207,.2),transparent 17rem),linear-gradient(135deg,#f6fafffa,#ebf2fdf5)}.result-overlay__burst{position:absolute;width:min(82vw,360px);aspect-ratio:1;border:8px dotted rgba(255,173,153,.48);border-radius:50%;opacity:.5;animation:result-burst .9s ease-out both}.result-overlay__content{position:relative;display:grid;justify-items:center;gap:16px;text-align:center}.result-overlay__eyebrow{margin:0;color:#d7897d;font-size:.8rem;font-weight:950;letter-spacing:0;text-transform:uppercase}.result-overlay--white .result-overlay__eyebrow{color:#d7897d}.result-overlay--human-loss .result-overlay__eyebrow{color:#5f82b4}.result-overlay__title{margin:0;max-width:100%;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:950;letter-spacing:0;line-height:.96;text-transform:capitalize;text-shadow:0 4px 0 rgba(255,255,255,.82);white-space:nowrap}.result-overlay--white .result-overlay__title{text-shadow:0 5px 0 rgba(255,255,255,.82)}.result-overlay--human-loss .result-overlay__title{color:#294568;text-shadow:0 4px 0 rgba(255,255,255,.78)}.result-overlay__score{margin:0;border:1px solid var(--color-border-honey);border-radius:var(--radius-round);padding:8px 16px;background:linear-gradient(180deg,#fffbebfa,#fff8dee6),#fff8deeb;font-size:1.1rem;font-weight:950}.result-overlay--white .result-overlay__score{background:#fff8deeb}.result-overlay--human-loss .result-overlay__score{border-color:#7098cb66;background:#f2f7ffeb}.result-overlay__discs{display:flex;gap:14px}.result-overlay__disc{width:42px;height:42px;border-radius:50%;box-shadow:0 14px 24px #0000003d}.result-overlay__disc--black{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 38%,var(--color-disc-black-c) 100%)}.result-overlay__disc--white{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}.result-overlay__actions{display:grid;width:min(100%,360px);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.result-overlay__actions .game-action{flex:initial}.result-overlay__actions .game-action--primary{grid-column:1 / -1;color:var(--color-cta-text);border-color:var(--color-cta-border);background:var(--color-cta-bg);box-shadow:inset 0 1px #ffffff5c,inset 0 -3px #5f39122e,0 16px 28px #c982313d;text-shadow:0 1px 0 rgba(255,248,234,.48)}.result-overlay__actions .game-action--primary:hover:not(:disabled){color:var(--color-cta-text);border-color:var(--color-cta-border);background:var(--color-cta-bg-hover)}.result-overlay--human-loss .result-overlay__actions .game-action--primary{color:#f8fbff;border-color:#2f66a4;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 8rem),linear-gradient(180deg,#5f93d1,#2f66a4);box-shadow:inset 0 1px #ffffff47,inset 0 -3px #1c3b6233,0 16px 28px #3f6fae38;text-shadow:none}.result-overlay--human-loss .result-overlay__actions .game-action--primary:hover:not(:disabled){color:#f8fbff;border-color:#2f66a4;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.26),transparent 8rem),linear-gradient(180deg,#6da1de,#356fac)}@keyframes result-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes result-burst{0%{transform:scale(.72)}to{transform:scale(1.08)}}.review-screen{display:grid;width:min(100%,1180px);min-width:0;place-items:stretch}.review-panel{position:relative;display:grid;min-width:0;width:100%;justify-items:stretch;gap:clamp(16px,2.2vw,24px);border:1px solid var(--color-paper-border);border-radius:var(--radius-2xl);padding:clamp(16px,2.8vw,28px);text-align:left;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--color-bibi-honey) 12%,transparent),transparent 16rem),radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--color-board-green) 10%,transparent),transparent 16rem),linear-gradient(180deg,#fffaf2f0,color-mix(in srgb,var(--color-paper-strong) 78%,var(--color-room-bottom))),var(--color-paper);box-shadow:var(--shadow-hairline),var(--shadow-panel)}.review-panel__header{display:grid;justify-items:center;gap:7px;margin-inline:auto;max-width:560px;border:1px solid color-mix(in srgb,var(--color-paper-border) 58%,transparent);border-radius:var(--radius-xl);padding:clamp(14px,2vw,18px) clamp(16px,3vw,24px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-paper) 88%,white),color-mix(in srgb,var(--color-paper-soft) 78%,var(--color-bibi-honey-soft))),var(--color-paper);box-shadow:inset 0 1px #ffffffd1,0 12px 22px #76563713;text-align:center}.review-panel__header h1,.review-panel__header p{margin:0}.review-panel__header h1{color:var(--color-text-strong);font-size:clamp(1.62rem,3.6vw,2.18rem);line-height:1.08}.review-panel__header>p:last-child{color:var(--color-text-muted);font-size:.95rem;font-weight:800;line-height:1.55}.review-panel__status{margin:0;border:1px solid var(--color-border-mint);border-radius:var(--radius-round);padding:7px 14px;color:var(--color-mint-strong);background:var(--color-mint-wash);font-size:.92rem;font-weight:900;text-align:center}.review-summary{display:grid;align-content:start;gap:16px;text-align:left}.review-layout{display:grid;min-width:0;align-items:stretch;grid-template-columns:minmax(380px,1.04fr) minmax(340px,.96fr);gap:clamp(16px,2.8vw,28px);text-align:left}.review-board-panel{display:grid;align-content:start;justify-items:stretch;gap:14px;min-width:0;border:1px solid color-mix(in srgb,var(--color-wood-soft) 46%,var(--color-paper-border));border-radius:var(--radius-xl);padding:clamp(14px,2.2vw,22px);background:radial-gradient(circle at 50% 14%,color-mix(in srgb,var(--color-board-green) 10%,transparent),transparent 18rem),linear-gradient(180deg,color-mix(in srgb,var(--color-paper-soft) 86%,white),color-mix(in srgb,var(--color-paper-strong) 78%,var(--color-room-middle))),var(--color-paper-soft);box-shadow:var(--shadow-hairline),0 18px 34px #7656371f}.review-board-panel__header{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:6px 12px}.review-board-panel__header h2,.review-board-panel__status{margin:0}.review-board-panel__header h2{color:var(--color-text-strong);font-size:clamp(1.02rem,2vw,1.16rem);font-weight:950;line-height:1.35}.review-board-panel__status{color:var(--color-text-muted);font-size:.84rem;font-weight:900;line-height:1.45}.review-board-panel__body{display:grid;justify-items:center;gap:12px;min-width:0}.review-summary__section{position:relative;display:grid;gap:10px;min-width:0;border:1px solid color-mix(in srgb,var(--color-paper-border) 54%,transparent);border-radius:var(--radius-xl);padding:clamp(13px,1.8vw,17px);background:linear-gradient(180deg,color-mix(in srgb,var(--color-paper-soft) 86%,white),color-mix(in srgb,var(--color-control-bg) 78%,transparent)),var(--color-paper-soft);box-shadow:var(--shadow-hairline),0 10px 20px #7664580f}.review-summary__section--turningPoint{border-color:color-mix(in srgb,var(--color-border-honey) 74%,var(--color-paper-border));background:linear-gradient(180deg,color-mix(in srgb,var(--color-bibi-honey-soft) 58%,white),color-mix(in srgb,var(--color-paper-soft) 78%,var(--color-bibi-honey-soft))),var(--color-paper-soft);box-shadow:var(--shadow-hairline),0 14px 24px #c982311f}.review-summary__section--practiceTarget{border-color:color-mix(in srgb,var(--color-board-green) 42%,var(--color-paper-border))}.review-summary__title{display:flex;align-items:center;width:100%;gap:8px;margin:0;border-radius:0;padding:0 0 8px;color:var(--color-bibi-cocoa);background:transparent;border-block-end:1px solid color-mix(in srgb,var(--color-paper-border) 46%,transparent);font-size:.92rem;font-weight:950;line-height:1.35}.review-summary__title:before{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:var(--radius-round);background:var(--color-bibi-honey);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-bibi-honey-soft) 72%,transparent);content:""}.review-summary__section--niceMove .review-summary__title{color:var(--color-board-green-dark)}.review-summary__section--turningPoint .review-summary__title{color:var(--color-honey-strong)}.review-summary__section--practiceTarget .review-summary__title{color:var(--color-board-green-dark)}.review-summary__section--niceMove .review-summary__title:before,.review-summary__section--practiceTarget .review-summary__title:before{background:var(--color-board-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-board-green) 14%,transparent)}.review-summary__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.review-summary__caption{margin:0;color:var(--color-text-muted);font-size:.86rem;font-weight:750;line-height:1.55}.review-summary__item,.review-summary__advice,.review-summary__empty{border:1px solid color-mix(in srgb,var(--color-paper-border) 68%,transparent);border-radius:var(--radius-md);padding:11px 12px;background:linear-gradient(180deg,rgba(255,255,255,.46),transparent),color-mix(in srgb,var(--color-paper-soft) 86%,transparent)}.review-summary__item{display:grid;width:100%;gap:10px;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.review-summary__item:hover,.review-summary__item--selected{border-color:var(--color-selected-border);background:linear-gradient(180deg,color-mix(in srgb,var(--color-selected-bg) 78%,white),var(--color-selected-bg)),var(--color-selected-bg)}.review-summary__item--selected{box-shadow:inset 4px 0 0 var(--color-selected-mark),0 0 0 1px #c982312e}.review-summary__item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.review-summary__move-line{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-muted);font-size:.82rem;font-weight:900}.review-summary__move-line strong{color:var(--color-text-strong);font-size:1rem}.review-summary__item p,.review-summary__advice,.review-summary__empty{margin:0;color:var(--color-text-soft);font-size:.92rem;font-weight:650;line-height:1.58}.review-summary__suggestion{color:var(--color-board-green-dark)}.review-summary__action{width:100%;min-height:50px;margin-block-start:2px;color:var(--color-cta-text);border-color:var(--color-cta-border);background:var(--color-cta-bg);box-shadow:inset 0 1px #ffffff5c,inset 0 -3px #5f39122e,0 14px 24px #c9823138;text-shadow:0 1px 0 rgba(255,248,234,.48)}.review-summary__action:hover:not(:disabled){color:var(--color-cta-text);border-color:var(--color-cta-border);background:var(--color-cta-bg-hover)}.review-comparison{display:grid;gap:10px;border:1px solid color-mix(in srgb,var(--color-border-honey) 54%,transparent);border-radius:var(--radius-sm);padding:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-bibi-honey-soft) 72%,white),color-mix(in srgb,var(--color-paper-soft) 84%,var(--color-bibi-honey-soft))),var(--color-bibi-honey-soft)}.review-comparison__moves{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.review-comparison__moves div{display:grid;gap:5px;border:1px solid color-mix(in srgb,var(--color-paper-border) 58%,transparent);border-radius:var(--radius-xs);padding:10px;background:color-mix(in srgb,var(--color-paper-soft) 86%,white)}.review-comparison__moves span{color:var(--color-text-muted);font-size:.76rem;font-weight:900;line-height:1.35}.review-comparison__moves strong{color:var(--color-text-strong);font-size:1.02rem}.review-comparison__focus{margin:0;border-radius:var(--radius-xs);padding:9px 10px;color:var(--color-honey-strong);background:var(--color-honey-wash)}.review-comparison__focus strong{color:var(--color-honey-strong)}.review-panel__actions{justify-content:center;border-block-start:0;padding-block:0}.review-panel__nav-action{flex:0 1 180px}.review-board{width:min(100%,500px);min-width:0;border:clamp(7px,1.4vw,10px) solid color-mix(in srgb,var(--color-wood) 78%,var(--color-bibi-cocoa));border-radius:var(--radius-lg);padding:clamp(7px,1.4vw,10px);color:var(--color-board-coordinate);background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--color-wood-soft) 74%,white),color-mix(in srgb,var(--color-wood) 78%,var(--color-bibi-cocoa)) 42%,color-mix(in srgb,var(--color-wood-dark) 72%,var(--color-wood)));box-shadow:0 18px 38px #69554529,inset 0 1px #ffffff40}.review-board__square{cursor:default}.review-board__square--legal:after{display:none}.review-board__legal-dot{position:absolute;z-index:1;inset:50%;width:9px;height:9px;border-radius:50%;background:#fff8dee6;box-shadow:0 0 10px #ffd27a94;transform:translate(-50%,-50%);pointer-events:none}.review-board__square--played{box-shadow:inset 0 0 0 3px #ef7e71c7}.review-board__square--best{box-shadow:inset 0 0 0 3px #75bea9eb}.review-board__square--played.review-board__square--best{box-shadow:inset 0 0 0 3px #75bea9eb,inset 0 0 0 6px #ef7e71b8}.review-board__marker{position:absolute;z-index:2;top:4px;left:4px;border-radius:var(--radius-round);min-width:22px;padding:3px 5px;color:var(--color-text-strong);background:#fff8de;font-size:clamp(.52rem,1.5vw,.64rem);font-weight:950;line-height:1}.review-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;color:var(--color-text-soft);font-size:.82rem;font-weight:850;line-height:1.4}.review-legend span{display:inline-flex;align-items:center;gap:6px}.review-legend__marker{display:inline-block;width:12px;height:12px;border-radius:3px}.review-legend__marker--played{border:2px solid rgba(239,126,113,.9)}.review-legend__marker--best{border:2px solid rgba(117,190,169,.95)}.review-legend__marker--legal{border-radius:50%;background:#ffd27a80}.player-controls{display:grid;width:100%;grid-template-columns:1fr;align-items:start;gap:10px}.player-controls--locked{opacity:.72}.player-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px;background:#ffffffb8}.player-control__label{display:inline-flex;min-width:54px;justify-content:center;border-radius:var(--radius-round);padding:4px 8px;font-size:.78rem;font-weight:800;text-transform:capitalize}.player-control__label--black{color:#f6f1e7;background:#181a18}.player-control__label--white{color:#1f2620;background:#f2eadb}.player-control__options{display:flex;gap:4px}.player-control__options--levels{width:100%;flex-wrap:wrap;justify-content:flex-start}.player-control__option{border:1px solid transparent;border-radius:var(--radius-xs);padding:7px 10px;color:var(--color-text-soft);background:transparent;cursor:pointer;font:inherit;font-size:.82rem;font-weight:800;text-transform:capitalize}.player-control__option:hover:not(:disabled){background:#faf6ffe6}.player-control__option:disabled{cursor:default}.player-control__option:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.player-control__option--selected{border-color:#8f87d8a3;color:var(--color-text-inverse);background:linear-gradient(180deg,var(--color-accent-soft),var(--color-accent))}.player-control__option--selected:hover:not(:disabled){background:linear-gradient(180deg,#c5bff4,#978ee0)}.player-control__option--level{padding-inline:9px;font-size:.76rem}.board-frame{width:min(100%,680px);padding:clamp(12px,2.8vw,22px);border:1px solid rgba(112,68,34,.34);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(255,255,255,.2),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--color-wood-soft) 74%,white),color-mix(in srgb,var(--color-wood) 78%,var(--color-bibi-cocoa)) 45%,color-mix(in srgb,var(--color-wood-dark) 72%,var(--color-wood)));box-shadow:var(--shadow-board),0 0 0 8px #fff8e8ad,inset 0 1px #ffffff47,inset 0 -18px 26px #462c1638}.board-coordinate-shell{display:grid;width:100%;aspect-ratio:1;grid-template-columns:clamp(18px,4.2vw,28px) 1fr;grid-template-rows:clamp(18px,4.2vw,28px) 1fr;gap:6px}.board-coordinate-corner{grid-column:1;grid-row:1}.board-column-labels,.board-row-labels{display:grid;color:var(--color-board-coordinate);font-size:clamp(.62rem,1.8vw,.82rem);font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(91,58,34,.22)}.board-column-labels{grid-column:2;grid-row:1;grid-template-columns:repeat(8,1fr);align-items:center}.board-row-labels{grid-column:1;grid-row:2;grid-template-rows:repeat(8,1fr);justify-items:center}.board-coordinate-label{display:grid;place-items:center}.board-grid{display:grid;grid-column:2;grid-row:2;width:100%;height:100%;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border:2px solid color-mix(in srgb,var(--color-board-green-dark) 82%,var(--color-wood));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-board-green-dark) 82%,var(--color-wood));box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 18px 36px #ffffff14,0 10px 18px #374f4029}.board-square{position:relative;aspect-ratio:1;padding:0;border-right:1px solid color-mix(in srgb,var(--color-board-line) 78%,var(--color-board-green-dark));border-top:0;border-left:0;border-bottom:1px solid color-mix(in srgb,var(--color-board-line) 78%,var(--color-board-green-dark));border-radius:0;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 44%),color-mix(in srgb,var(--color-board-green) 78%,var(--color-board-green-dark));cursor:default;perspective:520px;appearance:none;-webkit-appearance:none}.board-square--legal{cursor:pointer}.board-square:focus-visible{z-index:1;outline:3px solid var(--focus-ring);outline-offset:-3px}.board-square--legal:hover{background:linear-gradient(145deg,rgba(255,255,255,.18),transparent 44%),color-mix(in srgb,var(--color-board-green-hover) 74%,var(--color-board-green-dark))}.board-square:nth-child(8n){border-right:0}.board-square:nth-last-child(-n+8){border-bottom:0}.board-square:after{position:absolute;inset:50%;display:none;width:10px;height:10px;border-radius:50%;background:var(--color-bibi-honey);box-shadow:0 0 0 3px #fff0c27a,0 0 13px #f3b94f6b;content:"";transform:translate(-50%,-50%)}.board-square--legal:after{display:block}.board-square--coach-hint:before{position:absolute;z-index:1;inset:14%;border:3px solid rgba(255,225,134,.96);border-radius:14px;background:#ffe69629;box-shadow:0 0 0 4px #fff8dc57,0 0 18px #ffdc709e;content:"";pointer-events:none;animation:board-coach-hint-pulse 1.1s ease-in-out infinite}.board-square--coach-hint-helpful-low:before{--coach-hint-pulse-min-opacity: .3;inset:18%;border-color:#ffe295a8;background:#ffe6961a;box-shadow:0 0 0 3px #fff8dc38,0 0 12px #ffdc7057}.board-square--coach-hint-helpful-medium:before{--coach-hint-pulse-min-opacity: .4;inset:15%;border-color:#ffe186e0;background:#ffe69626;box-shadow:0 0 0 4px #fff8dc4d,0 0 16px #ffdc7085}.board-square--coach-hint-helpful-high:before{--coach-hint-pulse-min-opacity: .52;inset:12%;border-color:#ffcd53;background:#ffdc7038;box-shadow:0 0 0 5px #fff8dc61,0 0 22px #ffcd53b8}.board-square--coach-hint-risk:before{inset:var(--coach-risk-inset, 20%);border:0;border-radius:0;background:linear-gradient(45deg,transparent calc(50% - var(--coach-risk-line-width, 4px)),var(--coach-risk-color, rgba(244, 147, 131, .96)) calc(50% - var(--coach-risk-line-width, 4px)),var(--coach-risk-color, rgba(244, 147, 131, .96)) calc(50% + var(--coach-risk-line-width, 4px)),transparent calc(50% + var(--coach-risk-line-width, 4px))),linear-gradient(-45deg,transparent calc(50% - var(--coach-risk-line-width, 4px)),var(--coach-risk-color, rgba(244, 147, 131, .96)) calc(50% - var(--coach-risk-line-width, 4px)),var(--coach-risk-color, rgba(244, 147, 131, .96)) calc(50% + var(--coach-risk-line-width, 4px)),transparent calc(50% + var(--coach-risk-line-width, 4px)));box-shadow:none;filter:drop-shadow(0 0 var(--coach-risk-glow-size, 8px) var(--coach-risk-glow-color, rgba(244, 147, 131, .62)))}.board-square--coach-hint-risk-low:before{--coach-hint-pulse-min-opacity: .28;--coach-risk-color: rgba(244, 147, 131, .58);--coach-risk-glow-color: rgba(244, 147, 131, .32);--coach-risk-glow-size: 5px;--coach-risk-inset: 24%;--coach-risk-line-width: 3px}.board-square--coach-hint-risk-medium:before{--coach-hint-pulse-min-opacity: .42;--coach-risk-color: rgba(244, 147, 131, .82);--coach-risk-glow-color: rgba(244, 147, 131, .48);--coach-risk-glow-size: 7px;--coach-risk-inset: 21%;--coach-risk-line-width: 4px}.board-square--coach-hint-risk-high:before{--coach-hint-pulse-min-opacity: .58;--coach-risk-color: rgba(226, 87, 83, .98);--coach-risk-glow-color: rgba(226, 87, 83, .68);--coach-risk-glow-size: 10px;--coach-risk-inset: 18%;--coach-risk-line-width: 5px}.board-square--coach-hint .disc{z-index:2}.board-square--last-move .disc{outline:3px solid #f5a6a6;outline-offset:3px;box-shadow:0 0 0 1px #20170ccc,0 0 0 7px #f5a6a638,0 0 22px #f5a6a680,inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 8px 14px #00000047}@keyframes board-coach-hint-pulse{0%,to{opacity:var(--coach-hint-pulse-min-opacity, .42);transform:scale(.86)}50%{opacity:1;transform:scale(1)}}.disc{position:absolute;inset:14%;border-radius:50%;background:transparent;box-shadow:inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 8px 14px #00000047;transform-style:preserve-3d;transform-origin:center;will-change:transform}.disc__face{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(0,0,0,.34);border-radius:inherit;box-shadow:inset 0 -7px 10px #00000038,inset 0 5px 8px #ffffff26,0 1px #442b196b;backface-visibility:hidden;transform-style:preserve-3d}.disc__face:after{position:absolute;inset:10% 18% auto auto;width:32%;height:20%;border-radius:50%;background:#ffffff2e;content:"";filter:blur(3px);pointer-events:none;transform:rotate(-20deg)}.disc--flipped{animation:disc-flip .43s cubic-bezier(.16,.88,.2,1) both;animation-delay:var(--flip-delay, 0ms)}.disc--placed{animation:disc-place .26s cubic-bezier(.17,.9,.22,1.08) both;animation-delay:var(--place-delay, 0ms)}.disc:not(.disc--flipped) .disc__face--front{display:none}.disc__face--back{transform:rotateY(180deg)}.disc:not(.disc--flipped) .disc__face--back{transform:rotateY(0)}.disc__face--black{background:radial-gradient(circle at 35% 28%,var(--color-disc-black-a) 0%,var(--color-disc-black-b) 36%,var(--color-disc-black-c) 100%)}.disc__face--white{background:radial-gradient(circle at 35% 28%,var(--color-disc-white-a) 0%,var(--color-disc-white-b) 48%,var(--color-disc-white-c) 100%)}@keyframes disc-place{0%{box-shadow:inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 2px 6px #00000029;transform:translate3d(0,-16%,22px) rotateX(12deg) scale(.72)}54%{box-shadow:inset -9px -11px 15px #0000004d,inset 5px 6px 10px #fff3,0 18px 24px #0000005c;transform:translate3d(0,2%,2px) rotateX(-3deg) scale(1.08)}76%{transform:translate3d(0,-1%,6px) rotateX(2deg) scale(.95)}to{box-shadow:inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 8px 14px #00000047;transform:translateZ(0) scale(1)}}@keyframes disc-flip{0%{box-shadow:inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 8px 14px #00000047;transform:translateZ(0) rotateY(0) scale(1)}16%{box-shadow:inset -10px -12px 16px #00000052,inset 6px 7px 12px #ffffff38,0 18px 24px #00000061;transform:translateZ(14px) rotateY(56deg) scale(1.06)}46%{box-shadow:inset -15px -10px 16px #0000006b,inset 4px 4px 8px #ffffff29,0 24px 30px #0000007a;transform:translateZ(18px) rotateY(96deg) scaleX(.7) scaleY(1.08)}70%{box-shadow:inset -10px -12px 16px #00000052,inset 6px 7px 12px #ffffff38,0 18px 24px #00000061;transform:translateZ(14px) rotateY(166deg) scale(1.06)}88%{transform:translateZ(4px) rotateY(186deg) scale(.98)}to{box-shadow:inset -8px -10px 14px #00000047,inset 5px 6px 10px #fff3,0 8px 14px #00000047;transform:translateZ(0) rotateY(180deg) scale(1)}}@media(max-width:520px){.app{align-items:start;justify-items:stretch;padding:18px 12px}.game-shell{grid-template-columns:1fr;grid-template-areas:"board" "rail";gap:12px}.game-side-rail{gap:12px;padding:12px}.game-sidebar{gap:12px}.game-table{border-radius:22px;padding:8px}.game-heading{text-align:center}.game-heading h1{font-size:clamp(1.38rem,8vw,1.72rem)}.game-heading__status{gap:8px;padding-block:12px}.game-status-row,.game-actions{justify-content:center}.game-action{flex:1 1 124px}h1{font-size:clamp(1.8rem,12vw,2rem)}.start-screen h1{font-size:clamp(1.58rem,9vw,1.9rem);line-height:1.08;overflow-wrap:anywhere}.start-screen{justify-self:stretch;width:100%;max-width:100%;gap:14px;overflow:hidden}.start-menu{width:100%;max-width:100%;border-radius:24px;padding:14px}.start-screen__hero{gap:10px;justify-items:center}.start-screen__header{max-width:100%;overflow:hidden}.start-screen__eyebrow{padding:4px 9px}.start-screen__lead{max-width:100%;font-size:.92rem;line-height:1.55}.start-screen__board-preview{width:min(72vw,240px)}.start-panel{justify-self:stretch;width:100%;max-width:100%}.start-panel__section{gap:11px;padding:12px}.start-panel__match-options{grid-template-columns:1fr}.start-panel__section-header{align-items:flex-start;flex-direction:column}.start-panel__title{font-size:.94rem}.mode-selector{grid-template-columns:1fr;gap:8px}.disc-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-selector__button,.disc-selector__button{min-height:52px;border-radius:15px}.mode-selector__button{gap:6px;min-height:58px;padding:12px 10px 12px 38px;font-size:clamp(.88rem,4vw,.98rem)}.mode-selector__button>span{top:12px;left:10px;width:18px;height:18px}.cpu-star-selector{gap:3px;padding:4px}.cpu-star-selector__button{font-size:clamp(1.08rem,5.4vw,1.42rem);min-height:46px;border-radius:12px}.start-panel__action{grid-template-columns:1fr;justify-items:stretch}.start-panel__start{min-height:62px}.start-panel__settings{justify-self:center}.board-frame{width:100%;border-radius:20px;padding:clamp(8px,3vw,14px)}.board-coordinate-shell{grid-template-columns:clamp(16px,5vw,20px) 1fr;grid-template-rows:clamp(16px,5vw,20px) 1fr;gap:4px}.move-history__list{height:132px}.move-history__empty{min-height:132px}.review-layout{grid-template-columns:1fr;gap:16px}.review-panel{gap:14px;border-radius:24px;padding:14px}.review-panel__header{gap:5px}.review-panel__header>p:last-child{font-size:.9rem}.review-summary{gap:12px}.review-summary__section,.review-board-panel{border-radius:20px;padding:12px}.review-board{width:min(100%,560px)}.review-comparison__moves{grid-template-columns:1fr}.review-summary__move-line{align-items:flex-start;flex-direction:column;gap:4px}.review-panel__actions{gap:8px}.review-panel__nav-action{flex:1 1 140px}}@media(min-width:521px)and (max-width:900px){.game-shell{grid-template-columns:1fr;grid-template-areas:"board" "rail";width:min(100%,680px)}.game-sidebar{align-items:start}.game-table{padding:12px}.review-layout{grid-template-columns:1fr;gap:20px}.review-screen{width:min(100%,760px)}}