@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2)format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2)format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2)format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2)format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2)format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2)format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2)format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2)format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2)format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2)format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2)format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2)format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2)format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2)format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2)format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2)format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:18px/145% Inter,system-ui,Segoe UI,Roboto,sans-serif}@media (width<=1024px){:root{font-size:16px}}body{background:var(--app-bg,#1e293b);margin:0}#root{min-height:100vh}h1,h2{color:inherit;margin:0 0 8px;font-weight:500}h1{font-size:32px}h2{font-size:22px}p{margin:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],pre{-webkit-user-select:text;user-select:text}html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;touch-action:manipulation}*{box-sizing:border-box}:root{--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:14px;--r-card:16px;--r-hero:20px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:10px;--sp-4:12px;--sp-5:14px;--sp-6:18px;--app-pad-x:8px;--card-pad:14px;--bleed:calc(var(--card-pad) + var(--app-pad-x));--fs-caption:11px;--fs-label:12px;--fs-small:13px;--fs-body:14px;--fs-row:16px;--fs-btn:16px;--fs-title:20px;--fs-h1:28px;--surface-card:var(--card-bg,#293548);--surface-row:var(--row-bg,rgba(var(--wash), var(--row-wash,.1)));--surface-inset:rgba(var(--wash), .06);--surface-tile:var(--tile-bg,rgba(var(--wash), .09));--edge-card:var(--card-edge,inset 0 0 0 1px rgba(var(--wash), .09));--edge-row:rgba(var(--wash), var(--row-border,.14));--ctl-sm:34px;--ctl-md:44px;--btn-pad:14px 18px;--card-border-width:2px;--card-divider-width:2px;--card-divider:rgba(var(--wash), .28);--row-border:.3;--text-0:#fff;--text-1:#f8fafc;--text-2:#e2e8f0;--text-3:#cbd5e1;--text-4:#b3becd;--text-5:#9da7b6;--grey-4:#9ca3af;--grey-2:#e5e7eb;--good:#4ade80;--freeze-text:#7dd3fc;--freeze-rgb:125, 211, 252;--bad:#f87171;--bad-soft:#fca5a5;--warn:#fbbf24;--wash:255, 255, 255;--accent-text:var(--accent);--pill-warn:color-mix(in srgb, var(--accent) 10%, white);--pill-good:color-mix(in srgb, var(--good) 40%, white);--pill-tint:10%;--select-bg:#2b3646;--nav-text:#c3cbda;--panel-bg:#111827f2;--color-scheme:dark;--shadow-up:#00000073;--shadow-up-soft:#00000059;--accent:#d97706;--accent-rgb:217, 119, 6;--accent-fill:#b26205;--reward:#f5b342;--reward-text:var(--reward);--board-light:#f0d9b5;--board-dark:#b58863;--board-frame-light:#8b5a34;--board-frame-dark:#5c3a21}.app{min-height:100vh;padding:20px var(--app-pad-x) calc(84px + env(safe-area-inset-bottom,0px));background:var(--app-bg,#1e293b);color:var(--text-0);text-align:left;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}:root[data-scheme=light]{--text-0:#0f172a;--text-1:#0f172a;--text-2:#1e293b;--text-3:#334155;--text-4:#475569;--text-5:#4b5b70;--grey-4:#475569;--grey-2:#1e293b;--good:#166534;--freeze-text:#0369a1;--freeze-rgb:3, 105, 161;--bad:#b91c1c;--bad-soft:#991b1b;--warn:#b45309;--wash:15, 23, 42;--accent-text:color-mix(in srgb, var(--accent) 62%, #000);--pill-warn:var(--accent-text);--on-status:#fff;--row-fill:#ffffffeb;--row-edge:rgba(var(--wash), .85);--row-sub:var(--text-3);--row-wash:.11;--row-border:.85;--row-bg:#ffffffeb;--btn-fill:rgba(var(--wash), .14);--btn-edge:inset 0 0 0 1px rgba(var(--wash), .3);--btn-text:var(--text-0);--pill-good:var(--good);--pill-tint:10%;--reward-text:color-mix(in srgb, var(--reward) 55%, #000);--icon-keep:100%;--select-bg:#fff;--nav-text:#475569;--panel-bg:#fffffff2;--color-scheme:light;--shadow-up:#0f172a24;--shadow-up-soft:#0f172a1a}.on-dark{--text-0:#fff;--text-1:#f8fafc;--text-2:#e2e8f0;--text-3:#cbd5e1;--text-4:#b3becd;--text-5:#9da7b6;--grey-4:#9ca3af;--grey-2:#e5e7eb;--good:#4ade80;--freeze-text:#7dd3fc;--freeze-rgb:125, 211, 252;--bad:#f87171;--bad-soft:#fca5a5;--warn:#fbbf24;--wash:255, 255, 255;--accent-text:var(--accent);--pill-warn:color-mix(in srgb, var(--accent) 10%, white);--pill-good:color-mix(in srgb, var(--good) 40%, white);--pill-tint:10%;color:var(--text-0)}.bottom-nav{z-index:40;padding:10px 6px calc(10px + env(safe-area-inset-bottom,0px));background:var(--nav-bg,#2f3b52);border-top:1px solid rgba(var(--accent-rgb), .35);box-shadow:0 -10px 28px var(--shadow-up);justify-content:space-around;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{max-width:96px;color:var(--nav-text);cursor:pointer;touch-action:manipulation;border-radius:var(--r-lg);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 2px;font-size:11.5px;font-weight:700;transition:color .12s,background .12s;display:flex}@media (width<=340px){.bottom-nav-item{padding-left:0;padding-right:0;font-size:10.5px}}.bottom-nav-item .bottom-nav-icon{flex-shrink:0;transition:transform .12s}.bottom-nav-item.active{color:var(--pill-warn);background:rgba(var(--accent-rgb), .16)}.bottom-nav-item.active .bottom-nav-icon{animation:.38s ease-out tab-lift;transform:translateY(-1px)scale(1.1)}.plan-ring{width:72px;height:72px;display:inline-block;position:relative}.plan-ring svg{display:block}.plan-ring circle{fill:none;stroke-width:7px}.plan-ring-bg{stroke:rgba(var(--wash), .16)}.plan-ring-fg{stroke:var(--good);stroke-linecap:round;stroke-dasharray:226;stroke-dashoffset:0;animation:.9s ease-out plan-ring-fill}.plan-ring-icon{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.plan-pop{animation:.62s ease-out .7s backwards plan-pop}@keyframes plan-ring-fill{0%{stroke-dashoffset:226px}to{stroke-dashoffset:0}}@keyframes plan-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.plan-ring-fg,.plan-pop{animation:none}}html[data-lite="1"] .plan-ring-fg,html[data-lite="1"] .plan-pop{animation:none}@keyframes tab-lift{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-5px)scale(1.2)}to{transform:translateY(-1px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.bottom-nav-item.active .bottom-nav-icon{animation:none}}html[data-lite="1"] .bottom-nav-item.active .bottom-nav-icon{animation:none}@keyframes bottom-nav-introduce{0%,to{box-shadow:0 -10px 28px var(--shadow-up), 0 0 0 0 rgba(var(--accent-rgb), 0)}50%{box-shadow:0 -10px 28px var(--shadow-up), 0 0 18px 3px rgba(var(--accent-rgb), .55)}}.bottom-nav.introduce{animation:1.1s ease-in-out 3 bottom-nav-introduce}.puzzle-actions-panel{padding:2px 0 0}.sticky-action-bar{left:0;right:0;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:35;padding:0 var(--app-pad-x);pointer-events:none;position:fixed}.sticky-action-bar-inner{max-width:520px;padding:8px var(--card-pad) 10px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(var(--wash), .08);box-shadow:0 -8px 20px var(--shadow-up-soft);border-radius:var(--r-xl) var(--r-xl) 0 0;pointer-events:auto;flex-wrap:wrap;gap:8px;margin:0 auto;display:flex}.header{align-items:center;gap:12px;max-width:520px;margin:0 auto 18px;display:flex}@media (width<=359px){.home-header{gap:8px}.home-avatar>*{width:44px!important;height:44px!important}}.logo{border-radius:var(--r-xl);background:linear-gradient(160deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-rgb), .1));width:48px;height:48px;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb), .4);color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header h1{font-size:var(--fs-h1);margin:0}.header p{color:var(--grey-4);font-size:var(--fs-body);margin:3px 0 0}.card{width:100%;max-width:520px;padding:var(--card-pad);background:var(--surface-card);border-radius:var(--r-card);box-shadow:var(--edge-card);margin:0 auto}.home-banners>:not(:first-child){display:none!important}.plan-hero{--text-0:#fff;--text-1:#fff;--text-2:#fff;--text-3:#fff;--text-4:#fff;--wash:0, 0, 0;--accent:#fff;--accent-text:#fff;--pill-warn:#fff;--good:#fff;--hero-ink:color-mix(in srgb, var(--accent-fill) 78%, #000);color:#fff;background:linear-gradient(160deg, var(--accent-fill), color-mix(in srgb, var(--accent-fill) 72%, #000));box-shadow:0 4px 0 color-mix(in srgb, var(--accent-fill) 50%, #000)}:root[data-scheme=light] .card.plan-hero,.card.plan-hero{background:linear-gradient(160deg, var(--accent-fill), color-mix(in srgb, var(--accent-fill) 72%, #000));box-shadow:0 4px 0 color-mix(in srgb, var(--accent-fill) 50%, #000)}.plan-hero .next-button:not(.btn-secondary){color:var(--hero-ink);box-shadow:0 var(--btn-lip) 0 #00000047;background:#fff}.plan-hero .next-button:not(.btn-secondary):active{box-shadow:0 0 #0000}:root[data-scheme=light] .study-zone{--row-bg:#ffffffc7;--row-border:.18}:root[data-scheme=light]{--tile-bg:#ffffffeb;--inner-edge:inset 0 0 0 1px rgba(var(--wash), .28);--sheet-edge:inset 0 0 0 1px rgba(var(--wash), .85);--tile-edge:inset 0 0 0 1px rgba(var(--wash), .85)}:root[data-scheme=light] .home-cards{--row-bg:#ffffffeb;--row-border:.85}:root[data-scheme=light] .card{box-shadow:var(--card-edge,inset 0 0 0 1px rgba(var(--wash), .85));background:#ffffffeb}.puzzle-info{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.puzzle-info p{color:var(--grey-2);margin:0;font-size:16px;font-weight:700}.puzzle-info span{color:var(--grey-4);white-space:nowrap}.board{width:calc(100% + 2 * var(--bleed));margin-left:calc(-1 * var(--bleed));margin-right:calc(-1 * var(--bleed));aspect-ratio:1;box-shadow:inset 0 0 0 6px var(--board-frame-dark), inset 0 0 0 8px var(--board-frame-light), inset 0 0 26px #00000029;border-radius:0;grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden}@media (width>=560px){.board{border-radius:var(--r-sm);width:100%;box-shadow:0 8px 25px #00000059, inset 0 0 0 6px var(--board-frame-dark), inset 0 0 0 8px var(--board-frame-light), inset 0 0 26px #00000029;margin-left:0;margin-right:0}}.square{aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;width:100%;margin:0;padding:0;transition:box-shadow .12s;display:flex}.square.light{background:linear-gradient(145deg, color-mix(in srgb, var(--board-light) 92%, white), var(--board-light) 55%, color-mix(in srgb, var(--board-light) 94%, black))}.square.dark{background:linear-gradient(145deg, color-mix(in srgb, var(--board-dark) 92%, white), var(--board-dark) 55%, color-mix(in srgb, var(--board-dark) 90%, black))}:root[data-hc-board="1"] .square.light{background:var(--board-light)}:root[data-hc-board="1"] .square.dark{background:var(--board-dark)}.square.selected{background:#f6d365!important}.piece{-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 1px #00000047)drop-shadow(0 3px 3px #00000052);width:88%;height:88%;animation:.14s ease-out piece-pop-in;display:block}@keyframes piece-pop-in{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.effect-chip{z-index:900;border-radius:var(--r-pill);color:#fff;pointer-events:none;background:#16a34a;padding:5px 12px;font-size:14px;font-weight:800;animation:.95s ease-out forwards chip-float;position:fixed;transform:translate(-50%)}@keyframes chip-float{0%{opacity:0;margin-top:10px}18%{opacity:1;margin-top:0}75%{opacity:1}to{opacity:0;margin-top:-26px}}.confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:7px;height:12px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-14px}@keyframes confetti-fall{0%{opacity:1;translate:0}to{opacity:0;translate:18px 260px}}@media (prefers-reduced-motion:reduce){.effect-chip,.confetti{display:none}}@keyframes achievement-toast-in{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.piece{animation:none}.square{transition:none}[role=status]{animation:none}}.message{text-align:center;min-height:20px;color:var(--grey-2);padding:8px 5px 6px;font-weight:600}.message.correct{color:var(--good)}button,input,select,textarea{font-family:inherit}.next-button{width:100%;padding:var(--btn-pad);border-radius:var(--r-lg);background:var(--accent-fill);color:#fff;font-size:var(--fs-btn);cursor:pointer;touch-action:manipulation;--btn-lip:3px;box-shadow:0 var(--btn-lip) 0 var(--accent-edge,color-mix(in srgb, var(--accent-fill) 62%, black));border:0;font-weight:800;transition:transform 70ms,box-shadow 70ms,background .12s}.next-button:active{transform:translateY(var(--btn-lip));box-shadow:0 0 #0000}.next-button:disabled{opacity:.5;cursor:default;box-shadow:none}@media (prefers-reduced-motion:reduce){.next-button{transition:none}}.next-button.cta{background:var(--accent);color:var(--cta-ink,#1a0f08);letter-spacing:.01em;--btn-lip:4px;box-shadow:inset 0 1px 0 #ffffff52, 0 var(--btn-lip) 0 color-mix(in srgb, var(--accent) 58%, black);font-size:18px;font-weight:800}.next-button.cta:active{box-shadow:inset 0 1px #ffffff52}.next-button.cta:disabled{box-shadow:none}.next-button.btn-secondary{background:var(--btn-fill,rgba(var(--wash), .08));color:var(--btn-text,var(--text-2));box-shadow:var(--btn-edge,0 0 0 transparent), 0 var(--btn-lip) 0 #00000052;font-weight:700}.next-button.btn-secondary:active{box-shadow:var(--btn-edge,0 0 0 transparent)}.next-button.btn-danger{color:var(--bad-soft);box-shadow:inset 0 0 0 1px #ef444466, 0 var(--btn-lip) 0 #78141480;background:#ef444429;font-weight:700}.next-button.btn-danger:active{background:#ef444447;box-shadow:inset 0 0 0 1px #ef444466}.next-button.btn-sm{font-size:var(--fs-small);padding:8px 12px}.next-button.btn-inline{width:auto}.analysis-board-wrap .board,.analysis-row>.board{width:100%;margin-left:0;margin-right:0}@media (width<=559px){.analysis-row{--eval-bar-width:14px;margin-left:calc(-1 * var(--bleed));margin-right:calc(-1 * var(--bleed))}.analysis-row .board{box-shadow:inset 0 0 0 6px var(--board-frame-dark), inset 0 0 0 8px var(--board-frame-light)}}body.in-game{overscroll-behavior:none;height:100%;overflow:hidden}html:has(body.in-game){overscroll-behavior:none;height:100%;overflow:hidden}.game-screen{touch-action:none}.game-screen .game-moves{touch-action:pan-x}body.in-game .app{height:var(--app-vh,100dvh);min-height:0;padding:0;overflow:hidden}body.in-game .app>header,body.in-game .app>nav{display:none}body.in-game .app>main.card{max-width:none;height:var(--app-vh,100dvh);background:0 0;border-radius:0;padding:0}.game-screen{height:var(--app-vh,100dvh);max-width:560px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));flex-direction:column;gap:5px;margin:0 auto;display:flex;overflow:hidden}.game-screen>*{flex-shrink:0}.puzzle-board-flex{flex:1 1 0;justify-content:center;align-items:center;min-height:0;margin:0 -8px;display:flex;overflow:auto;container-type:size}.puzzle-board-flex .board{aspect-ratio:1;width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:0}.game-board-flex{min-height:0;margin:0 calc(-1 * var(--app-pad-x));flex:1 1 0;justify-content:center;align-items:center;display:flex;overflow:hidden;container-type:size}.game-board-flex .board{aspect-ratio:1;border-radius:6px;width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:0}.board-stack{--stack-bars:76px;min-height:0;margin:0 calc(-1 * var(--app-pad-x));flex-direction:column;flex:1 1 0;align-items:center;display:flex;overflow:hidden;container-type:size}.board-stack:before,.board-stack:after{content:"";min-height:0}.board-stack:before{flex:1.25 1 0}.board-stack:after{flex:.75 1 0}.board-stack .stack-bar{box-sizing:border-box;width:100%;padding:0 calc(var(--app-pad-x) + 2px);flex:none;margin:3px 0}.board-stack .board{width:min(100cqw, calc(100cqh - var(--stack-bars)));height:min(100cqw, calc(100cqh - var(--stack-bars)));aspect-ratio:1;border-radius:6px;flex:none;margin:0}.bar-side{display:none}.game-topbar{align-items:center;gap:8px;min-height:34px;display:flex}.game-topbar h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:16px;overflow:hidden}.game-topbar .next-button{flex:none;width:auto;padding:6px 12px;font-size:13px}.game-topbar .topbar-label{display:none}@media (width>=430px){.game-topbar .topbar-label{display:inline}}.game-status{min-height:20px;color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.game-player{justify-content:space-between;align-items:center;gap:8px;min-height:32px;font-size:14px;display:flex}.game-clock{background:rgba(var(--wash), .06);border-radius:8px;padding:3px 10px;font-family:ui-monospace,monospace;font-size:17px;font-weight:700}.game-clock.active{background:rgba(var(--accent-rgb), .28)}.game-clock.low{color:var(--bad)}.game-note{text-align:center;height:3.9em;color:var(--text-3);white-space:pre-line;touch-action:pan-y;font-size:13px;line-height:1.3;overflow-y:auto}.game-actions{gap:8px;display:flex}.game-actions .next-button{flex:1;padding:10px 8px;font-size:14px}.game-moves{white-space:nowrap;color:var(--text-3);padding:4px 2px;font-size:13px;overflow:auto hidden}.game-moves span{margin-right:12px}.game-screen>.game-moves.game-moves--list{max-height:clamp(34px, calc(var(--app-vh,100dvh) * .1), 120px);white-space:normal;touch-action:pan-y;flex-wrap:wrap;flex:0 auto;align-content:flex-start;gap:2px 10px;min-height:34px;display:flex;overflow:hidden auto}.game-moves--list>span{align-items:baseline;gap:3px;margin-right:0;display:inline-flex}.game-moves--list .move-btn{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:6px;padding:3px 5px}.game-moves--list .move-btn.current{background:rgba(var(--accent-rgb), .22);color:var(--text-0);font-weight:700}.game-banner{text-align:center;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:700}.lesson-board{max-width:480px;margin:0 auto}.lesson-board .board{touch-action:manipulation;border-radius:8px;width:100%;margin:0}.game-summary{z-index:60;border-radius:var(--r-hero) var(--r-hero) 0 0;max-height:70%;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@media (orientation:landscape) and (height<=700px) and (width>=560px){.game-screen{--side-board:min(calc(var(--app-vh,100dvh) - 12px), calc(100vw - 270px));grid-template-columns:var(--side-board) minmax(0, 1fr);max-width:calc(var(--side-board) + 12px + 560px + 16px);padding:6px max(8px, env(safe-area-inset-right)) 6px max(8px, env(safe-area-inset-left));grid-template-rows:repeat(10,auto) 1fr;align-items:start;gap:0 12px;margin:0 auto;display:grid}.game-screen>*{grid-column:2;margin-bottom:5px}.game-screen>.game-board-flex,.game-screen>.board-stack,.game-screen>.puzzle-board-flex{width:var(--side-board);height:var(--side-board);grid-area:1/1/-1;align-self:start;margin:0}.game-screen>.game-board-flex .board,.game-screen>.board-stack .board{width:100%;height:100%}.board-stack .stack-bar,.board-stack:before,.board-stack:after{display:none}.bar-side{display:block}.game-summary{left:calc(var(--side-board) + 20px);border-radius:16px;max-height:none;top:6px;bottom:6px;right:8px}.game-note{height:3.2em}.game-moves{white-space:normal;max-height:2.9em;overflow-y:auto}.game-screen>.game-moves.game-moves--list{flex:none;max-height:2.9em}}.exit-hint{border-radius:var(--r-pill);color:#fff;z-index:3000;background:#0f172af2;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.tap-pad{position:relative}.tap-pad:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header .next-button{min-width:44px;min-height:44px}.game-topbar .next-button{min-width:44px;position:relative}.game-topbar .next-button:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select{border-color:rgba(var(--wash), .5)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:root[data-hc-board="1"]{--board-light:#f4f4f4!important;--board-dark:#5b7fb3!important}@media print{html.printing-sheet body *{visibility:hidden!important}html.printing-sheet .print-sheet,html.printing-sheet .print-sheet *{visibility:visible!important}html.printing-sheet .print-sheet{top:0;left:0;background:#fff!important;border-radius:0!important;width:100%!important;margin:0!important;padding:0!important;position:absolute!important}html.printing-sheet .sheet-break{break-before:page}}html[data-lite="1"] *,html[data-lite="1"] :before,html[data-lite="1"] :after{scroll-behavior:auto!important;-webkit-backdrop-filter:none!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html[data-lite="1"] .effect-chip,html[data-lite="1"] .confetti{display:none}.skeleton{background:rgba(var(--wash), .12);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.tile-grid{gap:8px;display:grid}.tile{--tile-rgb:59, 130, 246;border-radius:var(--r-xl);border:1px solid rgba(var(--wash), .18);background:rgba(var(--wash), .08);min-width:0;min-height:84px;color:var(--text-0);text-align:left;cursor:pointer;touch-action:manipulation;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px 12px;transition:transform 70ms,background .12s;display:flex;position:relative;overflow:hidden}.tile:active{background:rgba(var(--wash), .14);transform:scale(.97)}.tile--compact{text-align:center;justify-content:center;align-items:center;min-height:78px;padding:8px 6px}.tile--wide{grid-column:1/-1;min-height:72px}.tile--orange,.tile--blue,.tile--green,.tile--red,.tile--purple,.tile--amber,.tile--teal,.tile--pink{--tile-rgb:var(--accent-rgb)}.tile-icon{border-radius:var(--r-md);background:rgba(var(--tile-rgb), .28);width:34px;height:34px;color:color-mix(in srgb, rgb(var(--tile-rgb)) 72%, var(--text-0));justify-content:center;align-items:center;display:flex}.tile--compact .tile-icon{width:32px;height:32px}.tile--solid{border-color:color-mix(in srgb, rgb(var(--tile-rgb)) 60%, white);background:linear-gradient(160deg, color-mix(in srgb, rgb(var(--tile-rgb)) 64%, black), color-mix(in srgb, rgb(var(--tile-rgb)) 50%, black));box-shadow:0 3px 0 color-mix(in srgb, rgb(var(--tile-rgb)) 38%, black);color:#fff}.tile--solid:active{box-shadow:0 1px 0 color-mix(in srgb, rgb(var(--tile-rgb)) 38%, black);background:linear-gradient(160deg, color-mix(in srgb, rgb(var(--tile-rgb)) 64%, black), color-mix(in srgb, rgb(var(--tile-rgb)) 50%, black));transform:translateY(2px)}.tile--solid .tile-icon{color:#fff;background:#ffffff38}.tile--solid .tile-sub{color:#ffffffeb}.tile--solid .tile-badge{color:#fff;background:#ffffff42}.tile--solid .tile-progress{background:#ffffff38}.tile--solid .tile-progress>span{background:#fff}.tile-title{margin-top:4px;font-size:14.5px;font-weight:800;line-height:1.2}.tile--compact .tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.15;display:-webkit-box;overflow:hidden}.tile-sub{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-badge{border-radius:var(--r-pill);background:rgba(var(--tile-rgb), .32);color:var(--text-0);padding:2px 7px;font-size:10.5px;font-weight:800;position:absolute;top:8px;right:8px}.tile-progress{background:rgba(var(--tile-rgb), .2);height:4px;position:absolute;bottom:0;left:0;right:0}.tile-progress>span{background:rgb(var(--tile-rgb));height:100%;display:block}@media (prefers-reduced-motion:reduce){.tile{transition:none}}.fold{border-radius:var(--r-xl);background:var(--surface-row);border:1px solid var(--edge-row);margin-bottom:8px}.fold>summary{font-weight:700;font-size:var(--fs-row);color:var(--text-0);cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold-chevron{color:var(--text-4);flex:none;transition:transform .12s}.fold[open]>summary .fold-chevron{transform:rotate(90deg)}.fold-body{padding:0 10px 10px}@media (prefers-reduced-motion:reduce){.fold-chevron{transition:none}}@media (prefers-reduced-motion:no-preference){.bot-face--live .bot-eyes{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite bot-blink}.bot-face--live .bot-face-body{animation:3.4s ease-in-out infinite bot-bob}}@keyframes bot-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes bot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}