:root{--bg: #eef6ff;--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .94);--ink: #17324d;--accent: #f2c94c;--accent-2: #5ea8ff;--warn: #f25f5c;--line: rgba(23, 50, 77, .12);--shadow: 0 18px 42px rgba(80, 128, 189, .14);--ui-ease: cubic-bezier(.22, 1, .36, 1);--ui-quick: .18s;--ui-medium: .32s;font-family:Trebuchet MS,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(94,168,255,.22),transparent 28%),radial-gradient(circle at top right,rgba(242,201,76,.18),transparent 24%),linear-gradient(180deg,#f7fbff,#e9f4ff)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:transparent}body{color:var(--ink)}button,input,select,textarea{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:24px}.shell:has(.modal-backdrop,.modal-dialog,.answer-flash-backdrop,.learning-matrix-overlay,.auth-challenge-overlay)>.page{position:relative;z-index:3000}.topbar,.nav,.actions,.hud,.mode-picker,.lesson-head,.profile-main{display:flex;gap:12px;align-items:center}.topbar{justify-content:space-between;margin-bottom:24px;position:relative;z-index:30;animation:ui-fade-up .42s var(--ui-ease) both}.nav{flex-wrap:wrap;justify-content:flex-end}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:center}.mobile-nav-toggle{display:none;border:0;background:#ffffffd1;color:var(--ink);min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;font-size:1.5rem;line-height:1;box-shadow:0 10px 24px #17324d14}.mode-picker,.actions{flex-wrap:wrap}.nav a,.ghost{color:var(--ink);text-decoration:none;border:0;background:transparent;cursor:pointer;padding:8px 12px;border-radius:999px;transition:transform var(--ui-quick) ease,background-color var(--ui-quick) ease,color var(--ui-quick) ease,opacity var(--ui-quick) ease}.nav-play{margin-right:6px;position:relative;display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.nav .active,.nav a:hover,.ghost:hover{background:#f2c94c33}.brand{font-size:1.6rem;font-weight:800;color:var(--ink);text-decoration:none;transition:transform var(--ui-quick) ease,opacity var(--ui-quick) ease}.brand-row{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.brand-logo{display:block;height:44px;width:auto}.topbar-user{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffffbd;border:1px solid rgba(94,168,255,.12);font-size:.95rem;transition:transform var(--ui-quick) ease,box-shadow var(--ui-medium) ease,background-color var(--ui-quick) ease,border-color var(--ui-quick) ease}.topbar-user-button{border:0;cursor:pointer}.avatar-mini{width:34px;height:34px;border-radius:999px;overflow:hidden;border:1px solid rgba(94,168,255,.18);background:#fff}.avatar-mini img{width:100%;height:100%;object-fit:cover}.page,.stack{display:grid;gap:24px}.stack-lg{display:grid;gap:36px}.card,.mini-card,.lesson{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);animation:ui-fade-up .48s var(--ui-ease) both}.card>*+*,.mini-card>*+*,.modal-card>*+*{margin-top:18px}.card>.eyebrow+h1,.card>.eyebrow+h2,.mini-card>h3+p{margin-top:10px}.card>.lede+.actions,.card>.muted+.actions,.card>h2+form,.card>.question-kicker+.game-equation{margin-top:16px}.hero,.grid-two,.board-grid,.feature-grid,.learning-grid,.stats-grid{display:grid;gap:20px}.hero,.grid-two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-grid,.board-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.board-grid-spacious{gap:28px}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.learning-grid>*+*{margin-top:0}.learning-grid-controls{grid-column:1 / -1}.profile-card .profile-main,.profile-hero{align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.profile-hero{position:relative;overflow:visible;background:radial-gradient(circle at top left,rgba(94,168,255,.16),transparent 32%),radial-gradient(circle at bottom right,rgba(242,201,76,.18),transparent 28%),#ffffffe0}.profile-hero-main{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:24px;align-items:center;width:100%}.profile-copy{gap:16px}.profile-side{position:absolute;top:24px;right:24px;display:grid;gap:14px;justify-items:end;z-index:8}.profile-menu-wrap{position:relative}.profile-menu-button{width:46px;height:46px;border:0;border-radius:999px;background:#17324d14;color:var(--ink);font-size:1.8rem;line-height:1;cursor:pointer}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;display:grid;padding:10px;gap:6px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow);z-index:5;transform-origin:top right;animation:ui-pop-in .18s var(--ui-ease) both}.profile-menu a,.profile-menu button{border:0;background:transparent;color:var(--ink);text-align:left;padding:12px 14px;border-radius:14px;cursor:pointer;text-decoration:none;transition:transform var(--ui-quick) ease,background-color var(--ui-quick) ease,color var(--ui-quick) ease}.profile-menu a:hover,.profile-menu button:hover{background:#f2c94c29}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;color:#f2b705;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}.lede,.muted{color:#17324dc2}.button,.choice,.chip{border:0;cursor:pointer;border-radius:18px;padding:14px 18px;text-decoration:none;transition:transform var(--ui-quick) ease,box-shadow var(--ui-medium) ease,background-color var(--ui-quick) ease,border-color var(--ui-quick) ease,filter var(--ui-quick) ease}.button:hover,.choice:hover,.chip:hover,.mode-option:hover,.modal-close:hover{transform:translateY(-2px)}.button,.choice,.chip.active{background:var(--accent);color:var(--ink);font-weight:700;box-shadow:0 12px 24px #f2c94c47}.button.secondary{background:var(--accent-2);color:#fff;box-shadow:0 12px 24px #5ea8ff3d}.button.play-cta,.button.nav-play{background:linear-gradient(135deg,#ffcb3d,#ff9f43);color:#17324d;box-shadow:0 16px 28px #ff9f4347}.button.nav-play:hover{background:linear-gradient(135deg,#ffcb3d,#ff9f43);animation:nav-play-hover-buzz 1s ease-in-out infinite}@keyframes nav-play-hover-buzz{0%,to{transform:scale(1.02) rotate(0)}10%{transform:scale(1.06) rotate(-1.2deg)}20%{transform:scale(1.06) rotate(1.2deg)}30%{transform:scale(1.07) rotate(-1deg)}40%{transform:scale(1.07) rotate(1deg)}55%{transform:scale(1.05) rotate(0)}70%{transform:scale(1.03) rotate(-.4deg)}85%{transform:scale(1.03) rotate(.4deg)}}.button:disabled,.choice:disabled,.chip:disabled,.profile-menu-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.ghost-button,.chip{background:#17324d14;color:var(--ink);box-shadow:none}label{display:grid;gap:8px;font-weight:700}.phone-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.phone-input:focus-within{border-color:#5ea8ff6b;box-shadow:0 0 0 4px #5ea8ff24}.phone-prefix{padding:14px 0 14px 16px;font-weight:800;color:#17324db8;white-space:nowrap}input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink)}textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;resize:vertical;min-height:140px}.phone-input input{border:0;border-radius:0;box-shadow:none;padding-left:8px;outline:none}.phone-input input:focus{border:0;box-shadow:none;outline:none}input.input-error,.phone-input.input-error{border-color:#f25f5ce6;box-shadow:0 0 0 4px #f25f5c24;background:#fff5f4fa}.notice{padding:14px 16px;border-radius:18px}.notice.success{background:#5ea8ff1f}.notice.warn{background:#f25f5c1f}.lesson-head{display:grid;gap:10px;justify-content:center}.lesson-equation{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-bottom:6px}.lesson-expression{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:500;color:var(--ink)}.lesson-answer{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1;font-weight:900;color:var(--ink)}.lesson-equals{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:500}.lesson-note{margin:0;text-align:center;color:#17324da8;font-size:.95rem}.visual-groups{display:flex;gap:10px;flex-wrap:nowrap;margin-top:16px;justify-content:center;align-items:flex-end;width:fit-content;max-width:100%;margin-inline:auto;overflow-x:auto;padding:6px 0}.group{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;width:32px;flex:0 0 32px;background:#5ea8ff1a;border-radius:16px}.dot{width:10px;height:10px;border-radius:999px;background:var(--accent)}.dot-break{margin-bottom:4px}.matrix-wrap{overflow-x:auto}.learning-mobile-rotate-card,.learning-matrix-mobile{display:none}.number-line-lesson{display:grid;gap:18px}.number-line-plot{--number-line-padding: 28px;--number-line-track-top: 112px;--number-line-track-size: 6px;--number-line-dot-size: 18px;position:relative;min-height:220px;padding:54px 28px 72px;border-radius:28px;background:radial-gradient(circle at top left,rgba(94,168,255,.16),transparent 34%),linear-gradient(180deg,#fffffff5,#eef6fff5);border:1px solid rgba(23,50,77,.08);overflow:hidden}.number-line-track,.number-line-segments,.number-line-bridge{position:absolute;left:var(--number-line-padding);right:var(--number-line-padding);top:var(--number-line-track-top)}.number-line-jumps{position:absolute;left:var(--number-line-padding);right:var(--number-line-padding);top:114px;height:76px;overflow:hidden;opacity:0;transition:opacity .22s ease;pointer-events:none}.number-line-jumps.is-visible{opacity:1}.number-line-jump{position:absolute;top:0;width:10%;height:76px;opacity:0;transition:opacity .26s ease,transform .26s ease;transform:translateY(-3px) scale(.98);transform-origin:center top}.number-line-jump svg{width:100%;height:100%;overflow:visible}.number-line-jump-label{position:absolute;left:50%;top:58px;transform:translate(-50%,-50%);width:auto;height:auto;color:#9a5c10;font-size:.78rem;font-weight:800;line-height:1;letter-spacing:.01em;pointer-events:none}.number-line-jump path{fill:none;stroke:#ff9f43d1;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 8px 12px rgba(255,159,67,.16))}.number-line-jump.is-active{opacity:1;transform:translateY(0) scale(1)}.number-line-track{height:var(--number-line-track-size);border-radius:999px;background:#17324d1f}.number-line-segments{display:flex;gap:0;height:var(--number-line-track-size)}.number-line-segment{flex:1 1 0;border-radius:999px;background:transparent;transition:background-color .14s ease,box-shadow .14s ease}.number-line-segment.is-active{background:linear-gradient(90deg,#ffcb3d,#ff9f43);box-shadow:0 6px 16px #ff9f4347}.number-line-bridge{right:auto;width:0;height:var(--number-line-track-size);border-radius:999px;background:linear-gradient(90deg,#ffcb3df2,#ff9f43f2);box-shadow:0 10px 22px #ff9f4338;pointer-events:none}.number-line-badge{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#17324d;color:#fff;font-size:.95rem;font-weight:800;white-space:nowrap;box-shadow:0 12px 24px #17324d2e}.number-line-point{position:absolute;top:calc(var(--number-line-track-top) + (var(--number-line-track-size) - var(--number-line-dot-size)) / 2);transform:translate(-50%);border:0;background:transparent;padding:0;display:grid;justify-items:center;gap:12px;color:var(--ink);box-shadow:none}.number-line-point:hover,.number-line-point:focus-visible{transform:translate(-50%)}.number-line-dot{width:var(--number-line-dot-size);height:var(--number-line-dot-size);border-radius:999px;background:#fff;border:4px solid rgba(23,50,77,.22);transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.number-line-label{position:relative;z-index:1;font-weight:800;font-size:.98rem;padding:4px 10px;border-radius:999px;background:transparent;box-shadow:none;transition:transform .14s ease,color .14s ease}.number-line-point.is-active .number-line-dot,.number-line-point:hover .number-line-dot,.number-line-point:focus-visible .number-line-dot{border-color:#ff9f43;background:#fff4dc;box-shadow:0 0 0 6px #ff9f4324}.number-line-point.is-current .number-line-dot{transform:scale(1.2)}.number-line-point.is-active .number-line-label,.number-line-point:hover .number-line-label,.number-line-point:focus-visible .number-line-label{color:#102842}.number-line-point.is-active .number-line-label{background:#ffffffe0;box-shadow:0 8px 18px #17324d14}.number-line-point.is-current .number-line-label{transform:scale(1.38)}.learning-matrix{width:100%;min-width:720px;border-collapse:separate;border-spacing:8px}.learning-matrix th{font-size:.95rem;font-weight:800;color:#17324db8;text-align:center;border-radius:999px;box-shadow:inset 0 0 0 1px transparent;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.learning-matrix thead th:first-child,.learning-matrix tbody th{width:44px}.matrix-header-active{color:#102842;background:#f2c94c4d;box-shadow:inset 0 0 0 1px #f2c94c6b}.learning-matrix td{border-radius:20px}.matrix-axis-active .matrix-cell{box-shadow:inset 0 0 0 2px #f2c94c80,0 10px 20px #f2c94c1f}.matrix-cell{position:relative;width:100%;min-height:68px;border:1px solid rgba(23,50,77,.08);border-radius:20px;padding:12px 10px;background:#d9dde3;color:var(--ink);display:grid;place-items:center;overflow:hidden;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.matrix-cell.is-axis-active.is-pending{background:#f3df99}.matrix-cell.is-axis-active.is-mastered{background:#8fe29c}.matrix-cell.is-mastered{background:#b8efc0;box-shadow:inset 0 0 0 1px #2a7a4014}.matrix-cell.is-pending{background:#d9dde3}.matrix-cell:hover,.matrix-cell:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #17324d1f}.matrix-expression,.matrix-answer{transition:opacity .14s ease,transform .14s ease}.matrix-expression{font-weight:700}.matrix-answer{position:absolute;inset:0;display:grid;place-items:center;font-size:1.35rem;font-weight:900;opacity:0;transform:translateY(6px)}.matrix-cell:hover .matrix-expression,.matrix-cell:focus-visible .matrix-expression{opacity:0;transform:translateY(-6px)}.matrix-cell:hover .matrix-answer,.matrix-cell:focus-visible .matrix-answer{opacity:1;transform:translateY(0)}.learning-matrix-mobile{gap:16px}.learning-matrix-mobile-overview,.learning-matrix-mobile-detail{display:grid;gap:14px;padding:18px;border-radius:24px;background:#ffffffc2;border:1px solid rgba(23,50,77,.08)}.learning-matrix-mobile-head{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.learning-matrix-mobile-head span{color:#17324dad;font-size:.92rem}.learning-matrix-mini-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;padding:6px;border-radius:18px;background:#17324d0f}.learning-matrix-mini-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:7px;background:#d9dde3;box-shadow:none}.learning-matrix-mini-cell.is-mastered{background:#8fe29c}.learning-matrix-mini-cell.is-pending{background:#d9dde3}.learning-matrix-mini-cell.is-focus{background:#f2c94c;box-shadow:0 0 0 2px #f2c94c42}.learning-matrix-zoom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learning-matrix-zoom-cell{min-height:92px;display:grid;gap:6px;justify-items:center;align-content:center;padding:12px 8px;border-radius:18px;border:1px solid rgba(23,50,77,.08);background:#d9dde3;box-shadow:none}.learning-matrix-zoom-cell span{font-size:.82rem;font-weight:800;color:#17324dbd}.learning-matrix-zoom-cell strong{font-size:1.35rem;line-height:1}.learning-matrix-zoom-cell.is-mastered{background:#b8efc0}.learning-matrix-zoom-cell.is-pending{background:#eef2f7}.learning-matrix-zoom-cell.is-focus{background:linear-gradient(180deg,#fff4c8,#f2c94c);transform:translateY(-1px)}.learning-matrix-mobile-copy{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:#17324d0f}.learning-matrix-mobile-copy strong{font-size:1.7rem}.learning-matrix-overlay{position:fixed;inset:0;z-index:3000;display:grid;align-items:end;padding:18px 14px max(18px,env(safe-area-inset-bottom));background:#0b1b2b52;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:matrix-overlay-fade-in .22s ease both}.learning-matrix-overlay.is-closing{animation:matrix-overlay-fade-out .22s ease both}.learning-matrix-overlay-panel{position:relative;animation:matrix-overlay-zoom-in .26s cubic-bezier(.2,.88,.3,1) both;transform-origin:center bottom}.learning-matrix-overlay.is-closing .learning-matrix-overlay-panel{animation:matrix-overlay-zoom-out .22s cubic-bezier(.4,0,1,1) both}.learning-matrix-overlay-glow{position:absolute;inset:-14px 26px auto;height:96px;border-radius:999px;background:radial-gradient(circle,rgba(255,203,61,.38),transparent 72%);filter:blur(12px);pointer-events:none}.learning-matrix-overlay .learning-matrix-mobile-detail{position:relative;gap:16px;padding:20px;border-radius:28px;background:radial-gradient(circle at top center,rgba(255,203,61,.2),transparent 34%),linear-gradient(180deg,#fffffffa,#eef6fff2);box-shadow:0 28px 60px #0b1b2b42}.learning-matrix-overlay-title{display:grid;gap:4px}.learning-matrix-overlay-title span{color:#17324d94;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}@keyframes matrix-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes matrix-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes matrix-overlay-zoom-in{0%{opacity:0;transform:translateY(22px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes matrix-overlay-zoom-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.88)}}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.game-summary-head h1{margin:0;flex:1 1 520px}.button-compact{padding:10px 16px;font-size:.95rem;min-height:auto}.game-end-button{flex:0 0 auto;align-self:flex-start}.game-finish-card{text-align:center;padding:40px 32px;background:radial-gradient(circle at top center,rgba(242,201,76,.22),transparent 32%),radial-gradient(circle at bottom left,rgba(94,168,255,.18),transparent 30%),#ffffffe6}.game-finish-card h2{margin-bottom:8px;font-size:clamp(2rem,5vw,3rem)}.game-finish-score{font-size:clamp(4.8rem,14vw,8.5rem);line-height:.9;font-weight:900;letter-spacing:-.06em;color:#102842;text-shadow:0 16px 34px rgba(94,168,255,.18)}.game-finish-score-label{margin-top:6px;font-size:1.1rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#17324d8f}.game-finish-score-label-soft{letter-spacing:.08em}.game-finish-rank{font-size:1.1rem;color:#17324dd1}.game-finish-actions{justify-content:center}.question-kicker{margin-bottom:10px;text-align:center;font-size:.95rem;font-weight:800;letter-spacing:.04em;color:#17324dad}.game-equation{margin-bottom:24px;text-align:center;font-size:clamp(3.2rem,9vw,5.8rem);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#102842}.answer-choice{min-height:112px;aspect-ratio:2.4 / 1;display:grid;place-items:center;font-size:clamp(1.8rem,4.2vw,2.8rem);font-weight:900;line-height:1;background:linear-gradient(180deg,#fffffff5,#ebf4fffa);border:2px solid rgba(94,168,255,.18);box-shadow:0 18px 30px #5080bd24}.answer-choice.selected{transform:translateY(-2px) scale(1.02);border-color:#f2c94ce6;box-shadow:0 18px 30px #f2c94c47}.answer-choice.correct{background:linear-gradient(180deg,#ceffe1fa,#adf4c4fa);border-color:#28a74573;color:#0f5d27}.answer-choice.wrong{background:linear-gradient(180deg,#ffe3e3fa,#ffc6c6fa);border-color:#dc354566;color:#8b1d2c}.answer-flash-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;background:#17324d38;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.answer-flash-modal{width:min(640px,100%);padding:clamp(24px,5vw,40px);border-radius:32px;background:radial-gradient(circle at top left,rgba(255,203,61,.22),transparent 28%),linear-gradient(180deg,#fffffffa,#e8f3fffa);border:1px solid rgba(94,168,255,.2);box-shadow:0 34px 78px #17324d47;text-align:center}.answer-flash-label{margin-bottom:10px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:#f29f05}.answer-flash-equation{display:inline-flex;align-items:baseline;justify-content:center;gap:.24em;flex-wrap:wrap;font-size:clamp(2.4rem,7vw,4rem);line-height:1;font-weight:900;letter-spacing:-.04em;color:#102842}.answer-flash-answer{display:inline-block;color:#f29f05;transform-origin:center;animation:answer-zoom-focus .82s cubic-bezier(.2,.92,.22,1.12) both}.answer-flash-copy{margin:12px auto 0;max-width:34rem;color:#17324dbd}.answer-flash-points{margin-top:18px;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;font-weight:900;color:#157347;animation:flash-points-pop .42s ease-out}.answer-flash-points.zero{color:#b54745}.answer-flash-progress{margin-top:18px;width:100%;height:12px;border-radius:999px;overflow:hidden;background:#17324d14}.answer-flash-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ea8ff,#ffcb3d);transform-origin:left center;animation:flash-progress-shrink 2.4s linear forwards}.heart-loss-overlay{position:fixed;inset:0;z-index:930;display:grid;place-items:center;pointer-events:none}.heart-loss-burst,.heart-loss-copy{grid-area:1 / 1}.heart-loss-burst{font-size:clamp(3.5rem,16vw,6.5rem);line-height:1;color:#f25f5c;text-shadow:0 16px 40px rgba(242,95,92,.3);animation:heart-loss-pop .9s ease-out forwards}.heart-loss-copy{margin-top:98px;padding:10px 16px;border-radius:999px;background:#ffffffeb;color:#b54745;font-weight:900;letter-spacing:.08em;text-transform:uppercase;animation:heart-loss-copy-rise .9s ease-out forwards}@keyframes flash-progress-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes flash-points-pop{0%{opacity:0;transform:translateY(10px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes answer-zoom-focus{0%{opacity:0;transform:scale(.74)}26%{opacity:1;transform:scale(1.14)}50%{transform:scale(.94)}74%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes heart-loss-pop{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.22)}to{opacity:0;transform:scale(1.56)}}@keyframes heart-loss-copy-rise{0%{opacity:0;transform:translateY(18px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-18px) scale(1.04)}}.hud{flex-wrap:wrap}.game-session-progress{margin-top:12px}.game-session-progress-track{width:100%;height:14px;border-radius:999px;overflow:hidden;background:#17324d14;box-shadow:inset 0 1px 2px #17324d14}.game-session-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5ea8ff,#f2c94c);transition:width .32s ease}input.answer-input-correct,input.answer-input-wrong{transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}input.answer-input-correct{background:linear-gradient(180deg,#ffffffeb,#e1ffeaf0),linear-gradient(90deg,#46c97824,#fff0);border-color:#46c97880;box-shadow:0 0 0 4px #46c97824}input.answer-input-wrong{background:linear-gradient(180deg,#ffffffeb,#ffe4e4f0),linear-gradient(90deg,#f25f5c1f,#fff0);border-color:#f25f5c7a;box-shadow:0 0 0 4px #f25f5c1f}.shape-game-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;align-items:start}.shape-game-main{display:grid;gap:18px}.shape-grid-card{--shape-color: #ff6b6b;--shape-accent: #ffe2e2;position:relative;overflow:hidden;display:grid;gap:16px;padding:20px;border-radius:28px;background:radial-gradient(circle at top,rgba(255,255,255,.92),transparent 48%),linear-gradient(180deg,#0f2136fa,#1b3552fa);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14}.shape-grid-head{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#ffffffeb;font-weight:800}.shape-grid{position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;padding:8px;border-radius:22px;background:#ffffff0a}.shape-grid:after{content:"";position:absolute;inset:-12%;background:linear-gradient(110deg,transparent 0%,transparent 30%,rgba(255,255,255,.12) 46%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.18) 54%,transparent 70%,transparent 100%);transform:translate(-140%);opacity:0;pointer-events:none}.shape-grid.celebrate:after{opacity:1;animation:shape-grid-sweep 1.5s ease-in-out 1 forwards}.shape-cell{appearance:none;border:0;padding:0;aspect-ratio:1;border-radius:10px;background:linear-gradient(180deg,#ffffff0f,#ffffff05),#ffffff08;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #ffffff08;transform:scale(1);transition:background .24s ease,transform .24s ease,box-shadow .24s ease,filter .24s ease}.shape-cell.target{background:linear-gradient(180deg,#ffffff0f,#ffffff05),#ffffff08}.shape-cell.revealed{background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.72),transparent 28%),linear-gradient(135deg,var(--shape-accent) 0%,var(--shape-color) 58%,rgba(255,255,255,.9) 100%);box-shadow:inset 0 1px #ffffff6b,0 10px 18px #0000002e,0 0 0 1px #ffffff14}.shape-cell.fresh{animation:shape-cell-pop .52s cubic-bezier(.2,.9,.2,1)}.shape-cell.celebrate{animation:shape-cell-reveal-pulse .95s ease-in-out infinite alternate,shape-cell-float 1.8s ease-in-out infinite;filter:saturate(1.08) brightness(1.04)}.shape-complete-banner{position:relative;overflow:hidden;display:grid;gap:8px;padding:18px 20px;border-radius:24px;color:#17324d;background:linear-gradient(135deg,#fffffffa,#ffeec4eb),linear-gradient(90deg,#5ea8ff1f,#ffd1662e);border:1px solid rgba(255,209,102,.28);box-shadow:0 18px 34px #17324d1f}.shape-complete-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.4) 48%,transparent 100%);transform:translate(-100%);animation:shape-banner-shine 1.4s ease-out infinite}@keyframes shape-cell-pop{0%{transform:scale(.18);opacity:.2;filter:brightness(1.8)}65%{transform:scale(1.22);opacity:1}to{transform:scale(1);opacity:1;filter:brightness(1)}}@keyframes shape-cell-reveal-pulse{0%{transform:scale(1);box-shadow:inset 0 1px #ffffff6b,0 12px 22px #00000029,0 0 #ffffff1f}to{transform:scale(1.14);box-shadow:inset 0 1px #ffffff80,0 18px 26px #0003,0 0 0 6px #ffffff0f}}@keyframes shape-cell-float{0%{translate:0 0}50%{translate:0 -2px}to{translate:0 1px}}@keyframes shape-grid-sweep{0%{transform:translate(-140%)}to{transform:translate(140%)}}@keyframes shape-banner-shine{0%{transform:translate(-120%)}to{transform:translate(140%)}}.hearts{display:inline-flex;gap:6px}.heart{font-size:1.4rem;color:#f25f5c}@media(max-width:900px){.shape-game-layout{grid-template-columns:1fr}}.admin-shell{padding-block:8px 24px}.admin-login-card{max-width:520px;margin:0 auto}.admin-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.admin-filters-grid,.admin-kv-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-tabs,.admin-breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:100%}.admin-tabs>*,.admin-breadcrumbs>*{margin-top:0!important}.admin-tabs{min-height:76px;align-content:center}.admin-tab{text-decoration:none;color:var(--ink);padding:10px 14px;border-radius:999px;line-height:1.1;display:inline-flex;align-items:center}.admin-tab.active,.admin-tab:hover,.admin-breadcrumbs a:hover{background:#f2c94c2e}.admin-breadcrumbs{min-height:68px;gap:10px;align-content:center}.admin-breadcrumbs a,.admin-breadcrumbs span,.admin-breadcrumbs strong{display:inline-flex;align-items:center;line-height:1.1}.admin-breadcrumbs a{text-decoration:none;color:#17324db8;font-weight:700;padding:0;border-radius:0}.admin-breadcrumbs span{color:#17324d6b;font-weight:700}.admin-breadcrumbs strong{font-size:1.05rem;font-weight:800}.table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th,.admin-table td{padding:14px 12px;border-bottom:1px solid rgba(23,50,77,.08);text-align:left;vertical-align:top}.admin-table th{font-size:.95rem;color:#17324db8;white-space:nowrap}.admin-table tbody tr:hover{background:#5ea8ff0f}.table-sort{border:0;background:transparent;color:inherit;font-weight:800;cursor:pointer;padding:0}.admin-list-head,.admin-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-simple-list{display:grid;gap:14px}.admin-simple-row{display:grid;gap:12px;border:1px solid var(--line);border-radius:20px;padding:16px 18px;background:#ffffffb8}.progress-fact-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:18px;box-shadow:0 16px 32px #17324d1a}.progress-fact-row-easy{border-color:#34a8533d;background:linear-gradient(135deg,#e4f8ebf5,#ffffffd1)}.progress-fact-row-hard{border-color:#ffd1666b;background:linear-gradient(135deg,#fff5ccf5,#ffffffd6)}.progress-fact-row-with-action{grid-template-columns:minmax(0,1fr) auto;align-items:center}.progress-fact-copy{display:grid;gap:7px;min-width:0}.progress-fact-expression{font-size:1.35rem;line-height:1.1;color:var(--ink)}.progress-fact-meta{display:flex;flex-wrap:wrap;gap:6px 14px;color:#17324d9e;font-size:.88rem;font-weight:700}.progress-fact-action{margin:0;align-self:center;justify-content:flex-end}.progress-fact-action .button{white-space:nowrap}.admin-pagination{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.admin-user-hero{overflow:hidden}.badge-warn{background:#f25f5c2e;color:#8b1d2c}.contact-hero,.blocked-card{text-align:left}.contact-honeypot,.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mastery-chart{display:grid;gap:14px}.mastery-chart-bar{display:flex;width:100%;height:22px;border-radius:999px;overflow:hidden;background:#17324d14}.mastery-chart-mastered{background:linear-gradient(90deg,#67c587,#34a853)}.single-bar .mastery-chart-mastered{min-width:0}.mastery-chart-hard{background:linear-gradient(90deg,#ffd166,#f25f5c)}.mastery-chart-legend{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700}.progress-practice-modal{max-width:720px}.site-footer{margin-top:28px;padding-bottom:24px}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-radius:20px;background:#fff9;border:1px solid rgba(23,50,77,.08);animation:ui-fade-up .52s var(--ui-ease) both}.site-footer-inner a{color:var(--ink);text-decoration:none;font-weight:700;transition:opacity var(--ui-quick) ease,transform var(--ui-quick) ease}.nav a:hover,.ghost:hover,.brand:hover,.site-footer-inner a:hover{transform:translateY(-1px)}.topbar-user:hover{transform:translateY(-1px);box-shadow:0 16px 28px #5080bd1f}.page>*{animation:ui-fade-in .52s var(--ui-ease) both}.page>*:nth-child(2){animation-delay:60ms}.page>*:nth-child(3){animation-delay:.12s}.stack>*,.stack-lg>*{animation:ui-fade-up .42s var(--ui-ease) both}.stack>*:nth-child(2),.stack-lg>*:nth-child(2){animation-delay:50ms}.stack>*:nth-child(3),.stack-lg>*:nth-child(3){animation-delay:.1s}.toast{animation:ui-toast-in .26s var(--ui-ease) both}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-pop-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-toast-in{0%{opacity:0;transform:translate(12px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.battleship-mobile-board-tabs{display:none}.battleship-mobile-board-tab{border:1px solid rgba(23,50,77,.12);background:#ffffffd1;color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.battleship-mobile-board-tab.active{background:#0f6096;color:#fff;box-shadow:0 14px 26px #0f60963d}.battleship-mobile-board-tab:disabled{opacity:.56;cursor:default}.avatar-shell{position:relative;width:min(100%,360px)}.avatar-frame{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#e7f3fffa);border:1px solid rgba(94,168,255,.16)}.avatar-frame img,.avatar-frame svg,.avatar-frame>div{width:100%;height:100%;display:block}.avatar-frame img{object-fit:cover;object-position:center}.profile-avatar-large{position:relative;width:min(100%,240px);aspect-ratio:1;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#fffffff0,#e7f3fffa);border:1px solid rgba(94,168,255,.16)}.profile-avatar-large img,.profile-avatar-large>div{width:100%;height:100%;display:block}.profile-avatar-large img{object-fit:cover}.avatar-empty,.avatar-loader{position:absolute;inset:0;display:grid;place-items:center;gap:12px;padding:24px;text-align:center;color:var(--ink)}.avatar-empty{position:static;background:radial-gradient(circle at top,rgba(242,201,76,.24),transparent 34%),linear-gradient(180deg,#ffffffeb,#e4f1fff5)}.avatar-loader{background:#f0f7ffd6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.default-kid-avatar{position:relative;display:grid;place-items:center}.default-kid-avatar.large{width:100%;height:100%;background:radial-gradient(circle at top,rgba(242,201,76,.26),transparent 30%),linear-gradient(180deg,#f8fbff,#d9eeff)}.default-kid-avatar.mini{width:34px;height:34px}.default-kid-avatar.face-only{overflow:hidden}.default-kid-avatar.face-only .kid-body{display:none}.kid-head{position:relative;width:42%;aspect-ratio:1;border-radius:999px;background:#ffd8b3;box-shadow:inset 0 -8px #ffbe8847;animation:bob 2.8s ease-in-out infinite}.mini .kid-head{width:88%}.kid-hair{position:absolute;top:-8%;left:16%;width:68%;height:26%;border-radius:999px 999px 40% 50%;background:#5a7fb4}.kid-eye{position:absolute;top:42%;width:10%;height:10%;border-radius:999px;background:#17324d}.kid-eye.left{left:28%}.kid-eye.right{right:28%}.kid-smile{position:absolute;left:50%;bottom:22%;width:28%;height:16%;transform:translate(-50%);border-bottom:3px solid #17324d;border-radius:0 0 999px 999px}.face-only .kid-head{width:78%}.mini.face-only .kid-head{width:92%}.kid-body{position:absolute;bottom:14%;width:34%;height:28%;border-radius:30px 30px 16px 16px;background:linear-gradient(180deg,#5ea8ff,#7ec4ff)}.mini .kid-body{bottom:4%;width:42%;height:28%}.profile-badges{display:flex;flex-wrap:wrap;gap:10px}.profile-first-name{margin-left:10px;font-size:.72em;font-weight:500;color:#17324d8f}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#17324d14;color:#17324dcc;font-weight:700;font-size:.9rem}.badge.badge-on{background:#5ea8ff2e}.settings-card{max-width:760px}.stat-card{display:grid;gap:6px}.stat-label{margin:0;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#17324d94}.stat-card strong{font-size:1.8rem}.stat-card span{color:#17324dbf}.stat-progress,.accuracy-meter{width:100%;overflow:hidden;background:#17324d1a}.stat-progress{height:10px;border-radius:8px}.stat-progress span,.accuracy-meter span{display:block;height:100%;background:linear-gradient(90deg,#67c587,#34a853)}.accuracy-split{display:grid;gap:8px;margin-top:4px}.accuracy-row{display:grid;grid-template-columns:72px minmax(80px,1fr) 44px;gap:8px;align-items:center;font-size:.88rem}.accuracy-row span{min-width:0}.accuracy-row strong{font-size:.95rem;text-align:right}.accuracy-meter{height:8px;border-radius:8px}.accuracy-row:nth-child(2) .accuracy-meter span{background:linear-gradient(90deg,#5ea8ff,#2f6fed)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.board-card{padding:28px;background:linear-gradient(180deg,#fffffff5,#edf6fff5)}.board-card.multiplication-board,.empty-board.multiplication-board{background:radial-gradient(circle at top right,rgba(150,225,170,.2),transparent 34%),linear-gradient(180deg,#fbfffcfa,#edf8f1fa);border:1px solid rgba(88,166,114,.18)}.board-card.division-board,.empty-board.division-board{background:radial-gradient(circle at top right,rgba(184,158,255,.18),transparent 34%),linear-gradient(180deg,#fcfafffa,#f1ecfcfa);border:1px solid rgba(132,102,214,.18)}.shape-board{background:linear-gradient(180deg,#fffffff5,#edf6fff5)}.leaderboard-section-head{padding:0 6px}.leaderboard-switch-wrap{display:flex;justify-content:center;margin-top:18px}.leaderboard-switch{--switch-accent: rgba(120, 201, 146, .95);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;width:min(100%,380px);padding:6px;border-radius:999px;background:linear-gradient(180deg,#eff6fffa,#e5effcfa);border:1px solid rgba(23,50,77,.08);box-shadow:inset 0 1px #ffffffb8,0 16px 30px #17324d14}.leaderboard-switch.division{--switch-accent: rgba(164, 126, 244, .95)}.leaderboard-switch-indicator{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:calc(100% - 12px);border-radius:999px;background:var(--switch-accent);box-shadow:0 12px 24px #17324d24;transition:transform .22s ease,background .22s ease}.leaderboard-switch.division .leaderboard-switch-indicator{transform:translate(100%)}.leaderboard-switch-option{position:relative;z-index:1;border:0;background:transparent;color:#17324db8;font-weight:800;font-size:1rem;padding:14px 18px;border-radius:999px;cursor:pointer;transition:color .18s ease,transform .18s ease}.leaderboard-switch-option.active{color:#fff}.leaderboard-switch-option:hover{transform:translateY(-1px)}.leaderboard-hero{gap:14px}.board-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#f2c94c2e;color:var(--ink);font-weight:700}.board-badge.multiplication-badge{background:#78c99229;color:#245738}.board-badge.division-badge{background:#a47ef429;color:#5b4298}.empty-board{min-height:260px;display:grid;place-items:center;text-align:center;gap:10px}.leaderboard-user,.friend-link{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.leaderboard-avatar{display:inline-grid;place-items:center;background:linear-gradient(180deg,#fffffffa,#e3effffa)}.leaderboard-avatar.no-image{border-color:#5ea8ff24}.current-user-row{background:#f2c94c24}.current-user-row td{font-weight:800}.leaderboard-page{display:grid;gap:20px}.leaderboard-hero-card{position:relative;overflow:hidden;display:grid;gap:8px;padding:clamp(24px,4vw,34px);background:radial-gradient(circle at 12% 12%,rgba(255,203,61,.24),transparent 22%),radial-gradient(circle at 86% 20%,rgba(120,201,146,.18),transparent 24%),linear-gradient(135deg,#fffffffa,#ebf6fff0)}.leaderboard-hero-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:999px;background:#5ea8ff29;filter:blur(6px)}.leaderboard-hero-card>*+*,.leaderboard-controls>*+*,.leaderboard-active-board>*+*{margin-top:0}.leaderboard-hero-card h1{margin:0;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.94;letter-spacing:-.07em}.leaderboard-control-block>span,.leaderboard-row-score small{font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#17324d94}.leaderboard-controls{display:grid;gap:18px;padding:14px 18px 18px;background:#ffffffb3}.leaderboard-filter-row{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(320px,1.45fr);gap:18px}.leaderboard-control-block{display:grid;gap:10px}.leaderboard-segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:22px;background:#17324d0f;border:1px solid rgba(23,50,77,.08)}.leaderboard-segmented.period-segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-segmented.game-segmented{grid-template-columns:repeat(4,minmax(0,1fr))}.leaderboard-segmented.game-segmented .leaderboard-segment{padding-inline:12px;font-size:.96rem;line-height:1.2}.leaderboard-segment{border:0;cursor:pointer;padding:13px 16px;border-radius:17px;background:transparent;color:#17324db8;font-weight:900;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,color .14s ease}.leaderboard-segment:hover{transform:translateY(-1px)}.leaderboard-segment.active{background:#fff;color:#245738;box-shadow:0 14px 24px #5080bd1f}.leaderboard-segmented.division .leaderboard-segment.active{color:#5b4298}.period-segmented .leaderboard-segment.active{color:var(--ink)}.leaderboard-active-board{display:grid;gap:22px;padding:clamp(20px,4vw,30px);background:radial-gradient(circle at top right,rgba(150,225,170,.2),transparent 34%),linear-gradient(180deg,#fbfffcfa,#edf8f1fa);border-color:#58a6722e}.leaderboard-active-board.division-board{background:radial-gradient(circle at top right,rgba(184,158,255,.2),transparent 34%),linear-gradient(180deg,#fcfafffa,#f1ecfcfa);border-color:#8466d62e}.leaderboard-board-head{align-items:flex-start;gap:18px;justify-content:space-between}.leaderboard-board-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.05em}.leaderboard-board-head-side{display:grid;justify-items:end;gap:14px}.leaderboard-board-periods{padding:5px;background:linear-gradient(180deg,#ffffff38,#ffffff1a);border:1px solid rgba(47,107,68,.18);box-shadow:inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leaderboard-board-periods.division{background:linear-gradient(180deg,#ffffff2e,#ffffff14);border-color:#634aa938}.leaderboard-board-periods .leaderboard-segment{color:#1f482ec7}.leaderboard-board-periods.division .leaderboard-segment{color:#523a90d1}.leaderboard-board-periods .leaderboard-segment.active{background:#ffffffeb;color:#245738;box-shadow:0 10px 22px #386c4a29}.leaderboard-board-periods.division .leaderboard-segment.active{background:#ffffffe6;color:#5b4298;box-shadow:0 10px 22px #543f9029}.leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end}.leaderboard-podium-card{position:relative;display:grid;justify-items:center;gap:6px;min-height:248px;padding:24px 18px 20px;border-radius:28px;text-align:center;color:var(--ink);background:#ffffffe6;border:1px solid rgba(23,50,77,.06);box-shadow:0 22px 50px #5080bd1a}.leaderboard-podium-card.rank-two{order:1}.leaderboard-podium-card.rank-one{order:2;min-height:340px;padding-block:30px 24px;border-radius:34px;background:radial-gradient(circle at top,rgba(178,214,168,.18),transparent 38%),linear-gradient(180deg,#f8fcf6fa,#f0f7edf0);border-color:#58a67229;box-shadow:0 28px 64px #5080bd1f}.leaderboard-podium-card.rank-three{order:3}.leaderboard-podium-card.current-user-card,.leaderboard-row.current-user-row{outline:2px solid rgba(242,201,76,.72);outline-offset:2px}.leaderboard-podium-visual{position:relative;display:grid;justify-items:center;margin-bottom:8px}.leaderboard-rank-pill{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:7px 14px;border-radius:999px;background:#646d77d1;color:#fff;font-weight:900;box-shadow:0 10px 18px #17324d1f}.rank-one .leaderboard-rank-pill{background:#5c8248}.rank-three .leaderboard-rank-pill{background:#c6a56a}.leaderboard-podium-avatar{color:inherit;text-decoration:none}.leaderboard-podium-avatar-frame{display:inline-grid;place-items:center;width:70px;height:70px;padding:4px;border-radius:16px;background:linear-gradient(180deg,#181e21f5,#20272cf5);box-shadow:0 18px 34px #17324d2e}.leaderboard-podium-avatar .leaderboard-avatar{width:100%;height:100%;border:0;border-radius:12px;overflow:hidden}.rank-one .leaderboard-podium-avatar-frame{width:110px;height:110px;padding:5px;border-radius:18px;background:linear-gradient(180deg,#1b2818fa,#141d11f5);box-shadow:0 22px 42px #49703f33}.leaderboard-podium-card h3,.leaderboard-podium-card strong,.leaderboard-podium-card span{margin:0}.leaderboard-podium-card h3 a{color:inherit;text-decoration:none}.leaderboard-podium-card h3{font-size:1.25rem}.rank-one.leaderboard-podium-card h3{font-size:clamp(2rem,4vw,2.6rem)}.leaderboard-podium-meta{color:#17324d9e;font-size:.98rem;font-weight:700}.leaderboard-podium-card strong{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1;letter-spacing:-.06em;color:#4f7d49}.rank-one.leaderboard-podium-card strong{font-size:clamp(3rem,6vw,4.1rem)}.leaderboard-podium-score-label{color:#4f7d49b8;font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.leaderboard-list{display:grid;gap:16px}.leaderboard-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-radius:24px;color:inherit;text-decoration:none;background:#ffffffdb;border:1px solid rgba(23,50,77,.05);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.leaderboard-row:hover{transform:translateY(-1px);background:#ffffffe6;box-shadow:0 16px 34px #5080bd1f}.leaderboard-row-rank{width:32px;text-align:center;font-weight:900;color:#17324d75}.leaderboard-row-user,.leaderboard-row-score{display:grid;gap:3px}.leaderboard-row-user strong{font-size:1.1rem}.leaderboard-row-user small{color:#17324d94;font-weight:700}.leaderboard-row-score{justify-items:end}.leaderboard-row-score strong{font-size:1.2rem}.leaderboard-empty-selected{display:grid;justify-items:center;gap:12px;min-height:300px;align-content:center;text-align:center}@media(max-width:860px){.leaderboard-filter-row,.leaderboard-podium{grid-template-columns:minmax(0,1fr)}.leaderboard-board-head{flex-direction:column;align-items:stretch}.leaderboard-board-head-side{width:100%;justify-items:start}.leaderboard-board-periods{width:100%;max-width:480px}.leaderboard-podium-card.rank-one,.leaderboard-podium-card.rank-two,.leaderboard-podium-card.rank-three{order:initial}.leaderboard-podium-card,.leaderboard-podium-card.rank-one{min-height:0}}@media(max-width:620px){.leaderboard-hero-card,.leaderboard-active-board{border-radius:24px}.leaderboard-segmented,.leaderboard-segmented.period-segmented,.leaderboard-segmented.game-segmented{grid-template-columns:minmax(0,1fr)}.leaderboard-segmented.period-segmented.leaderboard-board-periods{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px;border-radius:18px}.leaderboard-board-periods .leaderboard-segment{min-height:48px;padding:10px 8px;border-radius:14px;font-size:.92rem;line-height:1.15}.leaderboard-row{grid-template-columns:auto auto minmax(0,1fr)}.leaderboard-row-score{grid-column:3;justify-items:start}}.toast-stack{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:3200;display:grid;gap:12px;justify-items:center;width:min(520px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px 18px;border-radius:20px;border:1px solid rgba(23,50,77,.1);background:#ffffffe6;box-shadow:0 18px 40px #17324d29;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto}.toast.error{border-color:#f25f5c38;background:linear-gradient(180deg,#fff5f4fa,#fffffff5)}.toast.success{border-color:#5ea8ff38;background:linear-gradient(180deg,#eff7fffa,#fffffff5)}.toast-close{border:0;background:transparent;color:#17324d99;cursor:pointer;padding:0;white-space:nowrap}@keyframes resume-footer-slide-up{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.resume-game-footer{position:fixed;bottom:0;left:0;right:0;z-index:3100;padding:0 16px 16px;pointer-events:none;animation:resume-footer-slide-up .38s var(--ui-ease) both}.resume-game-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:22px;background:#ffffffeb;border:1px solid rgba(94,168,255,.18);box-shadow:0 24px 52px #17324d2e,0 4px 12px #17324d14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);pointer-events:auto}.resume-game-info{display:flex;align-items:center;gap:12px;min-width:0}.resume-game-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.resume-game-text{display:flex;flex-direction:column;gap:2px;min-width:0}.resume-game-heading{font-weight:800;font-size:.97rem;color:var(--ink);white-space:nowrap}.resume-game-label{font-size:.82rem;color:#17324d9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-game-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.resume-game-btn{padding:10px 20px;font-size:.95rem;border-radius:14px;background:linear-gradient(135deg,#ffcb3d,#ff9f43);color:var(--ink);font-weight:700;box-shadow:0 8px 18px #ff9f4347}.resume-game-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ff9f435c}.resume-game-abandon{border:0;background:transparent;color:#17324d85;cursor:pointer;padding:10px 12px;border-radius:14px;font-size:.88rem;font-weight:600;transition:background-color var(--ui-quick) ease,color var(--ui-quick) ease}.resume-game-abandon:hover{background:#f25f5c1a;color:var(--warn)}.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;overflow-y:auto;padding:24px;background:#17324d47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.onboarding-backdrop{z-index:3000;background:#0c1a2a94}.stacked-modal-backdrop{z-index:3100}.modal-dialog{position:fixed;inset:0;z-index:3000;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible}.modal-dialog[open]{display:grid;place-items:center}.modal-dialog::backdrop{background:#0c1a2a47;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-dialog .modal-card{margin:24px;max-height:calc(100vh - 48px);overflow-y:auto}.modal-card{position:relative;z-index:1;width:min(760px,100%);background:#f8fcfffa;border:1px solid rgba(94,168,255,.14);border-radius:32px;padding:28px;box-shadow:0 24px 60px #17324d38}.onboarding-modal{width:min(980px,100%);display:grid;gap:24px;max-height:calc(100vh - 48px);overflow-y:auto}.onboarding-flat-modal{padding-bottom:0}.onboarding-flat-form{display:grid;gap:18px}.onboarding-flat-box{display:grid;gap:16px;padding:20px;border-radius:26px;border:1px solid rgba(94,168,255,.14);background:radial-gradient(circle at top left,rgba(94,168,255,.1),transparent 26%),#ffffffbd}.onboarding-flat-box h3{margin:0;font-size:clamp(1.25rem,2.4vw,1.7rem);letter-spacing:-.03em}.onboarding-modal-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;margin:4px -28px 0;padding:18px 28px 24px;border-top:1px solid rgba(23,50,77,.08);background:linear-gradient(180deg,#f8fcffc7,#f8fcfffa 36%),#f8fcfffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:0 0 32px 32px}.field-hint,.field-error{margin:-8px 0 0;font-size:.95rem}.field-hint{color:#17324dad}.field-error{color:#b93b42;font-weight:700}.avatar-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.onboarding-avatar-options-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.avatar-option-card{display:grid;gap:10px;padding:12px;border-radius:24px;border:1px solid rgba(94,168,255,.16);background:#ffffffd1;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.avatar-option-card:hover{transform:translateY(-2px);border-color:#ff9f436b;box-shadow:0 18px 30px #17324d24}.avatar-option-card.selected{border-color:#ff9f43a3;box-shadow:0 0 0 1px #ff9f4329,0 18px 32px #ff9f4333;background:radial-gradient(circle at top left,rgba(255,203,61,.16),transparent 34%),linear-gradient(180deg,#fffcf1fa,#fffffff0)}.avatar-option-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}.avatar-option-meta{color:#17324dad;font-size:.93rem;line-height:1.4}.create-avatar-card{place-items:center;text-align:center;align-content:center;min-height:100%;background:radial-gradient(circle at top,rgba(94,168,255,.18),transparent 34%),linear-gradient(180deg,#f1f8fff5,#fffffff0);border-style:dashed}.create-avatar-card-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#5ea8ff1f;color:var(--ink);font-size:2rem;font-weight:700}.generated-avatar-preview{max-width:320px}.generator-panel{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(94,168,255,.16);background:radial-gradient(circle at top left,rgba(94,168,255,.12),transparent 32%),linear-gradient(180deg,#f5fafffa,#fffffff0)}.generator-placeholder{display:grid;gap:8px;place-items:center;min-height:220px;padding:24px;border-radius:22px;border:1px dashed rgba(94,168,255,.3);background:#5ea8ff0d;text-align:center}.generator-placeholder strong{font-size:1.05rem}.generator-panel-actions{display:flex;justify-content:flex-start}.button-compact{min-height:42px;padding:10px 16px;font-size:.96rem}.modal-footer-actions{display:flex;justify-content:flex-end;padding-top:6px}.game-setup-page{display:grid;gap:28px;min-height:calc(100svh - 140px)}.game-setup-hero{position:relative;overflow:hidden;display:grid;gap:14px;padding:clamp(28px,5vw,56px);border:1px solid rgba(94,168,255,.14);border-radius:36px;background:radial-gradient(circle at 12% 18%,rgba(255,203,61,.24),transparent 24%),radial-gradient(circle at 88% 12%,rgba(94,168,255,.24),transparent 26%),linear-gradient(135deg,#fffffff5,#eaf4ffe6);box-shadow:0 24px 60px #5080bd29}.game-setup-hero h1{max-width:920px;margin:0;font-size:clamp(2.3rem,6vw,5.2rem);line-height:.95;letter-spacing:-.06em}.game-setup-hero .lede{max-width:680px}.game-setup-back{position:absolute;top:24px;right:24px;background:#ffffffb8;border:1px solid rgba(23,50,77,.08)}.game-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:24px;align-items:start}.game-setup-main,.game-setup-section,.game-rules-section,.game-setup-summary,.game-setup-summary-copy,.game-setup-summary-list{display:grid}.game-setup-main{gap:24px}.game-setup-section{gap:20px;padding:24px;border:1px solid var(--line);border-radius:32px;background:#ffffffc7;box-shadow:var(--shadow)}.game-setup-section-head h2,.game-setup-summary h2{margin:6px 0 0}.setup-game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-game-mode-grid .game-mode-card{min-height:100%}.setup-game-mode-grid .game-mode-card.active{transform:translateY(-3px);box-shadow:0 0 0 4px #f2c94c80,0 24px 44px #17324d29}.game-mode-card.active:after{content:"Pasirinkta";position:absolute;top:12px;right:12px;padding:7px 11px;border-radius:999px;background:#17324dd1;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.game-mode-pill{justify-self:start;padding:5px 9px;border-radius:999px;background:#5ea8ff1f;color:#17324dad;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.setup-answer-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-answer-style-grid .mode-option.active{transform:translateY(-2px);box-shadow:0 0 0 4px #f2c94c80,0 20px 36px #17324d24}.setup-answer-style-grid .mode-option.active:after{content:"Pasirinkta";position:absolute;top:14px;right:14px;padding:7px 11px;border-radius:999px;background:#17324de6;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.game-setup-summary{position:sticky;top:24px;gap:18px;padding:24px;border-radius:34px;background:radial-gradient(circle at top left,rgba(242,201,76,.24),transparent 28%),radial-gradient(circle at bottom right,rgba(94,168,255,.22),transparent 32%),#fffffff0;border:1px solid rgba(23,50,77,.1);box-shadow:0 28px 68px #5080bd33}.game-setup-summary-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:24px;border:1px solid rgba(23,50,77,.08);background:#e7effacc}.game-setup-summary-copy{gap:8px}.game-setup-summary-copy p{margin:0;color:#17324dc2;line-height:1.48}.game-setup-summary-list{gap:10px}.game-setup-summary-list div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid rgba(23,50,77,.1)}.game-setup-summary-list span{color:#17324d99;font-weight:800}.game-setup-summary-list strong{text-align:right}.game-setup-play-button{width:100%;min-height:76px;justify-content:center;font-size:clamp(1.35rem,3vw,1.9rem);border-radius:24px}.game-modal,.avatar-modal{position:relative;display:grid;gap:20px}.game-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-mode-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:0;padding:0;text-align:left;overflow:hidden;appearance:none;font:inherit;border:1px solid rgba(23,50,77,.08);border-radius:26px;background:linear-gradient(180deg,#fffffffa,#f1f7fff5);box-shadow:0 10px 24px #17324d14;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.game-mode-card:hover{transform:translateY(-1px);box-shadow:0 16px 30px #17324d1f;border-color:#5ea8ff3d}.game-mode-card.active{border-color:#f2c94c61;box-shadow:0 18px 34px #f2c94c29}.game-mode-card.classic-mode-card.active{border-color:#f2c94cd1;box-shadow:0 0 0 4px #f2c94c75,0 24px 44px #f2c94c3d;background:radial-gradient(circle at top left,rgba(255,221,112,.32),transparent 38%),linear-gradient(180deg,#fffffffc,#fff9e7f5)}.game-mode-card.shape-mode-card.active{border-color:#5ea8ffc7;box-shadow:0 0 0 4px #5ea8ff61,0 24px 44px #5ea8ff3d;background:radial-gradient(circle at top left,rgba(94,168,255,.3),transparent 38%),linear-gradient(180deg,#fffffffc,#ecf5fff5)}.game-mode-card.rocket-mode-card.active{border-color:#ff9f43cc;box-shadow:0 0 0 4px #ff9f4361,0 24px 44px #ff9f433d;background:radial-gradient(circle at top left,rgba(255,159,67,.3),transparent 38%),linear-gradient(180deg,#fffffffc,#fff5ecf5)}.game-mode-card.battleship-mode-card.active{border-color:#2e86c1cc;box-shadow:0 0 0 4px #2e86c161,0 24px 44px #2e86c13d;background:radial-gradient(circle at top left,rgba(46,134,193,.3),transparent 38%),linear-gradient(180deg,#fffffffc,#ecf7fff5)}.game-mode-card img{width:100%;height:156px;object-fit:cover;display:block;border-bottom:1px solid rgba(23,50,77,.06);background:#e7effacc}.game-mode-card-copy{display:grid;gap:6px;padding:16px 16px 18px}.game-mode-card-copy strong{font-size:1.02rem}.game-mode-card-copy span{color:#17324dc2;line-height:1.38;font-size:.98rem}.avatar-modal{width:min(520px,100%)}.qr-modal{justify-items:center;text-align:center}.qr-image{width:min(320px,100%);border-radius:24px;border:1px solid rgba(94,168,255,.14);background:#fff;padding:14px}.modal-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;border:0;background:#17324d14;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}.modal-close:hover{background:#f2c94c38}.mode-grid{display:grid;gap:14px}.game-operation-switch-wrap{margin-top:6px}.mode-option{position:relative;display:grid;gap:8px;text-align:left;padding:18px 20px;border-radius:24px;border:1px solid rgba(23,50,77,.08);background:#fffc;color:var(--ink);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.mode-option.multiplication-option{background:radial-gradient(circle at top right,rgba(150,225,170,.18),transparent 34%),linear-gradient(180deg,#fbfffcfa,#edf8f1fa);border-color:#58a67224}.mode-option.division-option{background:radial-gradient(circle at top right,rgba(184,158,255,.16),transparent 34%),linear-gradient(180deg,#fcfafffa,#f1ecfcfa);border-color:#8466d624}.mode-option:hover{border-color:#f2c94c61}.mode-option.multiplication-option.active{border-color:#58a672c7;background:radial-gradient(circle at top right,rgba(150,225,170,.46),transparent 38%),linear-gradient(180deg,#f4fff7,#daf4e2fa);box-shadow:0 0 0 4px #58a67257,0 20px 36px #58a6723d}.mode-option.division-option.active{border-color:#8466d6c7;background:radial-gradient(circle at top right,rgba(184,158,255,.38),transparent 38%),linear-gradient(180deg,#faf7ff,#e8dffffa);box-shadow:0 0 0 4px #8466d652,0 20px 36px #8466d63d}.mode-option.active:not(.multiplication-option):not(.division-option){border-color:#f2c94c8c;background:linear-gradient(180deg,#fff8d6fa,#ffffffeb);box-shadow:0 0 0 4px #f2c94c61,0 20px 36px #f2c94c3d}.mode-option strong{font-size:1.1rem}.setup-answer-style-grid .mode-option.active strong{max-width:calc(100% - 118px)}.mode-option span,.mode-option small{color:#17324dc7}.toggle-row{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:22px;background:#5ea8ff14}.toggle-row input{width:18px;height:18px;margin-top:2px}.toggle-row span{display:grid;gap:4px}.friends-layout{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.friend-invite-form{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;align-items:end}.friend-list{display:grid;gap:14px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:22px;background:#5ea8ff14}.friend-link span:last-child{display:grid;gap:4px}.friend-link small{color:#17324da3}.avatar-modal-state{display:grid;place-items:center;gap:12px;min-height:150px;text-align:center;border-radius:24px;background:#5ea8ff14}.avatar-modal-state.success{background:#f2c94c24}.spinner{width:42px;height:42px;border-radius:999px;border:4px solid rgba(23,50,77,.12);border-top-color:var(--accent-2);animation:spin .9s linear infinite}.spinner-lg{width:54px;height:54px}.success-check{width:60px;height:60px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--ink);font-size:2rem;font-weight:800;box-shadow:0 18px 30px #f2c94c47}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:860px){.profile-card .profile-main{flex-direction:column-reverse}.profile-hero-main{grid-template-columns:1fr}.avatar-shell{width:100%;max-width:360px}.profile-side{position:absolute;top:20px;right:20px;width:auto;justify-items:end}.learning-grid,.choices,.avatar-options-grid{grid-template-columns:1fr}}@media(max-width:720px){.shell{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.friend-invite-form,.friend-row{grid-template-columns:1fr;align-items:stretch}.friend-row{display:grid}.toast-stack{bottom:16px;width:calc(100vw - 24px)}.modal-backdrop{padding:16px;place-items:start center}.modal-card{padding:22px}.onboarding-modal{max-height:calc(100vh - 32px)}.onboarding-modal-footer{margin-inline:-22px;padding-inline:22px}.card,.lesson{padding:18px;border-radius:24px}.learning-grid{gap:14px}.learning-grid-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.learning-grid-controls .chip{width:100%;min-height:42px;padding:10px 0;font-size:.86rem}.lesson{padding:16px 16px 18px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,203,61,.14),transparent 34%),linear-gradient(180deg,#fffffffa,#f0f7fff0)}.lesson-head{gap:8px;justify-items:start}.lesson-equation{width:100%;justify-content:space-between;align-items:center;gap:12px;text-align:left}.lesson-expression{font-size:clamp(1.4rem,7vw,2rem);line-height:.95}.lesson-equals{display:none}.lesson-answer{flex:0 0 auto;display:grid;place-items:center;min-width:60px;padding:10px 12px;border-radius:18px;font-size:clamp(1.4rem,8vw,2rem);text-align:center;background:#ffcb3d3d;box-shadow:inset 0 0 0 1px #f2c94c4d}.lesson-note{text-align:left;font-size:.88rem}.visual-groups{display:grid;grid-template-columns:repeat(5,minmax(0,28px));width:100%;justify-content:start;gap:8px;margin-top:12px;padding-bottom:4px;overflow:visible;-webkit-mask-image:none;mask-image:none}.group{width:28px;padding:7px 3px;border-radius:14px;gap:2px}.dot{width:8px;height:8px}.number-line-plot{--number-line-padding: 18px;min-height:250px;padding:48px 18px 84px}.number-line-badge{font-size:.85rem;padding:7px 12px}.learning-mobile-rotate-card{display:none}.learning-matrix-mobile{display:grid}.matrix-wrap{display:none}.learning-matrix-overlay{padding-inline:12px}.learning-matrix-overlay .learning-matrix-mobile-detail{padding:18px;border-radius:24px}.learning-matrix-mobile-head{align-items:flex-start}.learning-matrix-zoom-grid{gap:10px}.learning-matrix-zoom-cell{min-height:96px;border-radius:20px}}@media(max-width:720px)and (orientation:portrait){.learning-mobile-rotate-card{display:grid;gap:8px;padding:18px;border-radius:22px;background:radial-gradient(circle at top left,rgba(255,203,61,.18),transparent 30%),#ffffffc7;border:1px solid rgba(23,50,77,.08)}.number-line-plot{display:none}}@media(max-width:720px)and (orientation:landscape){.number-line-lesson{gap:12px}.learning-matrix-overlay{align-items:center;padding-block:16px}.learning-matrix-overlay-panel{width:min(100%,560px);margin-inline:auto}.number-line-plot{--number-line-padding: 22px;--number-line-track-top: 88px;min-height:188px;padding:34px 22px 54px}.number-line-jumps{top:90px}.number-line-jump,.number-line-jumps{height:62px}.number-line-jump-label{top:48px}}.arcade-session-card{background:radial-gradient(circle at top left,rgba(94,168,255,.2),transparent 24%),radial-gradient(circle at bottom right,rgba(255,203,61,.18),transparent 26%),#ffffffeb}.arcade-hud{justify-content:space-between;gap:14px}.battleship-hud{justify-content:space-between;gap:14px;flex-wrap:wrap}.battleship-layout{display:grid;gap:24px;position:relative}.battleship-stage{display:grid;gap:16px;padding:24px;border-radius:28px;background:radial-gradient(circle at top left,rgba(94,168,255,.14),transparent 28%),linear-gradient(180deg,#fffffffa,#eef7fff5);border:1px solid rgba(94,168,255,.18)}.battleship-copy{display:grid;gap:14px}.battleship-copy>*{margin:0}.battleship-placement-toolbar,.battleship-ship-palette{display:flex;gap:12px;flex-wrap:wrap}.battleship-ship-chip{border:1px solid rgba(23,50,77,.12);background:#ffffffd1;color:var(--ink);border-radius:999px;padding:12px 16px;font-weight:700;cursor:pointer}.battleship-ship-chip.active{background:#0f6096;color:#fff;box-shadow:0 14px 26px #0f60963d}.battleship-ship-chip.placed{background:#0f60961f;color:#17324d9e}.battleship-status{min-height:24px;color:#17324dcc}.battleship-status-strip{display:grid;gap:6px;min-height:72px;align-content:center;padding:18px 22px;border-radius:24px;background:#ffffffc7;border:1px solid rgba(94,168,255,.16)}.battleship-status-strip strong,.battleship-status-strip span{margin:0}.battleship-status-strip span{color:#17324dc2}.battleship-board-arena{position:relative}.battleship-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.battleship-board-card{display:grid;gap:14px;padding:20px;border-radius:28px;background:radial-gradient(circle at top center,rgba(255,255,255,.56),transparent 40%),linear-gradient(180deg,#134976fa,#0a2843f5);color:#fff;box-shadow:0 22px 44px #0920353d}.battleship-board-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.battleship-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;position:relative}.battleship-cell{aspect-ratio:1;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1rem;font-weight:800;box-shadow:inset 0 1px #ffffff0f;position:relative;overflow:hidden}.battleship-cell.ship{background:linear-gradient(180deg,#87badf6b,#5987aea8)}.battleship-cell.preview{background:#6fcd976b}.battleship-cell.preview-invalid{background:#f25f5c7a}.battleship-cell.targetable{background:#ffffff1f;cursor:crosshair}.battleship-cell.targetable:hover{transform:translateY(-1px) scale(1.02);background:#ffd16657}.battleship-cell.hit{background:linear-gradient(180deg,#ff8866d6,#cb3921eb)}.battleship-cell.miss{background:#cce5ff29;color:#ffffffd1}.battleship-cell.sunk,.battleship-cell.revealed-ship.sunk{background:linear-gradient(180deg,#ffc94cf5,#f25f5cfa);color:#102842}.battleship-cell.revealed-ship{background:linear-gradient(180deg,#ff956ed6,#cc4a34f0)}.battleship-cell.fresh-sunk{animation:battleship-burn .9s ease-in-out 2}.battleship-cell.impact:after{content:"";position:absolute;inset:16%;border-radius:999px;border:2px solid rgba(255,255,255,.88);animation:battleship-impact-ring .52s ease-out}.battleship-board-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;border-radius:18px;background:#07152394;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;padding:18px}.battleship-board-overlay strong{font-size:1.1rem;letter-spacing:.02em}.battleship-shot-trail{position:absolute;left:var(--shot-x);top:-18px;width:14px;height:14px;z-index:5;border-radius:999px;background:radial-gradient(circle,#fff8d0,#ffd166 55%,#ffd16600);box-shadow:0 0 18px #ffd166b8;transform:translate(-50%)}.battleship-shot-trail:before{content:"";position:absolute;left:50%;width:4px;border-radius:999px;transform:translate(-50%);background:linear-gradient(180deg,#fff0b400,#ffd166f2)}.battleship-shot-trail.from-player{animation:battleship-shot-drop .52s ease-in forwards}.battleship-shot-trail.from-player:before{top:-260px;height:260px}.battleship-shot-trail.from-computer{animation:battleship-shot-drop .52s ease-in forwards}.battleship-shot-trail.from-computer:before{top:-260px;height:260px}.battleship-cell.hit-pulse{animation:battleship-hit-pulse .7s ease-out}.battleship-question-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;pointer-events:none}.battleship-overlay{position:absolute;inset:0;z-index:12;padding:24px;background:#0b1d2f6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.battleship-modal-card{width:min(560px,100%);margin:auto;display:grid;gap:20px;padding:28px 32px}.battleship-question-panel{width:min(460px,100%);margin:0;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,203,61,.2),transparent 28%),linear-gradient(135deg,#fffffffa,#e8f4fff5);border:1px solid rgba(94,168,255,.18);box-shadow:0 28px 70px #09203552;pointer-events:auto}.battleship-modal-card>*+*{margin-top:0}.battleship-modal-card>*{margin:0}.battleship-modal-card h3{line-height:1.12}.battleship-modal-card .choices,.battleship-modal-card form{margin:0}.battleship-modal-card .choices{width:100%;align-items:stretch}.battleship-modal-card .answer-choice{width:100%;min-width:0;min-height:96px;aspect-ratio:auto;padding:12px 10px;font-size:clamp(1.7rem,4vw,2.5rem)}.battleship-modal-card .game-equation{margin-bottom:0;margin-top:0;text-align:center}.battleship-modal-card .eyebrow{margin-bottom:0}.arcade-game-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.arcade-game-layout.bump{animation:arcade-scene-bump .46s ease}.arcade-scene{position:relative;min-height:620px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(114,167,255,.22),transparent 34%),linear-gradient(180deg,#050d1f,#0c1a3d 58%,#112c58);border:1px solid rgba(145,198,255,.14);box-shadow:inset 0 1px #ffffff0f,0 26px 48px #07162f3d}.arcade-scene:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;opacity:0}.arcade-scene.final-crash:after{animation:arcade-final-crash-pulse .9s ease-in-out infinite}.arcade-scene-hud{position:absolute;top:16px;left:16px;right:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.arcade-scene-level,.arcade-scene-hearts{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:8px;background:#040e21ad;border:1px solid rgba(178,218,255,.24);color:#f8fbff;box-shadow:0 12px 24px #05102238;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arcade-scene-level{font-size:.9rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.arcade-scene-hearts{gap:3px}.arcade-scene-hearts .heart{color:#ff6f91;text-shadow:0 0 14px rgba(255,111,145,.46)}.arcade-nebula{position:absolute;border-radius:999px;filter:blur(10px);opacity:.48}.arcade-nebula.one{width:240px;height:240px;top:-40px;left:-30px;background:radial-gradient(circle,#74adff73,#74adff00)}.arcade-nebula.two{width:280px;height:280px;right:-90px;bottom:80px;background:radial-gradient(circle,#ffa26861,#ffa26800)}.arcade-star{position:absolute;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fffef8,#fff0a8 55%,#fff0);box-shadow:0 0 12px #fff3;animation:arcade-star-rise linear infinite,arcade-star-twinkle ease-in-out infinite alternate}.arcade-star.far{filter:blur(.2px)}.arcade-star.mid{filter:blur(.1px)}.arcade-star.near{box-shadow:0 0 18px #ffffff42}.arcade-lane-marker{position:absolute;top:0;bottom:0;width:2px;border-radius:999px;transform:translate(-50%);background:linear-gradient(180deg,#fff0,#a2d1ff73,#fff0);opacity:.3}.arcade-asteroid-stack{position:absolute;inset:0}.arcade-asteroid{position:absolute;top:-14%;width:clamp(110px,18vw,160px);aspect-ratio:1;transform:translate(-50%) translateY(-16%) rotate(0) scale(.8);filter:drop-shadow(0 18px 22px rgba(20,11,10,.36));transition:transform 0ms linear,opacity .22s ease}.arcade-asteroid svg{width:100%;height:100%;display:block}.arcade-rocket{position:absolute;left:50%;bottom:8px;width:clamp(110px,14vw,150px);transition:left .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),filter .26s ease;filter:drop-shadow(0 20px 30px rgba(46,142,255,.2))}.arcade-rocket.settling{transition-duration:.42s,3s,.26s}.arcade-rocket svg{display:block;width:100%;height:100%;animation:arcade-rocket-glide 3.8s ease-in-out infinite}.arcade-rocket-flame{transform-origin:center top;animation:arcade-flame .78s ease-in-out infinite alternate}.arcade-rocket.boost{filter:drop-shadow(0 20px 34px rgba(255,197,97,.32))}.arcade-rocket.boost svg{animation:arcade-rocket-boost .52s ease}.arcade-rocket.bump svg{animation:arcade-rocket-bump .44s ease}.arcade-panel{display:grid;gap:18px;padding:24px;border-radius:28px;background:radial-gradient(circle at top right,rgba(255,203,61,.16),transparent 26%),linear-gradient(180deg,#fffffffa,#ecf4fffa);border:1px solid rgba(94,168,255,.16);box-shadow:0 20px 38px #5080bd1f}.arcade-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.arcade-mobile-end-button{display:none}.arcade-panel .game-equation{margin-bottom:0;font-size:clamp(2.8rem,8vw,4.6rem)}.arcade-countdown{display:inline-flex;align-items:center;justify-content:center;min-width:102px;padding:10px 14px;border-radius:999px;background:#10284214;color:#102842;font-size:.92rem;font-weight:800}.arcade-approach-copy{display:grid;gap:10px;min-height:220px;align-content:center;padding:22px;border-radius:24px;text-align:center;background:radial-gradient(circle at top center,rgba(94,168,255,.14),transparent 34%),#ffffffb8;border:1px solid rgba(94,168,255,.14)}.arcade-approach-copy p,.arcade-approach-copy strong{margin:0}.arcade-approach-copy p{color:#17324db8}.arcade-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arcade-answer-choice{min-height:86px;aspect-ratio:auto;font-size:clamp(1.35rem,3vw,2rem);padding:14px 10px}@keyframes arcade-star-rise{0%{transform:translateY(0)}to{transform:translateY(185vh)}}@keyframes arcade-star-twinkle{0%{opacity:.25}to{opacity:1}}@keyframes arcade-flame{0%{transform:scaleY(.82);opacity:.84}to{transform:scaleY(1.18);opacity:1}}@keyframes arcade-rocket-glide{0%,to{transform:translate(0) translateY(0) rotate(0)}25%{transform:translate(-5px) translateY(-4px) rotate(-2deg)}50%{transform:translate(4px) translateY(-7px) rotate(1.5deg)}75%{transform:translate(-3px) translateY(-3px) rotate(-1deg)}}@keyframes arcade-rocket-boost{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-8px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes arcade-rocket-bump{0%{transform:translate(0) rotate(0)}22%{transform:translate(-10px) rotate(-7deg)}48%{transform:translate(7px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes arcade-final-crash-pulse{0%,to{opacity:.08;background:#ff5c5c29}50%{opacity:.9;background:#ff484857}}@keyframes arcade-scene-bump{0%,to{transform:translate(0)}22%{transform:translate(-5px)}44%{transform:translate(4px)}68%{transform:translate(-2px)}}@keyframes battleship-burn{0%,to{transform:scale(1);box-shadow:0 0 #ffb45a00}50%{transform:scale(1.08);box-shadow:0 0 18px #ffb45aad}}@keyframes battleship-shot-drop{0%{top:-18px;opacity:0;transform:translate(-50%) scale(.7)}15%{opacity:0}25%{opacity:1}to{top:calc(var(--shot-y) - 7px);transform:translate(-50%) scale(1);opacity:1}}@keyframes battleship-impact-ring{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes battleship-hit-pulse{0%{transform:scale(1)}35%{transform:scale(1.22)}60%{transform:scale(.94)}to{transform:scale(1)}}@media(max-width:960px){.game-setup-layout,.setup-answer-style-grid,.game-mode-grid,.battleship-board-grid,.arcade-game-layout{grid-template-columns:minmax(0,1fr)}.game-setup-summary{position:static}.arcade-scene{min-height:520px}}@media(max-width:720px){.shell{padding:16px}.game-route-shell{min-height:100svh;padding:12px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.game-route-topbar{position:sticky;top:0;z-index:80;margin-bottom:10px;padding:12px 14px;border-radius:20px;background:#f7fbffeb;border:1px solid rgba(23,50,77,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{position:relative;flex-wrap:nowrap;gap:10px;margin-left:0;justify-self:end;align-self:center}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;order:2;margin-left:auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;align-self:center}.profile-menu-wrap{order:1;align-self:center}.brand{line-height:1}.brand-row{min-height:0;align-items:center;align-self:center;justify-self:start}.nav-links{position:absolute;right:0;top:calc(100% + 10px);z-index:120;display:none;min-width:min(260px,calc(100vw - 32px));padding:12px;border-radius:22px;background:#fffffffa;border:1px solid rgba(23,50,77,.08);box-shadow:0 20px 38px #17324d29;flex-direction:column;align-items:stretch;gap:6px;transform-origin:top right}.nav .profile-menu{position:absolute;top:calc(100% + 10px);right:0;left:auto;z-index:120;width:clamp(220px,70vw,260px);min-width:0;max-width:calc(100vw - 32px);padding:12px;border-radius:22px;background:#fffffffa;border:1px solid rgba(23,50,77,.08);box-shadow:0 20px 38px #17324d29}.nav-links.mobile-open{display:flex;animation:ui-pop-in .18s var(--ui-ease) both}.nav-links a,.nav-links .button.nav-play{width:100%;margin-right:0;justify-content:flex-start;padding:12px 14px;border-radius:14px;background:transparent;color:var(--ink);box-shadow:none;font-weight:400;animation:none;transition:transform var(--ui-quick) ease,background-color var(--ui-quick) ease,color var(--ui-quick) ease}.nav-links a:hover,.nav-links .button.nav-play:hover,.nav .profile-menu a:hover,.nav .profile-menu button:hover{background:#f2c94c29;transform:translateY(-1px);animation:none}.topbar-user strong,.game-route-footer{display:none}.game-route-page,.game-page{gap:12px}.game-page>.card,.game-page>.stack>.card,.game-page>section.card{padding:18px;border-radius:24px}.game-summary-head{gap:10px}.game-summary-head h1{font-size:clamp(1.55rem,7vw,2rem);flex-basis:auto}.arcade-session-card,.game-summary-head .lede{display:none}.game-end-button{width:100%;justify-content:center}.hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 12px;font-size:.92rem}.hud>span,.hud>div{min-width:0}.hearts{justify-self:start}.question-kicker{margin-bottom:6px;font-size:.82rem}.game-equation{margin-bottom:14px;font-size:clamp(2.2rem,12vw,3.4rem)}.choices{gap:10px}.answer-choice{min-height:78px;font-size:clamp(1.3rem,6.4vw,1.8rem);border-radius:20px}.setup-game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-game-mode-grid .game-mode-card{grid-template-rows:auto 1fr;min-height:0;border-radius:20px;box-shadow:0 12px 22px #17324d14}.setup-game-mode-grid .game-mode-card img{height:88px}.setup-game-mode-grid .game-mode-card-copy{gap:4px;padding:12px}.setup-game-mode-grid .game-mode-card-copy span:last-child{display:none}.setup-game-mode-grid .game-mode-card strong{font-size:1rem;line-height:1.05}.setup-game-mode-grid .game-mode-pill{font-size:.67rem;padding:4px 8px}.setup-game-mode-grid .game-mode-card.active{transform:none;border-width:2px;box-shadow:0 0 0 4px #f2c94c80,0 18px 32px #17324d29}.game-mode-card.active:after{top:8px;right:8px;padding:6px 8px;font-size:.62rem}.setup-answer-style-grid .mode-option.active:after{top:10px;right:10px;padding:6px 8px;font-size:.62rem}.setup-answer-style-grid .mode-option.active strong{max-width:calc(100% - 98px)}.game-setup-summary-image{display:none}.shape-game-layout{grid-template-columns:minmax(128px,40vw) minmax(0,1fr);gap:14px;align-items:start}.shape-grid-card{padding:14px;gap:10px;border-radius:22px}.shape-grid-head{font-size:.82rem}.shape-grid{gap:3px;padding:4px}.shape-cell{border-radius:6px}.shape-complete-banner{padding:14px;border-radius:18px}.arcade-game-layout{gap:14px}.arcade-panel{gap:14px;padding:18px}.arcade-panel .game-equation{font-size:clamp(2rem,11vw,3rem)}.arcade-mobile-end-button{display:inline-flex}.arcade-scene{min-height:280px;border-radius:24px}.arcade-scene-hud{top:12px;left:12px;right:12px}.arcade-scene-level,.arcade-scene-hearts{min-height:34px;padding:7px 10px}.arcade-scene-level{font-size:.78rem}.arcade-rocket{width:82px;bottom:10px}.arcade-approach-copy{min-height:120px;padding:16px}.arcade-answer-choice{min-height:72px}.battleship-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.battleship-layout{gap:14px}.battleship-stage,.battleship-board-card,.battleship-question-panel{padding:16px;border-radius:22px}.battleship-copy{gap:10px}.battleship-copy .lede{display:none}.battleship-placement-toolbar,.battleship-ship-palette{gap:8px}.battleship-placement-toolbar .button,.battleship-ship-chip{width:100%;justify-content:center}.battleship-status-strip{min-height:0;padding:14px 16px;border-radius:18px}.battleship-mobile-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battleship-board-grid{gap:0}.battleship-board-card.mobile-hidden{display:none}.battleship-board-card{gap:10px}.battleship-question-overlay{align-items:start;padding:62px 12px 12px}.battleship-cell{border-radius:8px;font-size:.8rem}.battleship-question-panel{width:min(360px,100%)}.battleship-modal-card .answer-choice{min-height:74px;font-size:clamp(1.2rem,6vw,1.6rem)}.game-setup-page{gap:18px}.game-setup-hero,.game-setup-section,.game-setup-summary{border-radius:26px;padding:20px}.game-setup-back{position:static;justify-self:start;order:-1}.game-setup-summary-list div{display:grid;gap:4px}.game-setup-summary-list strong{text-align:left}.battleship-hud,.battleship-board-head,.battleship-placement-toolbar,.battleship-ship-palette,.arcade-hud,.arcade-panel-head{flex-direction:column;align-items:flex-start}.battleship-stage,.battleship-board-card,.arcade-panel{padding:16px}.battleship-board{gap:3px}.battleship-overlay,.battleship-modal-card{padding:20px}.battleship-modal-card{gap:16px}.arcade-scene{min-height:280px}.arcade-rocket{bottom:10px;width:82px}.arcade-asteroid{width:78px}}@media(max-width:420px){.hud,.battleship-hud{grid-template-columns:minmax(0,1fr)}.shape-game-layout{grid-template-columns:1fr}.shape-grid-card{order:-1}}.home-shell{--home-header-offset: 92px;--home-content-width: 1132px;max-width:none;padding:0;overflow-x:clip}.home-topbar,.home-footer .site-footer-inner,.landing-ribbon,.landing-section,.landing-cta{width:min(var(--home-content-width),calc(100% - 48px));margin-inline:auto}.home-topbar{margin-bottom:0;padding:24px 0 10px;position:relative;z-index:5}.home-page-shell{gap:0;margin-top:calc(var(--home-header-offset) * -1)}.home-shell .brand{font-size:1.85rem;letter-spacing:-.04em}.home-footer{margin-top:0;padding:8px 0 24px}.home-footer .site-footer-inner{padding:18px 28px}.home-landing{display:grid;gap:clamp(28px,4vw,48px);padding-bottom:56px}.landing-hero{position:relative;overflow:hidden;min-height:min(840px,calc(100svh - 110px));background:transparent}.landing-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,430px);gap:32px;align-items:start;width:min(var(--home-content-width),calc(100% - 48px));margin-inline:auto;padding:calc(42px + var(--home-header-offset)) 0 clamp(36px,6vw,64px)}.landing-hero:before,.landing-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.landing-hero:before{width:520px;height:520px;top:-220px;right:-120px;background:radial-gradient(circle,#ffffffbd,#fff0 70%)}.landing-hero:after{width:360px;height:360px;bottom:-180px;left:-110px;background:radial-gradient(circle,#5ea8ff2e,#5ea8ff00 72%)}.landing-hero-copy,.landing-auth-panel{position:relative;z-index:1}.landing-hero-copy{display:grid;gap:22px;align-content:start;max-width:760px}.landing-brand{margin:0;font-size:clamp(4.2rem,12vw,8.6rem);line-height:.86;letter-spacing:-.09em;font-weight:900;color:#102842}.landing-hero h1,.landing-section h2,.landing-cta h2{margin:0;letter-spacing:-.05em;color:#102842}.landing-hero h1{max-width:15ch;font-size:clamp(1.75rem,3vw,3.05rem);line-height:1.04}.landing-lede{margin:0;max-width:42rem;font-size:1.12rem;line-height:1.6;color:#17324dc7}.landing-hero-actions{align-items:center}.landing-main-cta{min-width:220px;justify-content:center}.hero-math-stage{position:relative;min-height:320px;margin-top:8px;padding:28px;border-radius:34px;overflow:hidden;border:1px solid rgba(23,50,77,.08);background:linear-gradient(135deg,#102842f5,#1b3b5ef0 56%,#244a71eb);box-shadow:0 24px 54px #2a4c7033}.hero-math-stage:after{content:"";position:absolute;inset:20px;border-radius:28px;border:1px solid rgba(255,255,255,.08)}.hero-math-core{position:relative;z-index:2;display:grid;gap:10px;max-width:250px}.hero-math-label{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;background:#ffffff1a;color:#ffffffc7;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-math-core strong{font-size:clamp(2rem,4vw,3rem);line-height:.95;letter-spacing:-.05em;color:#fff}.hero-math-core p{margin:0;color:#e6f0fcc2;line-height:1.55}.hero-orbit{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.12)}.hero-orbit-one{inset:42px auto auto 42%;width:260px;height:260px;animation:home-orbit-spin 24s linear infinite}.hero-orbit-two{right:34px;bottom:28px;width:190px;height:190px;animation:home-orbit-spin-reverse 18s linear infinite}.hero-math-chip{position:absolute;display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:11px 16px;border-radius:999px;font-weight:800;letter-spacing:.01em;box-shadow:0 18px 34px #08121e38;animation:home-chip-float 5.2s ease-in-out infinite}.hero-math-chip-one{top:42px;right:56px;background:linear-gradient(135deg,#ffe6a8,#ffcb3d);color:#17324d}.hero-math-chip-two{top:118px;right:164px;background:linear-gradient(135deg,#d7ecff,#8cc6ff);color:#17324d;animation-delay:-1.8s}.hero-math-chip-three{right:68px;bottom:104px;background:#ffffffeb;color:#15324f;animation-delay:-3s}.hero-math-chip-four{right:200px;bottom:42px;background:#78dba62e;color:#dffbe9;border:1px solid rgba(120,219,166,.24);animation-delay:-4.2s}.landing-auth-panel{display:grid;gap:22px;padding:28px;border-radius:32px;border:1px solid rgba(23,50,77,.08);background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 30%),linear-gradient(180deg,#102842fa,#122d4af2);box-shadow:0 28px 56px #142b432e;color:#fff}.landing-auth-panel h2{margin:0;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;letter-spacing:-.04em}.landing-auth-panel .eyebrow{color:#ffcb3de6}.landing-auth-panel .muted{margin:0;color:#e6f0fcc2}.landing-auth-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.landing-auth-actions .button{text-align:center}.landing-auth-note{display:grid;gap:8px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.landing-auth-note strong,.landing-auth-step strong,.member-links a{color:#fff}.landing-auth-note span,.landing-auth-step p{color:#e6f0fcbd;line-height:1.55}.landing-auth-steps,.member-links{display:grid;gap:12px}.landing-auth-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}.landing-auth-step>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#ffffff1a;color:#ffffffeb;font-size:.92rem;font-weight:800}.landing-auth-step p,.track-copy p,.journey-step p{margin:0}.phone-auth-flow{display:grid;gap:18px}.phone-auth-flow h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.04em}.phone-auth-flow .muted{margin:0;line-height:1.6}.captcha-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#ffffffbd}.captcha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.captcha-title,.captcha-prompt{margin:0}.captcha-title{font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#17324d94}.captcha-prompt{margin-top:6px;font-size:1.05rem;font-weight:800;color:var(--ink)}.captcha-refresh{display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;border:1px solid rgba(23,50,77,.12);border-radius:16px;cursor:pointer;font-weight:800;padding:0;white-space:nowrap}.captcha-refresh span{display:block;font-size:1.9rem;line-height:1;transform:translateY(-3px)}.captcha-answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.captcha-answer-row input{width:100%;min-width:0}.inline-link-button{border:0;padding:0;background:transparent;color:#5ea8ff;font-weight:800;text-decoration:underline;text-underline-offset:.16em;text-decoration-color:#5ea8ff99;cursor:pointer;transition:color .14s ease,text-decoration-color .14s ease,opacity .14s ease}.inline-link-button:hover:not(:disabled){color:#8fc8ff;text-decoration-color:#8fc8ffe6}.inline-link-button:disabled{color:#e6f0fc6b;cursor:not-allowed;text-decoration-color:#e6f0fc3d}.auth-challenge-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:24px;background:#0c1a2a6b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-challenge-modal{width:min(520px,100%);display:grid;gap:18px;position:relative}.auth-challenge-modal h3{margin:0;font-size:1.6rem;line-height:1.15;color:var(--ink)}.auth-challenge-card{background:linear-gradient(180deg,#fffffff5,#f2f8fff5)}.auth-challenge-modal .eyebrow,.auth-challenge-modal .muted,.auth-challenge-modal .captcha-title,.auth-challenge-modal .captcha-prompt,.phone-auth-flow.dark .auth-challenge-modal .eyebrow,.phone-auth-flow.dark .auth-challenge-modal .muted,.phone-auth-flow.dark .auth-challenge-modal .captcha-title,.phone-auth-flow.dark .auth-challenge-modal .captcha-prompt{color:var(--ink)}.auth-challenge-modal .muted,.phone-auth-flow.dark .auth-challenge-modal .muted{color:#17324db8}.auth-challenge-modal .captcha-title,.phone-auth-flow.dark .auth-challenge-modal .captcha-title{color:#17324d94}.phone-display{display:flex;align-items:center;min-height:52px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:#f4f8fce6}.phone-display .phone-prefix{color:var(--ink);font-weight:700}.phone-auth-meta{display:grid;gap:8px;padding-top:16px;border-top:1px solid rgba(23,50,77,.1)}.phone-auth-meta p{margin:0;color:#17324dad;line-height:1.55}.phone-auth-flow.dark .phone-auth-meta{border-top-color:#ffffff1a}.phone-auth-flow.dark .captcha-card{background:#ffffff0d;border-color:#ffffff1f}.phone-auth-flow.dark .captcha-refresh{background:#ffffff24;border-color:#ffffff38;color:#ffffffeb}.phone-auth-flow.dark .captcha-refresh:hover:not(:disabled){background:#fff3;border-color:#ffffff57}.phone-auth-flow.dark .phone-display{background:#ffffff14;border-color:#ffffff1f}.phone-auth-flow.dark .phone-display .phone-prefix{color:#ffffffeb}.phone-auth-flow.dark .captcha-title{color:#e6f0fc9e}.phone-auth-flow.dark .captcha-prompt{color:#ffffffeb}.phone-auth-flow.dark .phone-auth-meta p{color:#e6f0fcbd}.member-panel{background:radial-gradient(circle at top left,rgba(94,168,255,.16),transparent 30%),linear-gradient(180deg,#102842fa,#0c2239f2)}.member-links{grid-template-columns:repeat(3,minmax(0,1fr))}.member-links a{display:inline-flex;justify-content:center;padding:12px 14px;border-radius:18px;background:#ffffff14;text-decoration:none;transition:background-color .14s ease,transform .14s ease}.member-links a:hover{background:#ffffff24;transform:translateY(-1px)}.landing-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.landing-ribbon-item{display:grid;gap:10px;padding:0 0 22px;border-bottom:1px solid rgba(23,50,77,.1)}.landing-ribbon-item h3,.track-copy h3,.journey-step h3{margin:0;letter-spacing:-.03em;color:#102842}.landing-ribbon-item h3{font-size:1.3rem}.landing-ribbon-item p,.track-copy span,.journey-step span{margin:0;color:#17324db8;line-height:1.6}.landing-section{display:grid;gap:28px}.landing-section-split{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start}.section-copy{display:grid;gap:16px;max-width:36rem}.landing-section h2,.landing-cta h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:.98}.section-copy .muted{margin:0;line-height:1.65}.track-list,.journey-list{display:grid;gap:14px}.track-row,.journey-step{position:relative;padding:24px 0 24px 26px;border-top:1px solid rgba(23,50,77,.1)}.track-row:first-child,.journey-step:first-child{border-top:0;padding-top:0}.track-row:before,.journey-step:before{content:"";position:absolute;left:0;top:24px;width:4px;height:calc(100% - 24px);border-radius:999px;background:#17324d24}.track-row:first-child:before,.journey-step:first-child:before{top:0;height:100%}.track-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;--track-accent: #f2c94c}.track-gold{--track-accent: #f2c94c}.track-sky{--track-accent: #5ea8ff}.track-mint{--track-accent: #5fd39b}.track-row:before{background:var(--track-accent)}.track-copy{display:grid;gap:8px}.track-copy p,.journey-step p{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#17324d7a}.track-copy h3{font-size:clamp(1.7rem,2.8vw,2.5rem)}.track-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.learning-story{padding-top:8px}.journey-step{display:grid;gap:10px}.journey-step h3{font-size:clamp(1.5rem,2.4vw,2.2rem)}.landing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:34px clamp(24px,4vw,42px);border-radius:34px;background:radial-gradient(circle at top right,rgba(255,203,61,.14),transparent 28%),linear-gradient(135deg,#0b1f33fa,#122d4af5);box-shadow:0 22px 46px #13273d2e}.landing-cta h2,.landing-cta .eyebrow{color:#fff}.landing-cta .eyebrow{opacity:.82}.landing-cta-actions{justify-content:flex-end}.guest-save-panel{display:grid;gap:22px;margin-top:18px;padding:24px;border-radius:26px;text-align:left;background:radial-gradient(circle at top right,rgba(94,168,255,.12),transparent 26%),linear-gradient(180deg,#fffffffa,#eef6fff0);border:1px solid rgba(94,168,255,.18)}.profile-completion-card,.post-game-profile-cta{display:grid;gap:16px;text-align:left;background:radial-gradient(circle at top left,rgba(255,203,61,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(94,168,255,.14),transparent 28%),linear-gradient(180deg,#fffffffa,#f4f9fff5);border:1px solid rgba(94,168,255,.2)}.completion-checklist{display:flex;flex-wrap:wrap;gap:10px}.completion-checklist span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(22,49,74,.14);background:#1028420f;color:#16314a;font-weight:700}.completion-checklist span:before{content:"";display:grid;place-items:center;width:18px;height:18px;border:2px solid rgba(22,49,74,.34);border-radius:6px;background:#ffffffb3}.completion-checklist span.done{border-color:#2b916357;background:#2b916321;color:#14553a}.completion-checklist span.done:before{content:"\2713";border-color:#2b9163;background:#2b9163;color:#fff;font-size:.8rem;font-weight:900}.guest-save-copy{display:grid;gap:10px}.guest-save-copy h3{margin:0;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.02;letter-spacing:-.04em;color:#102842}.guest-save-copy .muted{margin:0}.auth-page-single{width:min(100%,620px);margin:0 auto}.auth-card{padding:28px}.landing-brand,.landing-hero h1,.landing-lede,.landing-hero-actions,.hero-math-stage,.landing-auth-panel{animation:home-fade-up .72s ease both}.landing-hero h1{animation-delay:90ms}.landing-lede{animation-delay:.16s}.landing-hero-actions{animation-delay:.23s}.hero-math-stage{animation-delay:.32s}.landing-auth-panel{animation-delay:.16s}@keyframes home-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes home-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes home-orbit-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes home-chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1100px){.landing-hero-inner,.landing-section-split,.landing-cta{grid-template-columns:minmax(0,1fr)}.landing-hero{min-height:auto}.landing-auth-panel,.landing-hero-copy,.section-copy{max-width:none}.landing-cta-actions,.track-actions{justify-content:flex-start}}@media(max-width:860px){.home-topbar,.home-footer .site-footer-inner,.landing-ribbon,.landing-section,.landing-cta,.landing-hero-inner{width:calc(100% - 32px)}.landing-ribbon,.member-links,.landing-auth-actions{grid-template-columns:1fr}.hero-math-stage{min-height:280px}.hero-orbit-one{inset:70px auto auto 46%;width:200px;height:200px}.hero-math-chip-two{right:118px}.hero-math-chip-four{right:148px}}@media(max-width:720px){.home-shell{--home-header-offset: 78px;padding:0}.home-topbar{width:calc(100% - 32px);padding:18px 0 8px}.landing-hero-inner{gap:24px;padding:calc(22px + var(--home-header-offset)) 0 30px}.landing-brand{font-size:clamp(3.3rem,20vw,5.4rem)}.landing-hero h1{max-width:none}.hero-math-stage,.landing-auth-panel,.landing-cta,.guest-save-panel{padding:22px;border-radius:28px}.hero-math-stage{min-height:300px}.hero-orbit-one,.hero-orbit-two{display:none}.hero-math-chip-one{right:20px}.hero-math-chip-two{top:102px;right:76px}.hero-math-chip-three{bottom:88px;right:24px}.hero-math-chip-four{right:104px;bottom:28px}.track-row,.progress-fact-row-with-action{grid-template-columns:minmax(0,1fr)}.progress-fact-action{justify-content:flex-start}.landing-cta{width:calc(100% - 32px)}}