*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0f0f0f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.surface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;overscroll-behavior:none;touch-action:none}.stage{position:relative;overflow:hidden;background:#111;overscroll-behavior:none;touch-action:none}img,svg,button,a{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{touch-action:none}.screen{height:100%;display:grid;place-items:center;padding:16px}.card{width:min(520px,100%);background:#131313;border:1px solid #242424;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.card.wide{width:min(720px,100%)}.title{font-size:18px;font-weight:800}.muted{opacity:.75}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.btn{background:#1b1b1b;border:1px solid #2c2c2c;color:#fff;padding:12px;border-radius:12px;cursor:pointer;text-align:left}.btn:hover{background:#222}.btn.small{padding:10px 12px;border-radius:12px;text-align:center}.bar{height:10px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:999px;overflow:hidden}.fill{height:100%;width:0%;background:#fff;opacity:.75}.menuLiteScreen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.menuLitePhone{width:min(680px,100%,calc((100dvh - 24px)*.5625));height:auto;max-height:100%;aspect-ratio:9 / 16;position:relative;border-radius:clamp(20px,2.8vw,30px);border:1px solid rgba(203,213,225,.3);background:linear-gradient(145deg,#ecf1f7,#dfe5ee 45%,#d4dbe6);box-shadow:0 20px 45px #0206176b;overflow:hidden}.menuLiteAmbient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle at 20% 22%,rgba(56,189,248,.2),transparent 46%),radial-gradient(circle at 78% 76%,rgba(34,211,238,.16),transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.52),transparent 58%);filter:blur(3px);transition:transform .56s ease,opacity .56s ease}.menuLiteLayout{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;gap:clamp(18px,3.2vh,30px);padding:clamp(16px,3vw,24px);padding-top:calc(clamp(16px,3vw,24px) + env(safe-area-inset-top));padding-bottom:calc(clamp(16px,3vw,24px) + env(safe-area-inset-bottom))}.menuLiteHeader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,2.4vw,16px)}.menuLiteHeadBtn{width:clamp(46px,8vw,56px);height:clamp(46px,8vw,56px);border:0;border-radius:14px;background:#ffffffad;box-shadow:0 8px 20px #1e293b24,inset 0 1px #ffffffe6;display:grid;place-items:center;color:#536782;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.menuLiteHeadBtn:active{transform:scale(.96)}.menuLiteSettingsBtn{font-size:clamp(22px,4.8vw,30px);line-height:1}.menuLiteHeaderLogo{justify-self:center;display:block;width:min(100%,clamp(220px,56vw,380px));max-height:clamp(64px,14vw,100px);object-fit:contain;filter:drop-shadow(0 10px 20px rgba(30,41,59,.18))}.menuLiteLangBtn{position:absolute;top:max(12px,calc(12px + env(safe-area-inset-top)));right:max(12px,calc(12px + env(safe-area-inset-right)));width:clamp(42px,8vw,52px);height:clamp(42px,8vw,52px);border:0;border-radius:12px;background:#ffffff8c;box-shadow:0 8px 20px #1e293b24,inset 0 1px #ffffffe6;display:grid;place-items:center;cursor:pointer;z-index:3}.menuLiteLangImg{width:70%;height:70%;object-fit:contain}.menuLiteCenter{flex:1 1 auto;display:grid;place-items:center}.menuLiteGrid{width:min(92%,540px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2.6vw,18px);align-content:center}.menuLiteTile{min-height:clamp(68px,11.2vh,92px);border-radius:clamp(20px,5vw,30px);border:1px solid rgba(163,183,206,.56);background:linear-gradient(180deg,#f7fafff5,#e7eef7f0);box-shadow:0 12px 22px #1e293b1f,inset 0 1px #fffffff5;display:grid;place-items:center;padding:10px 14px;color:#30415a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease}.menuLiteTile:not(.is-disabled):hover{transform:translateY(-1px);box-shadow:0 15px 24px #1e293b26,inset 0 1px #fffffffa}.menuLiteTile:not(.is-disabled):active{transform:translateY(1px) scale(.985)}.menuLiteTile.is-disabled{opacity:.6;filter:saturate(.76);cursor:default}.menuLiteTileText{font-size:clamp(18px,3.9vw,28px);line-height:1.05;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}@media (max-width: 420px){.menuLiteGrid{width:100%;gap:10px}.menuLiteTileText{font-size:clamp(16px,5vw,20px)}}@media (max-width: 900px) and (pointer: coarse){.menuLiteScreen{padding:0!important}.menuLitePhone{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}.menuLiteLayout{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}}.preloadLiteScreen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.preloadLitePhone{width:min(680px,100%,calc((100dvh - 24px)*.5625));height:auto;max-height:100%;aspect-ratio:9 / 16;position:relative;border-radius:clamp(20px,2.8vw,30px);border:1px solid rgba(203,213,225,.3);background:linear-gradient(145deg,#ecf1f7,#dfe5ee 45%,#d4dbe6);box-shadow:0 20px 45px #0206176b;overflow:hidden}.preloadLiteAmbient{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle at 20% 22%,rgba(56,189,248,.2),transparent 46%),radial-gradient(circle at 78% 76%,rgba(34,211,238,.16),transparent 42%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.52),transparent 58%);filter:blur(3px);transition:opacity .46s ease}.preloadLiteBody{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.4vh,24px);padding:clamp(16px,2.5vh,24px)}.preloadLiteLogoStack{position:relative;width:min(88%,540px);display:flex;justify-content:center;align-items:center;padding-top:0}.preloadLiteLogoPlate{position:relative;z-index:2;width:100%;border-radius:0;padding:0;background:transparent;box-shadow:none}.preloadLiteLogo{width:100%;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(30,41,59,.14));transform:translateZ(0) scale(1);opacity:1;will-change:transform,opacity;backface-visibility:hidden;transition:transform .76s cubic-bezier(.18,.74,.22,1),opacity .76s cubic-bezier(.18,.74,.22,1)}.preloadLiteTitle{color:#475569;letter-spacing:.02em;font-size:clamp(18px,2.6vh,30px);font-weight:700;text-align:center;opacity:1;transition:opacity .42s ease}.preloadLiteBar{width:min(84%,520px);height:clamp(30px,4.3vh,40px);border-radius:999px;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.52);background:#ffffff7a;box-shadow:inset 0 1px #fffc,0 8px 20px #1e293b24;opacity:1;transition:opacity .42s ease}.preloadLiteFill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:inherit;background:linear-gradient(90deg,#67e8f9,#22d3ee 45%,#38bdf8);box-shadow:inset 0 0 0 1px #ffffff5c,0 0 24px #0ea5e947;transition:width .18s ease}.preloadLiteBytes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;color:#0f172a;letter-spacing:.01em;font-size:clamp(12px,1.8vh,18px);font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.82);pointer-events:none}.preloadLitePhone.is-exit .preloadLiteLogo{transform:translate3d(0,-40vh,0) scale(.9);opacity:0}.preloadLitePhone.is-exit .preloadLiteAmbient,.preloadLitePhone.is-exit .preloadLiteLogoPlate,.preloadLitePhone.is-exit .menuLiteLangBtn,.preloadLitePhone.is-exit .preloadLiteTitle,.preloadLitePhone.is-exit .preloadLiteBar{opacity:0}@media (max-width: 900px) and (pointer: coarse){.preloadLiteScreen{padding:0!important}.preloadLitePhone{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none}}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none}.fg{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;max-height:none;object-fit:contain;object-position:top center;transform:translate3d(-50%,0,0);pointer-events:none}.overlay{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.hud{display:flex;gap:8px;align-items:center;pointer-events:none;color:#fff}.hud .goal{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .attempts{flex:0 0 auto;min-width:44px;text-align:center}.pill{background:#0000008c;border:1px solid rgba(255,255,255,.12);color:#fff;padding:8px 10px;border-radius:999px;display:flex;align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none}.target{font-weight:800}.topbar{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.iconBtn{width:44px;height:44px;padding:0;border-radius:12px;display:grid;place-items:center;background:#1b1b1b;border:1px solid #2c2c2c;cursor:pointer;touch-action:none}.iconBtn:hover{background:#222}.iconImg{width:26px;height:26px;object-fit:contain}.hudIcon{width:24px;height:24px;object-fit:contain;margin-right:8px}.lb{display:flex;flex-direction:column;gap:6px}.lbRow{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;background:#151515;border:1px solid #242424;border-radius:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.navbar{position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;transform:translate(-50%)!important;--nav-side-w: clamp(140px, 28vw, 180px);--nav-side-h: clamp(36px, 7.5vw, 48px);--nav-center: clamp(52px, 10vw, 66px);--nav-edge: clamp(16px, 3.5vw, 24px);width:min(calc(100% - (var(--nav-edge) * 2) - env(safe-area-inset-left) - env(safe-area-inset-right)),760px);display:flex;align-items:center;justify-content:center;gap:clamp(14px,3.5vw,22px);padding-left:calc(var(--nav-edge) + env(safe-area-inset-left));padding-right:calc(var(--nav-edge) + env(safe-area-inset-right));box-sizing:border-box;pointer-events:none;touch-action:none}.navBtn{border:0;background:transparent;padding:0;cursor:pointer;display:inline-grid;place-items:center;width:auto;height:auto;pointer-events:auto;touch-action:none}.navBtn:hover .navIcon{filter:brightness(1.12)}.navBtn:active .navIcon{transform:translateY(1px)}.navbar .navBtn:first-child .navIcon,.navbar .navBtn:last-child .navIcon{width:var(--nav-side-w);height:var(--nav-side-h)}.navbar .navBtn:nth-child(2) .navIcon{width:var(--nav-center);height:var(--nav-center)}.navIcon{object-fit:contain;pointer-events:none;display:block}@media (max-width: 360px){.navbar{gap:10px;--nav-side-w: clamp(92px, 29vw, 150px);--nav-side-h: clamp(32px, 8.5vw, 50px);--nav-center: clamp(48px, 15vw, 68px);--nav-edge: 16px}}@media (max-width: 320px){.navbar{gap:8px;--nav-side-w: 88px;--nav-side-h: 32px;--nav-center: 48px;--nav-edge: 14px}}@media (max-height: 520px){.navbar{--nav-side-w: clamp(112px, 26vw, 170px);--nav-side-h: clamp(32px, 7.5vw, 46px);--nav-center: clamp(44px, 10vw, 62px);bottom:calc(8px + env(safe-area-inset-bottom))!important;gap:12px}}.lbModal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:34;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.lbBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1a3d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}.lbSheet{position:relative;width:min(680px,100%,calc((100dvh - 24px)*.5625));height:auto;max-height:100%;aspect-ratio:9 / 16;border-radius:clamp(20px,2.8vw,30px);border:1px solid rgba(203,213,225,.42);background:linear-gradient(155deg,#f1f5f9db,#e2e8f0d6);box-shadow:0 20px 44px #0f172a5c;display:flex;flex-direction:column;padding:clamp(14px,2vh,20px);overflow:hidden;opacity:0;transform:translateY(14px) scale(.985);transition:transform .2s cubic-bezier(.2,.9,.2,1),opacity .2s ease}.lbHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(2px,.3vh,6px) clamp(2px,.4vw,8px)}.lbHeaderMain{display:flex;align-items:center;gap:10px;min-width:0}.lbHeaderIcon{width:clamp(34px,5.4vh,46px);height:clamp(34px,5.4vh,46px);object-fit:contain;flex:0 0 auto}.lbTitle{font-size:clamp(22px,3.4vh,34px);font-weight:800;letter-spacing:.01em;color:#1e293b;white-space:nowrap}.lbCloseBtn{border:0;background:#ffffffa8;color:#334155;width:clamp(34px,5.2vh,44px);height:clamp(34px,5.2vh,44px);border-radius:12px;font-size:clamp(20px,3.2vh,28px);line-height:1;cursor:pointer;box-shadow:0 8px 18px #1e293b24}.lbBody{margin-top:clamp(8px,1.2vh,14px);flex:1;min-height:0;overflow:auto;padding-right:2px}.lbStatus{min-height:100%;display:grid;place-items:center;color:#475569;font-size:clamp(15px,2.1vh,22px);font-weight:700}.lbList{display:flex;flex-direction:column;gap:clamp(4px,.8vh,7px)}.lbRow{display:grid;grid-template-columns:minmax(36px,46px) minmax(0,1fr) minmax(68px,86px) minmax(68px,86px);align-items:center;gap:clamp(3px,.6vw,6px);min-height:clamp(38px,5.1vh,50px);border-radius:clamp(12px,1.4vw,16px);padding:clamp(5px,.7vh,7px) clamp(8px,.9vw,10px);background:linear-gradient(180deg,#f8fafceb,#e2e8f0e6);box-shadow:0 6px 14px #64748b24,inset 0 1px #ffffffd9}.lbRow.is-top{box-shadow:0 10px 24px #38bdf82e,inset 0 1px #ffffffe6}.lbRow.is-me{outline:2px solid rgba(14,165,233,.42)}.lbRowHead{min-height:clamp(24px,3.2vh,30px);background:transparent;box-shadow:none;padding-top:0;padding-bottom:0}.lbRowHead .lbCell{color:#64748b;font-size:clamp(12px,1.6vh,16px);font-weight:700}.lbCell{min-width:0}.lbPlace{color:#1e293b;font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(13px,1.75vh,18px)}.lbName{color:#1f2937;font-weight:700;font-size:clamp(13px,1.75vh,17px);padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbStat{display:inline-grid;grid-template-columns:.9em 4ch;align-items:center;justify-content:end;justify-items:stretch;gap:4px;width:auto;font-variant-numeric:tabular-nums}.lbStatIcon{width:.9em;text-align:center;font-size:clamp(12px,1.6vh,16px);font-weight:900}.lbStatValue{width:4ch;text-align:right;font-size:clamp(12px,1.6vh,16px);font-weight:800;letter-spacing:.01em}.lbMetricCell{display:flex;justify-content:flex-end}.lbStat.ok{color:#16a34a}.lbStat.bad{color:#dc2626}.lbColTitle{text-align:right;white-space:nowrap}.lbHeadMetric{display:inline-grid;grid-template-columns:.8em minmax(0,1fr);align-items:center;justify-content:start;gap:4px;width:100%}.lbHeadMetricIcon{width:.8em;text-align:center;opacity:.88}.lbHeadMetricLabel{min-width:0}@media (max-width: 900px) and (pointer: coarse){.lbModal{padding:0}.lbSheet{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;border:0;padding-top:max(14px,env(safe-area-inset-top));padding-right:max(10px,calc(10px + env(safe-area-inset-right)));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(10px,calc(10px + env(safe-area-inset-left)))}}@media (max-width: 360px){.lbBody{padding-right:0}.lbRow{grid-template-columns:34px minmax(0,1fr) minmax(62px,72px) minmax(62px,72px);gap:3px;min-height:36px;padding:5px 7px}.lbRowHead{min-height:28px}.lbRowHead .lbCell{font-size:11px}.lbPlace,.lbName{font-size:13px}.lbStat{gap:3px}.lbStatIcon,.lbStatValue{font-size:13px}}.gameMenuModal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.gameMenuBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1a4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}.gameMenuSheet{position:relative;width:min(420px,92%);border-radius:clamp(16px,2.2vw,24px);border:1px solid rgba(203,213,225,.52);background:linear-gradient(155deg,#f1f5f9f2,#e2e8f0eb);box-shadow:0 18px 36px #0f172a4d,inset 0 1px #ffffffe6;padding:clamp(14px,2vh,20px);display:grid;gap:clamp(10px,1.4vh,14px);opacity:0;transform:translateY(14px) scale(.985);transition:transform .2s cubic-bezier(.2,.9,.2,1),opacity .2s ease}.gameMenuTitle{font-size:clamp(24px,3.5vh,32px);line-height:1.1;font-weight:800;color:#1e293b;text-align:center}.gameMenuActionBtn{border:0;min-height:clamp(42px,5.8vh,54px);border-radius:clamp(12px,2vw,16px);background:linear-gradient(180deg,#f8fafcfa,#e8eff8f2);box-shadow:0 8px 16px #64748b2e,inset 0 1px #ffffffeb;color:#334155;font-size:clamp(17px,2.3vh,22px);font-weight:700;cursor:pointer;transition:transform .14s ease,filter .16s ease}.gameMenuActionBtn:active{transform:scale(.985)}.gameMenuControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,14px)}.gameMenuIconBtn{border:0;min-height:clamp(44px,6vh,56px);border-radius:clamp(12px,2vw,16px);background:linear-gradient(180deg,#f8fafcfa,#e8eff8f2);box-shadow:0 8px 16px #64748b2e,inset 0 1px #ffffffeb;cursor:pointer;display:grid;place-items:center;transition:transform .14s ease,filter .16s ease}.gameMenuIconBtn:active{transform:scale(.985)}.gameMenuIcon{width:clamp(26px,4.4vh,38px);height:clamp(26px,4.4vh,38px);object-fit:contain;display:block}.gameAccountModal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:57;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.gameAccountBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1a57;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .2s ease}.gameAccountSheet{position:relative;width:min(440px,94%);border-radius:clamp(16px,2.2vw,24px);border:1px solid rgba(191,219,254,.65);background:linear-gradient(160deg,#f1f5f9fa,#e2e8f0f2);box-shadow:0 18px 34px #0f172a47,inset 0 1px #ffffffe6;padding:clamp(14px,2vh,20px);display:grid;gap:clamp(8px,1.2vh,12px);opacity:0;transform:translateY(14px) scale(.985);transition:transform .2s cubic-bezier(.2,.9,.2,1),opacity .2s ease}.gameAccountTitle{font-size:clamp(22px,3.2vh,30px);line-height:1.1;font-weight:800;color:#1e293b;text-align:center}.gameAccountSubtitle{text-align:center;color:#475569e6;font-size:clamp(13px,1.8vh,16px);line-height:1.3}.gameAccountStatus{min-height:20px;text-align:center;font-size:clamp(12px,1.8vh,15px);font-weight:700}.gameAccountStatus.muted{color:#475569c7}.gameAccountStatus.ok{color:#16a34a}.gameAccountStatus.bad{color:#dc2626}.gameAccountForm{display:grid;gap:10px}.gameAccountInput{width:100%;min-height:clamp(42px,5.5vh,52px);border-radius:12px;border:1px solid rgba(148,163,184,.45);background:#f8fafcf2;color:#1e293b;font-size:clamp(15px,2.2vh,18px);padding:0 12px;outline:none}.gameAccountInput:focus{border-color:#38bdf8b3;box-shadow:0 0 0 2px #38bdf833}.gameAccountActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gameAccountBtn{border:0;min-height:clamp(40px,5.2vh,50px);border-radius:12px;background:linear-gradient(180deg,#f8fafcfa,#e8eff8f2);box-shadow:0 8px 16px #64748b2e,inset 0 1px #ffffffeb;color:#334155;font-size:clamp(15px,2.1vh,18px);font-weight:700;cursor:pointer}.gameAccountBtn.ghost{grid-column:1 / -1}.gameAccountBtn:disabled{opacity:.6;cursor:default}.gameAccountUser{text-align:center;font-size:clamp(20px,2.8vh,26px);font-weight:800;color:#0f172a}.gameHowModal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:56;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)))}.gameHowBackdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f1a4d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}.gameHowSheet{position:relative;width:min(460px,94%);border-radius:clamp(16px,2.2vw,24px);border:1px solid rgba(203,213,225,.52);background:linear-gradient(155deg,#f1f5f9f5,#e2e8f0ed);box-shadow:0 18px 36px #0f172a4d,inset 0 1px #ffffffe6;padding:clamp(14px,2vh,20px);display:grid;gap:clamp(10px,1.4vh,14px);opacity:0;transform:translateY(14px) scale(.985);transition:transform .2s cubic-bezier(.2,.9,.2,1),opacity .2s ease}.gameHowTitle{font-size:clamp(22px,3.2vh,30px);line-height:1.1;font-weight:800;color:#1e293b;text-align:center}.gameHowBody{border-radius:clamp(12px,2vw,16px);background:linear-gradient(180deg,#f8fafceb,#e8eff8e0);box-shadow:inset 0 1px #ffffffd9,0 8px 16px #64748b1f;padding:clamp(10px,1.5vh,14px)}.gameHowList{margin:0;padding:0 0 0 1.2em;display:grid;gap:clamp(8px,1.1vh,12px)}.gameHowItem{color:#334155;font-size:clamp(14px,2vh,19px);line-height:1.34;font-weight:600}.gameHowCloseBtn{border:0;min-height:clamp(42px,5.8vh,54px);border-radius:clamp(12px,2vw,16px);background:linear-gradient(180deg,#f8fafcfa,#e8eff8f2);box-shadow:0 8px 16px #64748b2e,inset 0 1px #ffffffeb;color:#334155;font-size:clamp(17px,2.3vh,22px);font-weight:700;cursor:pointer;transition:transform .14s ease,filter .16s ease}.gameHowCloseBtn:active{transform:scale(.985)}.mathGameRoot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:auto;display:grid;place-items:center;padding:max(10px,env(safe-area-inset-top)) max(10px,calc(10px + env(safe-area-inset-right))) max(10px,env(safe-area-inset-bottom)) max(10px,calc(10px + env(safe-area-inset-left)));overflow:hidden}.mathShell{width:min(680px,100%,calc((100dvh - 24px)*.5625));height:auto;max-height:100%;aspect-ratio:9 / 16;position:relative;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.2vh,14px);border-radius:clamp(20px,2.8vw,30px);border:1px solid rgba(203,213,225,.3);background:linear-gradient(145deg,#ecf1f7,#dfe5ee 45%,#d4dbe6);box-shadow:0 20px 45px #0206176b;padding:clamp(10px,1.8vh,18px);overflow:hidden}.mathTopBar{min-width:0;display:flex;align-items:center;justify-content:space-between;padding-left:clamp(2px,.5vw,8px);padding-right:clamp(2px,.5vw,8px);min-height:clamp(28px,4vh,38px);padding-top:clamp(8px,1.2vh,14px);padding-bottom:clamp(4px,.7vh,8px)}.mathLevelName{color:#94a3b8;font-weight:600;letter-spacing:.04em;font-size:clamp(16px,2.1vh,24px);line-height:1}.mathHearts{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,14px);border:2px solid rgba(56,189,248,.68);border-radius:14px;padding:clamp(4px,.7vh,8px) clamp(12px,2vw,18px);background:#f1f5f9bf;box-shadow:inset 0 1px #fffc;margin-left:auto}.mathHeart{width:clamp(24px,4.4vh,36px);height:auto;display:block;filter:drop-shadow(0 4px 10px rgba(239,68,68,.25))}.mathHeart.off{opacity:.22;filter:grayscale(1)}.mathShell.intro-pre .mathTopBar{opacity:0;transform:translateY(-42px)}.mathShell.intro-pre .mathPanel.prompt{opacity:0}.mathShell.intro-pre .mathPromptCell .mathToken{opacity:0;transform:scale(.16)}.mathShell.intro-pre .mathPoolCell{opacity:0;transform:translate(50px)}.mathShell.intro-pre>.navbar{opacity:0;transform:translateY(64px)!important}.mathShell.intro-pre>.navbar .navBtn{pointer-events:none}.mathShell.intro-in .mathTopBar{opacity:1;transform:translateY(0);transition:opacity .52s ease,transform .52s cubic-bezier(.18,.86,.18,1.03)}.mathShell.intro-in .mathPanel.prompt{opacity:1;transition:opacity .52s ease .26s}.mathShell.intro-in .mathPromptCell .mathToken{opacity:1;transform:scale(1);transition:opacity .34s ease,transform .34s cubic-bezier(.19,.89,.22,1.05);transition-delay:calc(.32s + (var(--cell-i, 0) * 24ms))}.mathShell.intro-in .mathPoolCell{opacity:1;transform:translate(0);transition:opacity .38s ease,transform .42s cubic-bezier(.2,.85,.22,1.05);transition-delay:calc(.64s + (var(--answer-i, 0) * .11s))}.mathShell.intro-in>.navbar{opacity:1;transform:translateY(0)!important;transition:opacity .42s ease .84s,transform .46s cubic-bezier(.2,.86,.2,1.03) .84s!important}.mathShell.intro-in>.navbar .navBtn{pointer-events:auto}.mathPanel{min-width:0;min-height:0;display:flex;flex-direction:column;border:0;border-radius:clamp(16px,2.4vw,24px);padding:clamp(8px,1.2vh,12px);overflow:hidden;background:#cbd5e140}.mathContent{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.2vh,14px)}.mathPanel.prompt{flex:0 1 42%;width:min(94%,760px);align-self:center}.mathPanel.answers{flex:0 1 52%;overflow:visible;margin-top:clamp(14px,2vh,24px);padding-bottom:clamp(16px,2.6vh,28px);width:min(94%,760px);align-self:center}.mathTitle{color:#334155;font-weight:800;font-size:clamp(13px,1.9vh,24px);letter-spacing:.06em;text-transform:uppercase;margin-bottom:clamp(6px,.8vh,10px)}.mathPromptGrid{width:100%;flex:1;min-height:0;border-radius:clamp(14px,2vw,20px);background:#ffffffb3;box-shadow:inset 0 0 0 1px #94a3b859;padding:clamp(6px,.9vh,10px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(2px,.45vw,6px);overflow:hidden}.mathPromptCell{min-width:0;min-height:0;display:grid;place-items:center;padding:1px;overflow:visible;position:relative}.mathPromptCell .mathToken{width:min(84%,100%);height:min(84%,100%);overflow:visible}.mathPromptCell .mathToken img{max-width:92%;max-height:92%;object-position:center center}.mathPromptCell.questionTarget>.mathToken{transition:opacity .32s ease,transform .32s ease}.mathPromptCell.questionTarget{cursor:pointer;border-radius:12px;transition:background-color .18s ease,box-shadow .18s ease}.mathPromptCell.questionTarget.dropOver{background:#38bdf82e;box-shadow:inset 0 0 0 2px #38bdf8b8}.mathPromptCell.questionTarget .mathQuestionBase{opacity:.85;transition:opacity .22s ease,transform .22s ease}.mathPromptCell.questionTarget.filled .mathQuestionBase{opacity:0;transform:scale(.76);visibility:hidden}.mathPromptCell .mathPlacedToken{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.mathPromptCell .mathPlacedToken>.mathToken{width:min(84%,100%);height:min(84%,100%)}.mathPromptCell .mathPlacedToken>.mathToken.appearing{animation:mathPlacedIn .32s cubic-bezier(.2,.85,.2,1)}.mathPromptCell.questionTarget.ok{background:#10b9811f}.mathPromptCell.questionTarget.bad{background:linear-gradient(180deg,#f9eef0,#f5e3e7);box-shadow:0 0 0 1px #ef44443d,0 0 14px #ef444424;animation:mathWrongTintSoft .62s ease-out}.mathPromptCell.questionTarget.bad .mathPlacedToken{animation:mathWrongInfoFade .62s ease-out}.mathPromptCell.questionTarget .mathWrongMark{z-index:4;font-size:clamp(22px,3.8vh,38px)}.mathPromptCell.questionTarget.bad .mathWrongMark{animation:mathWrongMarkPop .68s cubic-bezier(.2,.8,.2,1) forwards}.mathPromptCell.questionTarget.fx .mathQuestionBase{opacity:0;transform:scale(.82)}.mathPromptCell.questionTarget.okfx{background:#10b9811f;box-shadow:0 0 0 1px #10b9813d,0 0 14px #10b98129;animation:mathOkSlotIn .36s cubic-bezier(.2,.8,.2,1)}.mathPromptCell.questionTarget.okfx .mathOkMark{animation:mathOkMarkPop .42s cubic-bezier(.2,.8,.2,1) 20ms forwards}.mathPromptCell.questionTarget.badfx{background:linear-gradient(180deg,#f9eef0,#f5e3e7);box-shadow:0 0 0 1px #ef44443d,0 0 14px #ef444424;animation:mathWrongTintSoft .62s ease-out}.mathPromptCell.questionTarget.badfx .mathWrongMark{animation:mathWrongMarkPop .62s cubic-bezier(.2,.8,.2,1) forwards}.mathPromptCell.questionTarget.receiving>.mathToken{opacity:0;transform:scale(.84)}.mathPromptCell.questionTarget.received>.mathToken{opacity:0;transform:scale(.82)}.mathReceiveSlot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transform:scale(.72);transition:opacity .32s ease,transform .32s ease;pointer-events:none}.mathPromptCell.questionTarget.received .mathReceiveSlot{opacity:1;transform:scale(1)}.mathAnswers{flex:0 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;gap:clamp(10px,1.3vh,16px);overflow-y:hidden;overflow-x:hidden;padding-right:2px;padding-bottom:clamp(6px,1vh,12px);align-items:stretch;overflow-clip-margin:8px}.mathPool{width:min(86%,500px);align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,14px)}.mathPoolCell{border:0;border-radius:clamp(14px,2.4vw,22px);min-height:clamp(52px,6.8vh,82px);background:linear-gradient(180deg,#f5f7fb,#e5eaf1);box-shadow:0 8px 16px #94a3b847,inset 0 1px #fffc;padding:clamp(4px,.8vh,8px);display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .2s ease}.mathPoolCell.selected{box-shadow:0 0 0 2px #38bdf8f2,0 8px 16px #94a3b847,inset 0 1px #ffffffe6;transform:translateY(-1px)}.mathPoolCell.used{opacity:.36;cursor:default}.mathPoolCell.empty{opacity:.36;cursor:default;background:linear-gradient(180deg,#e8edf4,#dde4ee);box-shadow:inset 0 1px #ffffffb3}.mathPoolCell.dragging{opacity:.52;transform:scale(.98)}.mathPoolCell.bad{background:linear-gradient(180deg,#f9eef0,#f5e3e7);box-shadow:0 0 16px #ef444433,0 8px 16px #94a3b847,inset 0 1px #ffffffe0;animation:mathWrongShake .62s cubic-bezier(.22,.61,.36,1),mathWrongTintSoft .62s ease-out}.mathPoolCell.bad .mathPoolToken{animation:mathWrongInfoFade .62s ease-out}.mathPoolCell .mathWrongMark{z-index:4;font-size:clamp(24px,4.2vh,42px)}.mathPoolCell.bad .mathWrongMark{animation:mathWrongMarkPop .68s cubic-bezier(.2,.8,.2,1) forwards}.mathPoolCell.ok{background:linear-gradient(180deg,#e9f8ef,#dcf3e6)}.mathPoolToken{width:100%;height:100%}.mathDragGhost{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:clamp(52px,7.4vh,84px);height:clamp(52px,7.4vh,84px);border-radius:clamp(14px,2.4vw,22px);background:linear-gradient(180deg,#f8fbff,#e9eef5);box-shadow:0 14px 28px #1e293b3d,inset 0 1px #ffffffe6;display:grid;place-items:center;pointer-events:none;z-index:30}.mathDragGhostToken{width:100%;height:100%}.mathAnswerRow{width:min(54%,360px);min-width:0;border:0;background:transparent;padding:0;display:block;cursor:pointer}.mathAnswerRow.selected .mathPlate{box-shadow:0 0 0 2px #38bdf8f2,0 10px 18px #94a3b861,inset 0 1px #fffc}.mathAnswerRow.ok .mathPlate{background:linear-gradient(180deg,#e9f8ef,#dcf3e6);box-shadow:0 0 18px #10b9813d,0 10px 18px #94a3b852,inset 0 1px #ffffffe6;animation:mathCorrectTint .72s ease-out}.mathAnswerRow.bad .mathPlate{background:linear-gradient(180deg,#f9eef0,#f5e3e7);box-shadow:0 0 18px #ef44442e,0 10px 18px #94a3b847,inset 0 1px #ffffffdb;animation:mathWrongShake .62s cubic-bezier(.22,.61,.36,1),mathWrongTint .62s ease-out}.mathAnswerRow.hinted .mathPlate{box-shadow:0 0 0 2px #eab308f2,0 10px 18px #94a3b861,inset 0 1px #fffc}.mathWrongMark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.55) rotate(-10deg);opacity:0;color:#dc2626;font-size:clamp(28px,4.8vh,52px);font-weight:900;line-height:1;text-shadow:0 4px 10px rgba(220,38,38,.2);pointer-events:none}.mathOkMark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.68);width:clamp(28px,4.8vh,56px);height:auto;opacity:0;filter:drop-shadow(0 5px 10px rgba(16,185,129,.22));pointer-events:none}.mathAnswerRow.bad .mathWrongMark{animation:mathWrongMarkPop .62s cubic-bezier(.2,.8,.2,1) forwards}.mathAnswerRow.ok .mathOkMark{animation:mathOkMarkPop .62s cubic-bezier(.2,.8,.2,1) forwards}.mathAnswerRow.bad .mathAnswerTokens,.mathAnswerRow.bad .mathIdxBubble{animation:mathWrongInfoFade .62s ease-out}.mathAnswerRow.ok .mathAnswerTokens,.mathAnswerRow.ok .mathIdxBubble{opacity:.06;transition:opacity .22s ease-out}.mathIdxBubble{position:absolute;left:clamp(10px,1.2vw,14px);top:50%;transform:translateY(-50%);width:clamp(28px,4vh,34px);height:clamp(28px,4vh,34px);border-radius:999px;display:grid;place-items:center;color:#1e3a5f;font-weight:800;font-size:clamp(14px,2vh,20px);background:transparent;border:2px solid rgba(56,189,248,.95);box-shadow:0 4px 10px #38bdf82e}.mathPlate{min-height:clamp(38px,4.2vh,54px);width:100%;min-width:0;border-radius:clamp(28px,4.8vw,46px);background:linear-gradient(180deg,#f5f7fb,#e5eaf1);box-shadow:0 10px 18px #94a3b859,inset 0 1px #ffffffc2;display:block;position:relative;padding:clamp(6px,1.1vh,10px) clamp(8px,1.5vw,14px);overflow:hidden}.mathAnswerTokens{min-height:inherit;width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(5px,.8vw,10px);padding-left:clamp(34px,4.2vh,42px)}.mathHint{margin-top:clamp(5px,.6vh,8px);color:#475569;font-size:clamp(12px,1.7vh,20px);font-weight:700;text-align:center}.mathToken{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:visible}.mathToken.compact{width:clamp(34px,6vh,64px);height:clamp(34px,6vh,64px);flex:0 1 auto}.mathToken.mathSpacerToken{opacity:0}.mathAnswerTokens .mathToken.compact.mathSpacerToken{width:clamp(12px,2.1vh,20px);min-width:clamp(12px,2.1vh,20px);height:clamp(34px,6vh,64px)}.mathToken img{width:auto;height:auto;max-width:94%;max-height:94%;object-fit:contain;display:block}.mathToken.compact img{max-width:95%;max-height:95%}.mathFallback{width:clamp(26px,68%,56px);height:clamp(26px,68%,56px);border-radius:12px;background:#fff;color:#0284c7;display:grid;place-items:center;font-size:clamp(16px,3.2vh,32px);font-weight:900;line-height:1}.mathPlaceholder{color:#64748b;font-weight:600}.mathEmpty{width:100%;min-height:clamp(80px,18vh,140px);border-radius:16px;display:grid;place-items:center;padding:14px;color:#334155;text-align:center;background:#f8fafcbf;box-shadow:inset 0 0 0 1px #94a3b84d;font-weight:700}.mathFxLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.mathTutorLayer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:46;pointer-events:none}.mathTutorLayer.interactive{pointer-events:auto;cursor:pointer}.mathTutorDim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a42;pointer-events:none}.mathTutorCard{position:absolute;left:50%;top:50%;width:min(90%,620px);transform:translate(-50%,-50%);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(8px,1.2vw,14px);pointer-events:none;z-index:6}.mathTutorCard.interactive{pointer-events:auto;cursor:pointer}.mathTutorCard.passive{top:clamp(10px,7.6vh,86px);width:min(94%,620px);transform:translate(-50%)}.mathShell.tutorial-guide .mathPromptCell.questionTarget.tutorial-question,.mathShell.tutorial-guide .mathPoolCell.tutorial-pool-target{z-index:48}.mathShell.tutorial-guide .mathPromptCell.questionTarget.tutorial-question{box-shadow:none;background:transparent;animation:none}.mathShell.tutorial-guide .mathPromptCell.questionTarget.tutorial-question .mathQuestionBase{position:relative;border:none;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}.mathShell.tutorial-guide .mathPromptCell.questionTarget.tutorial-question .mathQuestionBase:before{content:"";position:absolute;left:50%;top:50%;width:clamp(38px,6.8vh,70px);height:clamp(38px,6.8vh,70px);transform:translate(-50%,-50%) scale(1);border:2px solid rgba(255,255,255,.95);border-radius:clamp(10px,1.6vh,16px);background:#ffffff29;box-shadow:0 0 0 1px #bae6fd66,0 0 16px #e0f2fe80,0 0 26px #7dd3fc47;animation:mathTutorQuestionFramePulse 1.25s ease-in-out infinite;pointer-events:none;z-index:0}.mathShell.tutorial-guide .mathPromptCell.questionTarget.tutorial-question .mathQuestionBase img{position:relative;z-index:1;filter:brightness(1.24) saturate(1.22) drop-shadow(0 0 10px rgba(186,230,253,.86)) drop-shadow(0 0 18px rgba(125,211,252,.52));animation:mathTutorQuestionIconPulse 1.2s ease-in-out infinite}.mathShell.tutorial-guide .mathPoolCell.tutorial-pool-target{position:relative;box-shadow:0 8px 16px #94a3b847,inset 0 0 0 1px #ffffffd6,inset 0 1px #ffffffe6;animation:mathTutorPoolTargetPulse 1.2s ease-in-out infinite}.mathShell.tutorial-guide .mathPoolCell.tutorial-pool-target:before{content:"";position:absolute;inset:clamp(2px,.45vh,4px);border:2px solid rgba(125,211,252,.95);border-radius:inherit;box-shadow:0 0 0 1px #ecfdf570,0 0 14px #bef2643d;pointer-events:none;animation:mathTutorPoolTargetOutlinePulse 1.2s ease-in-out infinite}.mathShell.tutorial-guide .mathPoolCell.tutorial-pool-target .mathPoolToken{position:relative;z-index:1}.mathShell.tutorial-guide .mathPoolCell.tutorial-pool-target .mathWrongMark{z-index:2}.mathShell.tutorial-guide .mathAnswers,.mathShell.tutorial-guide .mathPool{overflow:visible}.mathTutorAvatar{width:clamp(74px,11.5vh,122px);height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(30,41,59,.26));transform:translateY(0) scale(1);opacity:1;transition:transform .26s ease,opacity .26s ease}.mathTutorBubble{min-height:clamp(86px,12.5vh,132px);border-radius:clamp(18px,2.6vw,28px);background:linear-gradient(180deg,#f8fafcf5,#ecf1f8eb);box-shadow:0 14px 26px #64748b3d,inset 0 1px #ffffffe6;padding:clamp(12px,1.7vh,18px) clamp(14px,2vw,20px);color:#334155;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,1.1vh,12px);transform:translate(0);opacity:1;transition:transform .26s ease,opacity .26s ease}.mathTutorText{font-size:clamp(14px,2vh,24px);font-weight:700;line-height:1.35}.mathTutorTapHint{font-size:clamp(11px,1.5vh,16px);color:#64748b;font-weight:600}.mathTutorGhostPath{position:absolute;height:clamp(3px,.48vh,5px);border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,#ffffffeb,#fffffffa 44%,#ecfdf5f5);box-shadow:0 0 14px #ffffffa6,0 0 30px #bef26459;opacity:1;pointer-events:none;z-index:9;animation:mathTutorGhostPathPulse 1.1s ease-in-out infinite}.mathTutorGhostPath:after{content:"";position:absolute;right:-1px;top:50%;width:clamp(8px,1.6vh,12px);height:clamp(8px,1.6vh,12px);border-top:2px solid rgba(255,255,255,1);border-right:2px solid rgba(255,255,255,1);box-shadow:0 0 10px #ffffffbf;transform:translateY(-50%) rotate(45deg);animation:mathTutorGhostHeadPulse 1.1s ease-in-out infinite;animation-delay:inherit}.mathTutorGhostDot{position:absolute;width:clamp(9px,1.9vh,13px);height:clamp(9px,1.9vh,13px);border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#f0f9ff 38%,#bae6fd 68%,#38bdf8);border:1px solid rgba(255,255,255,.98);box-shadow:0 0 14px #bae6fddb,0 0 26px #e0f2fe94;pointer-events:none;z-index:10;animation:mathTutorGhostDotMove 1.28s cubic-bezier(.2,.82,.2,1) infinite}.mathTutorPulse{position:absolute;width:clamp(18px,2.6vh,28px);height:clamp(18px,2.6vh,28px);transform:translate(-50%,-50%);border-radius:999px;border:2px solid rgba(224,242,254,.98);box-shadow:0 0 16px #bae6fd94;pointer-events:none;z-index:8;opacity:.78}.mathTutorPulse.from{animation:mathTutorPulseScale 1.2s ease-in-out infinite}.mathTutorPulse.to{animation:mathTutorPulseScale 1.2s ease-in-out .18s infinite}.mathAnswerFly{position:absolute;pointer-events:none;z-index:25;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 16px rgba(16,185,129,.22))}.mathAnswerFly .mathAnswerTokens{padding-left:0}.mathAnswerFlyToken{width:100%;height:100%}.mathAnswerFlyToken img{max-width:100%;max-height:100%}.mathHeartDrop{position:absolute;width:clamp(24px,4.4vh,36px);height:auto;transform:translate(-50%,-50%);opacity:1;filter:drop-shadow(0 6px 12px rgba(239,68,68,.28))}.mathHeartDrop.fall{animation:mathHeartDropFall .56s cubic-bezier(.2,.72,.26,1) forwards}.mathConfettiCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30}@keyframes mathWrongShake{0%{transform:translate(0)}18%{transform:translate(-6px)}36%{transform:translate(5px)}54%{transform:translate(-4px)}72%{transform:translate(3px)}to{transform:translate(0)}}@keyframes mathWrongTint{0%{background:linear-gradient(180deg,#f5f7fb,#e5eaf1);box-shadow:0 0 #ef444400,0 10px 18px #94a3b859,inset 0 1px #ffffffc2}to{background:linear-gradient(180deg,#f9eef0,#f5e3e7);box-shadow:0 0 18px #ef44442e,0 10px 18px #94a3b847,inset 0 1px #ffffffdb}}@keyframes mathWrongTintSoft{0%{background:linear-gradient(180deg,#f5f7fb,#e5eaf1)}to{background:linear-gradient(180deg,#f9eef0,#f5e3e7)}}@keyframes mathOkSlotIn{0%{background:#10b98100;box-shadow:0 0 #10b98100;transform:scale(.94)}62%{background:#10b98126;box-shadow:0 0 0 1px #10b98147,0 0 16px #10b9812e;transform:scale(1.02)}to{background:#10b9811f;box-shadow:0 0 0 1px #10b9813d,0 0 14px #10b98129;transform:scale(1)}}@keyframes mathCorrectTint{0%{background:linear-gradient(180deg,#f5f7fb,#e5eaf1);box-shadow:0 0 #10b98100,0 10px 18px #94a3b859,inset 0 1px #ffffffc2}to{background:linear-gradient(180deg,#e9f8ef,#dcf3e6);box-shadow:0 0 18px #10b9813d,0 10px 18px #94a3b852,inset 0 1px #ffffffe6}}@keyframes mathWrongInfoFade{0%{opacity:1}35%{opacity:.08}70%{opacity:.08}to{opacity:1}}@keyframes mathWrongMarkPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.58) rotate(-10deg)}30%{opacity:.78;transform:translate(-50%,-50%) scale(1.04) rotate(1deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.94) rotate(0)}}@keyframes mathOkMarkPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.62) rotate(-8deg)}36%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(1deg)}64%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.94) rotate(0)}}@keyframes mathHeartDropFall{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--heart-drift, 0px)),calc(-50% + var(--heart-fall, 58px))) rotate(16deg) scale(.86)}}@keyframes mathPlacedIn{0%{opacity:0;transform:scale(.72) translateY(4px)}60%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mathTutorAvatarIn{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mathTutorBubbleIn{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes mathTutorGhostPathPulse{0%,to{opacity:.9;background:linear-gradient(90deg,#fffffff2,#f0fdf4fa 44%,#bef264e6);box-shadow:0 0 14px #ffffffa3,0 0 30px #bef26457}50%{opacity:1;background:linear-gradient(90deg,#ecfdf5fc,#fffffffa 42%,#bef264fa);box-shadow:0 0 18px #ecfdf5d6,0 0 36px #bef2648a}}@keyframes mathTutorGhostHeadPulse{0%,to{border-top-color:#fffffffa;border-right-color:#fffffffa;box-shadow:0 0 10px #ffffffc2}50%{border-top-color:#bef264fa;border-right-color:#bef264fa;box-shadow:0 0 14px #bef264d1}}@keyframes mathTutorGhostDotMove{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%{opacity:1;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) scale(.98)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) scale(.7)}}@keyframes mathTutorPulseScale{0%,to{opacity:.34;transform:translate(-50%,-50%) scale(.86)}50%{opacity:.86;transform:translate(-50%,-50%) scale(1.08)}}@keyframes mathTutorTargetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes mathTutorPoolTargetPulse{0%,to{filter:brightness(1);box-shadow:0 8px 16px #94a3b847,inset 0 0 0 1px #ffffffd6,inset 0 1px #ffffffe6}50%{filter:brightness(1.04);box-shadow:0 8px 16px #94a3b847,inset 0 0 0 1px #fffffff2,inset 0 1px #fffffff0}}@keyframes mathTutorPoolTargetOutlinePulse{0%,to{border-color:#7dd3fcf2;box-shadow:0 0 0 1px #ecfdf570,0 0 14px #bef2643d}50%{border-color:#ecfdf5fa;box-shadow:0 0 0 1px #ffffffa3,0 0 18px #bef2647a}}@keyframes mathTutorQuestionIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes mathTutorQuestionFramePulse{0%,to{opacity:.96;box-shadow:0 0 0 1px #bae6fd66,0 0 16px #e0f2fe80,0 0 26px #7dd3fc47;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;box-shadow:0 0 0 1px #f0f9ff94,0 0 22px #f0f9ffb8,0 0 38px #7dd3fc70;transform:translate(-50%,-50%) scale(1.06)}}.mathShell>.navbar{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%;max-width:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:clamp(12px,2vw,18px);margin-top:clamp(-10px,-1.2vh,-6px);pointer-events:none;overflow:visible;--nav-edge: 0px}.mathShell.tutorial-on>.navbar{display:none!important;pointer-events:none!important}.mathShell>.navbar .navBtn{width:auto;height:auto}.mathShell>.navbar .navIcon{width:clamp(54px,9.8vw,74px)!important;height:clamp(54px,9.8vw,74px)!important;max-width:none!important;transform:translateY(-6px);filter:drop-shadow(0 8px 14px rgba(30,41,59,.22))}.mathShell>.navbar .navBtn:active .navIcon{transform:translateY(-4px)}@media (max-width: 700px){.mathGameRoot{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mathShell{width:min(100%,calc((100dvh - 18px)*.5625));grid-template-rows:auto minmax(0,1fr) auto;border-radius:20px;padding:9px}.mathPanel{border-radius:16px;padding:6px}.mathPromptGrid{padding:5px;gap:2px}.mathPromptCell .mathToken img{max-width:88%;max-height:88%}.mathPlate{min-height:clamp(36px,4.6vh,50px)}.mathToken.compact{width:clamp(30px,10vw,48px);height:clamp(30px,10vw,48px)}.mathTutorCard{width:min(94%,560px);top:50%}.mathTutorAvatar{width:clamp(62px,11vw,92px)}.mathTutorBubble{min-height:clamp(72px,12vw,110px)}.mathShell>.navbar{gap:10px}.mathShell>.navbar .navIcon{width:clamp(50px,13.2vw,64px)!important;height:clamp(50px,13.2vw,64px)!important}}@media (max-height: 620px){.mathGameRoot{padding-bottom:max(6px,env(safe-area-inset-bottom))}.mathShell{width:min(100%,calc((100dvh - 14px)*.5625));grid-template-rows:auto minmax(0,1fr) auto;gap:7px}.mathPromptCell .mathToken img{max-width:86%;max-height:86%}.mathPlate{min-height:clamp(34px,4.4vh,46px)}.mathShell>.navbar{gap:8px}.mathShell>.navbar .navIcon{width:clamp(46px,10.6vw,58px)!important;height:clamp(46px,10.6vw,58px)!important}}@media (max-width: 900px) and (pointer: coarse){.mathGameRoot{padding:0!important;place-items:stretch}.mathShell{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0;border:0;box-shadow:none;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}}