@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css";:root{--bg: #f0f9ff;--bg-2: #e0f2fe;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--text: #1e293b;--text-soft: #64748b;--primary: #3b82f6;--primary-strong: #2563eb;--primary-soft: #dbeafe;--accent: #8b5cf6;--accent-strong: #7c3aed;--success: #10b981;--success-strong: #059669;--danger: #ef4444;--danger-strong: #dc2626;--warning: #f59e0b;--tape: #fef3c7;--tape-edge: #facc15;--tape-tick: rgba(100, 116, 139, .45);--meter-fill-start: #60a5fa;--meter-fill-end: #a78bfa;--ring: rgba(59, 130, 246, .4);--shadow-soft: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .1);--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-card-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -6px rgba(0, 0, 0, .04);--shadow-button: 0 4px 0px rgba(0, 0, 0, .1);--shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .25);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .25);--shadow-glow-accent: 0 0 20px rgba(139, 92, 246, .25);--border-radius-lg: 24px;--border-radius-md: 16px;--border-radius-sm: 12px;--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}html,body{margin:0;padding:0}body{color:var(--text);font-family:"Baloo 2",Trebuchet MS,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.1),transparent 40%),radial-gradient(circle at 90% 90%,rgba(139,92,246,.1),transparent 40%),var(--bg);background-attachment:fixed;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-family:Fredoka,Trebuchet MS,sans-serif;letter-spacing:-.01em;color:var(--text)}p{margin:0}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}button:active:not(:disabled){transform:translateY(2px);filter:brightness(.95)}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.5)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid var(--ring);outline-offset:2px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding:24px 16px 48px}.language-switcher{position:fixed;top:16px;right:16px;z-index:50;display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffe6;backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);transition:all .3s var(--transition-smooth)}.language-switcher:hover{background:#fff;box-shadow:var(--shadow-card)}.language-switcher-button{min-height:36px;min-width:64px;border-radius:999px;border:none;background:transparent;color:var(--text-soft);font-weight:800;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 12px;transition:all .2s var(--transition-smooth)}.language-switcher-button:hover:not(.active){background:var(--surface-2);color:var(--text)}.language-switcher-button.active{color:var(--primary-strong);background:#fff;box-shadow:0 2px 8px #2563eb26,0 1px 2px #0000000d}.practice-shell{height:100dvh;overflow:hidden;padding:12px 14px 16px;display:flex;flex-direction:column}.page{width:min(1000px,100%);margin:0 auto;display:grid;gap:24px;animation:page-enter .35s var(--transition-smooth) both}.glass-card{background:var(--surface);border:1px solid rgba(15,23,42,.08);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative}.glass-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.6);pointer-events:none;z-index:1}.panel{padding:32px}.header-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.page-title{font-size:clamp(2.2rem,7vw,3.8rem);line-height:1.05;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.page-subtitle{color:var(--text-soft);font-size:1.35rem;font-weight:500;letter-spacing:-.01em}.kid-hero{display:grid;gap:24px;align-items:center;padding:40px;background:linear-gradient(160deg,#fff,#f0f9ff);border:1px solid rgba(59,130,246,.15)}.hero-copy{display:grid;gap:12px;align-content:center}.hero-art{display:grid;justify-items:center;align-items:center}.hero-cta{width:fit-content}.hero-action-row{display:grid;gap:12px;margin-top:12px}.hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-meta-sep{width:5px;height:5px;border-radius:50%;background:var(--text-soft);opacity:.3;flex-shrink:0}.hero-meta-text{color:var(--text-soft);font-size:.95rem;font-weight:600}.hero-meta-text i{color:var(--warning);margin-right:4px}.primary-button{min-height:64px;border-radius:var(--border-radius-md);padding:12px 32px;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;font-weight:800;font-size:1.3rem;border:none;box-shadow:0 4px 0 var(--primary-strong),0 8px 20px #2563eb40;text-shadow:0 2px 4px rgba(0,0,0,.15);display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 var(--primary-strong),0 12px 24px #2563eb4d;filter:brightness(1.05)}.primary-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 transparent,0 4px 10px #2563eb33}.secondary-button{min-height:56px;border-radius:var(--border-radius-sm);padding:10px 24px;background:#fff;color:var(--text);border:2px solid var(--surface-3);font-weight:700;box-shadow:0 4px 0 var(--surface-3);display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary-soft);background:var(--surface-2);box-shadow:0 6px 0 var(--surface-3),var(--shadow-glow-primary)}.secondary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 transparent}.ghost-button{min-height:44px;border-radius:var(--border-radius-sm);background:transparent;border:2px dashed var(--text-soft);color:var(--text-soft);font-weight:600;opacity:.7}.ghost-button:hover{opacity:1;background:#00000005}.grid{display:grid;gap:20px}.grid.units{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.grid.exercises{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){.grid.exercises{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.grid.exercises{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{border-radius:var(--border-radius-md);border:1px solid rgba(15,23,42,.08);background:#fff;padding:24px;min-height:0;height:100%;display:grid;gap:8px;align-content:start;text-align:left;transition:all .25s var(--transition-bounce);position:relative;box-shadow:var(--shadow-soft)}.tile:hover{transform:translateY(-6px);border-color:var(--primary-soft);box-shadow:var(--shadow-card-hover),var(--shadow-glow-primary)}.tile:active{transform:translateY(-2px)}.tile.current{border-color:var(--primary);background:linear-gradient(160deg,#fff,#f0f7ff);box-shadow:0 10px 30px -10px #3b82f640,var(--shadow-soft)}.tile.current:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--border-radius-md) + 3px);border:2px solid var(--primary);opacity:0;animation:tile-glow-pulse 2s ease-in-out infinite;pointer-events:none}.tile.current .tile-icon-wrap{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 12px #3b82f64d}.tile.done{border-color:#bbf7d0;background:linear-gradient(160deg,#fff,#f0fdf4)}.tile.done .tile-icon-wrap{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b98140}.tile.done .tile-title{color:var(--success-strong)}.tile.future{border-color:#f1f5f9;background:#fafbfd;opacity:.85}.tile.future .tile-icon-wrap{background:var(--surface-3);color:var(--text-soft)}.tile.future .tile-title{color:var(--text-soft)}.tile.future .tile-subtitle{color:#94a3b8}.tile.future:hover{background:#fff;opacity:1}.tile-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:4px}.tile-unit-number{font-size:.8rem;font-weight:800;color:var(--text-soft);background:var(--surface-2);padding:2px 8px;border-radius:8px;opacity:.6;border:1px solid rgba(15,23,42,.05)}.tile.current .tile-unit-number{color:var(--primary);background:var(--primary-soft);opacity:1;border-color:#3b82f633}.tile.done .tile-unit-number{color:var(--success);background:#dcfce7;opacity:1}.tile-icon-wrap{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:var(--primary-soft);color:var(--primary-strong);position:relative;margin-bottom:8px;transition:transform .25s var(--transition-bounce)}.tile:hover .tile-icon-wrap{transform:scale(1.1) rotate(-5deg)}.tile-icon-badge{position:absolute;bottom:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.65rem;border:2.5px solid white;box-shadow:0 2px 4px #0000001a}.tile-icon-badge--done{background:var(--success);color:#fff}.tile-title{font-size:1.4rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--primary-strong);line-height:1.2}.tile-subtitle{color:var(--text-soft);font-size:.95rem;line-height:1.4;font-weight:500}.practice-layout{display:flex;flex-direction:column;width:min(850px,100%);gap:20px;flex:1;min-height:0}.problem-card{padding:clamp(12px,1.8vw,20px);display:flex;flex-direction:column;gap:clamp(8px,1.2vw,14px);border:2px solid var(--surface-3);flex:0 1 auto;min-height:0;max-height:var(--problem-card-max, none)}.problem-card-scroll{flex:1;min-height:0;overflow-y:auto;display:grid;gap:clamp(10px,1.5vw,16px);align-content:start;position:relative;mask-image:linear-gradient(to bottom,black calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 18px),transparent 100%);padding-bottom:4px;padding-right:2px;overscroll-behavior:contain;scrollbar-gutter:stable}.problem-card-input{flex-shrink:0;display:grid;gap:clamp(8px,1.2vw,12px)}.problem-card.problem-card--compact{gap:clamp(10px,1.3vw,14px)}.problem-card.wrong-shake{animation:card-wrong-shake .5s ease}.problem-prompt{font-size:clamp(1.2rem,3vw,1.95rem);line-height:1.2;font-family:Fredoka,sans-serif;color:var(--text);text-align:center}.attempt-row{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;background:var(--surface-2);border-radius:var(--border-radius-md)}.attempt-meta{display:grid;justify-items:center}.practice-visual{display:grid;gap:10px;padding:12px 14px;border-radius:var(--border-radius-md);border:2px solid var(--surface-3);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px 3px #0000000a,var(--shadow-soft);animation:visual-pop .35s var(--transition-bounce) both}.practice-data-table{display:grid;grid-template-columns:88px 1fr 58px;border-radius:var(--border-radius-sm);overflow:hidden;border:2px solid var(--surface-3)}.practice-data-head{padding:6px 10px;font-size:.88rem;font-weight:800;font-family:Fredoka,Trebuchet MS,sans-serif;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2)}.practice-data-row{grid-column:1 / -1;display:grid;grid-template-columns:88px 1fr 58px;gap:12px;align-items:center;padding:8px 10px;border-top:1px solid var(--surface-3);background:#fff}.practice-compare-row{display:grid;grid-template-columns:88px 1fr 58px;gap:8px;align-items:center}.practice-category-label,.practice-bar-label{font-size:.9rem;font-weight:700;color:var(--text-soft)}.practice-tally-cell{min-height:34px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.practice-tally-dot{width:16px;height:16px;border-radius:999px;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 -2px #0000001f,0 1px 2px #00000014}.practice-picture-icon{width:16px;height:16px;border-radius:4px;border:1px solid rgba(37,99,235,.35);background:linear-gradient(180deg,#93c5fd,#60a5fa 18%,#2563eb);box-shadow:inset 0 -2px #0000001f,0 1px 2px #2563eb33;display:inline-block}.practice-empty-mark{font-size:.85rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em}.practice-segment-track{display:grid;gap:2px;min-height:24px;align-items:center}.practice-segment{min-height:18px;border-radius:6px;border:1px solid rgba(148,163,184,.5);background:#e2e8f073;transition:background .2s,box-shadow .2s}.practice-segment.empty{box-shadow:inset 0 1px 3px #0000000f}.practice-segment.filled.first{background:linear-gradient(180deg,#93c5fd,#60a5fa 15%,#2563eb);border-color:#2563eb73;box-shadow:inset 0 -2px #0000001a,0 1px 2px #2563eb33}.practice-segment.filled.second{background:linear-gradient(180deg,#fde68a,#fcd34d 15%,#f59e0b);border-color:#f59e0b73;box-shadow:inset 0 -2px #0000001a,0 1px 2px #f59e0b33}.practice-segment.filled.removed{background:repeating-linear-gradient(135deg,#fef3c7 0 6px,#f59e0b 6px 12px);border-color:#f59e0b8c;box-shadow:inset 0 -2px #0000001f,0 1px 2px #f59e0b33}.practice-segment.filled.red{background:linear-gradient(180deg,#fca5a5,#f87171 15%,#ef4444);border-color:#ef444473;box-shadow:inset 0 -2px #0000001a,0 1px 2px #ef444433}.practice-segment.filled.blue{background:linear-gradient(180deg,#93c5fd,#60a5fa 15%,#2563eb);border-color:#2563eb73;box-shadow:inset 0 -2px #0000001a,0 1px 2px #2563eb33}.practice-segment.filled.green{background:linear-gradient(180deg,#86efac,#34d399 15%,#10b981);border-color:#10b98173;box-shadow:inset 0 -2px #0000001a,0 1px 2px #10b98133}.practice-bar-track{position:relative;min-height:24px;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#e2e8f073;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.practice-bar-track.difference{border-style:dashed}.practice-bar-fill{height:100%;border-radius:999px;box-shadow:inset 0 -2px #0000001a;transition:width .4s var(--transition-smooth)}.practice-bar-fill.first{background:linear-gradient(180deg,#60a5fa,#2563eb)}.practice-bar-fill.second{background:linear-gradient(180deg,#fcd34d,#f59e0b)}.practice-bar-fill.red{background:linear-gradient(180deg,#f87171,#ef4444)}.practice-bar-fill.blue{background:linear-gradient(180deg,#60a5fa,#2563eb)}.practice-bar-fill.green{background:linear-gradient(180deg,#34d399,#10b981)}.practice-bar-fill.difference{background:repeating-linear-gradient(135deg,#bfdbfe 0 7px,#60a5fa 7px 14px)}.practice-bar-fill.unknown{background:repeating-linear-gradient(135deg,#e2e8f0 0 7px,#94a3b8 7px 14px);opacity:.95}.practice-bar-axis{display:grid;gap:8px;align-items:center}.practice-axis-label{font-size:.72rem;font-weight:700;color:var(--text-soft);text-align:center}.practice-bar-grid-row{display:grid;gap:2px;align-items:center}.practice-bar-grid-cell{min-height:16px;border-radius:5px;border:1px solid rgba(148,163,184,.45);background:#e2e8f073}.practice-bar-grid-cell.filled{background:linear-gradient(180deg,#60a5fa,#2563eb);border-color:#2563eb73;box-shadow:inset 0 -2px #0000001a}.practice-tape-track{height:26px;border-radius:10px;border:1px solid rgba(148,163,184,.42);background:#f1f5f9d9;display:flex;align-items:stretch;overflow:hidden;box-shadow:inset 0 1px 3px #0000000f}.practice-tape-track.main{box-shadow:inset 0 0 0 1px #94a3b829}.practice-tape-track.whole{background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-color:#64748b73;box-shadow:inset 0 0 0 1px #64748b29}.practice-tape-track.reference{border-color:transparent;background:transparent;box-shadow:none;overflow:visible}.practice-tape-track.reference .practice-tape-segment.first{border-radius:10px;box-shadow:inset 0 0 0 1px #94a3b859}.practice-tape-segment{height:100%;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto;min-width:10px;overflow:hidden}.practice-tape-segment+.practice-tape-segment{border-left:2px solid rgba(30,41,59,.55)}.practice-tape-spacer{display:block;height:100%;background:transparent;flex-shrink:0}.practice-tape-segment.first{background:linear-gradient(180deg,#3b82f6,#1d4ed8);box-shadow:inset 0 -2px #0000001f}.practice-tape-segment.difference{background:repeating-linear-gradient(135deg,#f59e0b 0 7px,#fcd34d 7px 14px);box-shadow:inset 0 -2px #0000001f}.practice-tape-segment.whole{background:linear-gradient(180deg,#cbd5e1,#94a3b8)}.practice-tape-segment.unknown{background:repeating-linear-gradient(135deg,#cbd5e1 0 7px,#94a3b8 7px 14px)}.practice-tape-segment-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:.78rem;font-weight:800;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.7);background:#ffffff14}.practice-tape-outside-row{margin-top:-2px}.practice-tape-outside-track{display:flex;align-items:flex-start}.practice-tape-outside-label{display:block;padding:2px 4px 0;font-size:.7rem;font-weight:700;line-height:1.2;color:var(--text-soft)}.practice-tape-outside-label.hidden{visibility:hidden}.practice-tape-bracket-row{display:grid;align-items:center;margin:2px 0 8px}.practice-difference-bracket-wrap{display:flex;align-items:flex-start;min-height:24px}.practice-difference-bracket{position:relative;display:block;height:12px;border-top:2px solid rgba(71,85,105,.88);border-left:2px solid rgba(71,85,105,.88);border-right:2px solid rgba(71,85,105,.88);border-radius:8px 8px 0 0;min-width:28px}.practice-difference-bracket-label{position:absolute;left:50%;top:100%;transform:translate(-50%);white-space:nowrap;padding:0 4px;margin-top:2px;font-size:.72rem;font-weight:700;color:var(--text-soft);background:#f8fafceb;border-radius:999px}.practice-bar-value{font-size:.95rem;font-weight:700;text-align:right;color:var(--text)}.practice-ruler{display:grid;gap:10px}.practice-ruler-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.practice-ruler-track{position:relative;min-height:42px;border-radius:var(--border-radius-sm);border:2px solid rgba(148,163,184,.35);background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden;box-shadow:inset 0 2px 4px #00000014,0 2px 6px #0f172a14}.practice-ruler-measure{position:absolute;inset:6px 8px}.practice-ruler-measure:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#64748b40}.practice-ruler-ticks{position:absolute;inset:0;pointer-events:none;z-index:2}.practice-ruler-tick{position:absolute;bottom:0;width:2px;border-radius:999px;background:#47556985;transform:translate(-50%)}.practice-ruler-tick.major{width:3px;height:28px}.practice-ruler-tick.minor{height:16px}.practice-ruler-tick.edge-start{transform:translate(0)}.practice-ruler-tick.edge-end{transform:translate(-100%)}.practice-ruler-bar{position:absolute;left:0;bottom:1px;height:10px;border-radius:999px 4px 4px 999px;max-width:100%;z-index:1;box-shadow:inset 0 -2px #0000002e,0 2px 4px #0f172a1f;transition:width .4s var(--transition-smooth)}.practice-ruler-bar.first{background:linear-gradient(180deg,#60a5fa,#2563eb)}.practice-ruler-bar.second{background:linear-gradient(180deg,#fcd34d,#f59e0b)}.line-plot-shell{display:grid;gap:8px;border:2px solid var(--surface-3);border-radius:var(--border-radius-sm);background:#fff;padding:10px 12px}.line-plot-columns{display:grid;gap:6px;align-items:end}.line-plot-column{display:grid;gap:4px;justify-items:center}.line-plot-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:transparent;box-shadow:inset 0 1px 2px #0f172a1f}.line-plot-dot.filled{background:radial-gradient(circle at 35% 35%,#475569,#1e293b);border-color:#0f172a26;box-shadow:inset 0 -2px #00000040,0 1px 2px #0f172a4d}.line-plot-axis{display:grid;gap:6px;border-top:2px solid var(--surface-3);padding-top:8px}.line-plot-axis-label{text-align:center;font-size:.9rem;font-weight:700;color:var(--text-soft)}.pv-sequence,.pv-single,.pv-sequence-cols{display:grid;gap:10px}.pv-sequence-col{display:grid;justify-items:center;gap:2px}.pv-sequence-col-header{text-align:center;font-size:.8rem;font-weight:800;color:var(--text-soft)}.pv-sequence-col-meta{text-align:center;font-size:.68rem;font-weight:700;color:#475569e6;background:#e2e8f0a6;border:1px solid rgba(148,163,184,.38);border-radius:999px;padding:2px 8px;line-height:1.15}.pv-sequence-operator{justify-self:center;font-size:1.28rem;font-weight:900;color:var(--text-soft);line-height:1}.pv-model{--pv-unit-frame-size: 22px;--pv-unit-row-gap: 6px;--pv-unit-col-gap: 8px;--pv-rod-width: 34px;--pv-rod-height: 134px;--pv-flat-width: 200px;--pv-flat-height: 92px;--pv-cube-width: 200px;--pv-cube-height: 154px;display:grid;gap:8px;border:1px solid rgba(148,163,184,.38);border-radius:var(--border-radius-sm);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);padding:10px}.pv-model-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pv-model-label{font-size:.82rem;font-weight:700;color:var(--text-soft)}.pv-model-value{font-size:.98rem;font-weight:800;color:var(--text)}.pv-model-strip{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.pv-model-group{display:flex;align-items:flex-end}.pv-model-group.is-changed{border-radius:10px;box-shadow:inset 0 0 0 2px #2563eb33;background:#dbeafe73;padding:4px}.pv-model-blocks{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:4px;padding:0}.pv-model-blocks.thousands,.pv-model-blocks.hundreds{flex-direction:column;align-items:flex-start;gap:0}.pv-model-blocks.thousands .pv-model-piece+.pv-model-piece,.pv-model-blocks.hundreds .pv-model-piece+.pv-model-piece{margin-top:-58px;margin-left:12px}.pv-model-blocks.tens{flex-direction:row;align-items:flex-end;gap:2px}.pv-model-blocks.ones{display:grid;grid-template-rows:repeat(5,var(--pv-unit-frame-size));grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;align-content:end;align-items:end;height:var(--pv-rod-height);column-gap:var(--pv-unit-col-gap);row-gap:var(--pv-unit-row-gap);padding:0 2px}.pv-model-blocks.ones:empty{display:none}.pv-model-piece{--pv-top-fill: #93c5fd;--pv-left-fill: #3b82f6;--pv-right-fill: #1d4ed8;--pv-stroke: rgba(30, 64, 175, .45);display:inline-flex;align-items:flex-end;line-height:0}.pv-unit-cube-frame{width:var(--pv-unit-frame-size);height:var(--pv-unit-frame-size);display:grid;place-items:center;box-sizing:border-box;padding:1px}.pv-ten-rod-frame{width:var(--pv-rod-width);height:var(--pv-rod-height);display:grid;place-items:center;box-sizing:border-box;padding:1px}.pv-hundred-flat-frame{width:var(--pv-flat-width);height:var(--pv-flat-height);display:grid;place-items:center;box-sizing:border-box;padding:2px}.pv-thousand-cube-frame{width:var(--pv-cube-width);height:var(--pv-cube-height);display:grid;place-items:center;box-sizing:border-box;padding:2px}.pv-unit-cube-frame .pv-model-solid,.pv-ten-rod-frame .pv-model-solid,.pv-hundred-flat-frame .pv-model-solid,.pv-thousand-cube-frame .pv-model-solid{width:100%;height:100%}.pv-model-solid{display:block;overflow:hidden;shape-rendering:geometricPrecision}.pv-model-piece .pv-voxel-top{fill:var(--pv-top-fill);stroke:var(--pv-stroke);stroke-width:.35px;stroke-linejoin:miter;stroke-linecap:butt;stroke-miterlimit:1;vector-effect:non-scaling-stroke}.pv-model-piece .pv-voxel-left{fill:var(--pv-left-fill);stroke:var(--pv-stroke);stroke-width:.35px;stroke-linejoin:miter;stroke-linecap:butt;stroke-miterlimit:1;vector-effect:non-scaling-stroke}.pv-model-piece .pv-voxel-right{fill:var(--pv-right-fill);stroke:var(--pv-stroke);stroke-width:.35px;stroke-linejoin:miter;stroke-linecap:butt;stroke-miterlimit:1;vector-effect:non-scaling-stroke}.pv-model-piece.tone-primary{--pv-top-fill: #93c5fd;--pv-left-fill: #3b82f6;--pv-right-fill: #1d4ed8;--pv-stroke: rgba(29, 78, 216, .46)}.pv-model-piece.tone-secondary{--pv-top-fill: #fed7aa;--pv-left-fill: #fb923c;--pv-right-fill: #c2410c;--pv-stroke: rgba(194, 65, 12, .45)}.pv-model-piece.tone-trade{--pv-top-fill: #bbf7d0;--pv-left-fill: #4ade80;--pv-right-fill: #15803d;--pv-stroke: rgba(21, 128, 61, .44)}.pv-model-piece.tone-preview{--pv-top-fill: #fef3c7;--pv-left-fill: #fbbf24;--pv-right-fill: #b45309;--pv-stroke: rgba(180, 83, 9, .42)}.pv-model-piece.tone-neutral{--pv-top-fill: #e2e8f0;--pv-left-fill: #94a3b8;--pv-right-fill: #475569;--pv-stroke: rgba(71, 85, 105, .42)}.pv-model-piece.is-ghost{opacity:.26;filter:saturate(.7)}.pv-model-piece.is-transfer{filter:drop-shadow(0 0 4px rgba(251,191,36,.48)) drop-shadow(0 0 7px rgba(251,191,36,.34))}.pv-model-piece.thousands,.pv-model-piece.hundreds,.pv-model-piece.tens,.pv-model-piece.ones{width:auto;height:auto}.pv-model-piece.ones.is-transfer{transform:translateY(-1px)}.pv-sequence-row.is-trade{background:linear-gradient(180deg,#ecfdf5f2,#dcfce7e0);border-color:#4ade808c}.pv-sequence-row.is-preview{background:linear-gradient(180deg,#fffbebf5,#fef3c7e6);border-color:#f59e0b66}.pv-sequence-trade-info{display:grid;gap:8px;justify-items:start}.pv-sequence-trade-pill{font-size:.78rem;font-weight:700;color:var(--primary-strong);background:var(--primary-soft);border:1px solid rgba(59,130,246,.35);border-radius:999px;padding:4px 10px}.pv-sequence-tenframe{display:grid;grid-template-columns:repeat(5,12px);gap:4px;padding:6px 8px;border-radius:10px;border:1px solid rgba(245,158,11,.35);background:#fffbebf2}.pv-sequence-tenframe-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(180deg,#fcd34d,#f59e0b);border:1px solid rgba(180,83,9,.3)}@media(max-width:720px){.pv-sequence-cols{gap:6px}.pv-sequence-col-header{font-size:.72rem}.pv-sequence-col-meta{font-size:.62rem;padding:2px 6px}.pv-model{--pv-unit-frame-size: 16px;--pv-unit-row-gap: 4px;--pv-unit-col-gap: 6px;--pv-rod-width: 26px;--pv-rod-height: 96px;--pv-flat-width: 148px;--pv-flat-height: 68px;--pv-cube-width: 148px;--pv-cube-height: 114px;padding:8px}.pv-model-strip{gap:8px}.pv-model-piece.thousands,.pv-model-piece.hundreds,.pv-model-piece.tens,.pv-model-piece.ones{width:auto;height:auto}.pv-model-blocks.thousands .pv-model-piece+.pv-model-piece,.pv-model-blocks.hundreds .pv-model-piece+.pv-model-piece{margin-top:-40px;margin-left:8px}}.meter-track{width:100%;height:18px;border-radius:999px;background:linear-gradient(180deg,var(--tape) 0%,#fff7d6 100%);border:2px solid var(--tape-edge);box-shadow:inset 0 1px #fffc,inset 0 -2px 4px #00000014;overflow:hidden;position:relative}.meter-track:after{content:"";position:absolute;inset:3px 8px;background-image:repeating-linear-gradient(90deg,var(--tape-tick) 0,var(--tape-tick) 1px,transparent 1px,transparent 12px);opacity:.35;pointer-events:none}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--meter-fill-start),var(--meter-fill-end));transition:width .5s var(--transition-bounce);box-shadow:inset 0 0 0 1px #ffffff59,0 6px 10px #3b82f640;position:relative}.meter-fill:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none}.feedback-slot{display:grid;place-items:center}.practice-sidebar{display:grid;gap:12px;align-content:start}.practice-avatar-panel{text-align:center}.keypad-answer-panel{min-height:56px;padding:12px 16px}.keypad-answer-value{font-size:clamp(1.35rem,2.8vw,1.7rem);font-weight:800}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px;margin:0 auto}.keypad button{min-height:clamp(46px,8vw,56px);border-radius:var(--border-radius-sm);background:#fff;border:2px solid var(--surface-3);font-size:clamp(1.15rem,2.6vw,1.35rem);font-weight:800;color:var(--text);box-shadow:0 3px 0 var(--surface-3);font-family:Fredoka,sans-serif}.keypad button:active:not(:disabled){transform:translateY(3px) scale(.95);box-shadow:0 0 0 transparent}.keypad .submit{grid-column:span 3;background:linear-gradient(180deg,var(--success),var(--success-strong));color:#fff;border-color:var(--success-strong);box-shadow:0 3px 0 var(--success-strong);margin-top:4px}.keypad .submit:hover:not(:disabled){box-shadow:0 4px 0 var(--success-strong),var(--shadow-glow-success);transform:translateY(-1px)}.keypad .submit:active:not(:disabled){box-shadow:0 0 0 transparent}.keyboard-entry-panel{width:100%;max-width:420px;margin:0 auto;display:grid;gap:14px}.keyboard-answer-row{display:flex;align-items:center;justify-content:center}.keyboard-answer-value{font-size:clamp(2rem,4vw,2.6rem);font-weight:800;min-width:60px;text-align:center;color:var(--text);font-family:Fredoka,sans-serif}.keyboard-answer-value.is-empty{color:var(--surface-3)}.keyboard-actions-row{display:flex;justify-content:center;align-items:center;gap:10px}.keyboard-action-button{min-height:44px;padding:8px 16px;min-width:88px}.keyboard-submit-button{min-height:44px;padding:10px 18px;min-width:104px;font-size:1rem;box-shadow:0 3px 0 var(--primary-strong),0 6px 12px #2563eb3d}.keyboard-hint{font-size:.84rem;font-weight:700}.keyboard-submit-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 transparent,0 2px 6px #2563eb2e}.money-combo-panel{width:min(520px,100%);margin:0 auto;gap:10px}.money-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:2px solid var(--surface-3);border-radius:var(--border-radius-sm);background:#fff}.result-banner{border-radius:var(--border-radius-md);padding:12px 16px;font-weight:700;font-size:1rem;text-align:center;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.result-banner.correct{background:#ecfdf5;border:3px solid var(--success);color:var(--success-strong)}.result-banner.wrong{background:#fef2f2;border:3px solid var(--danger);color:var(--danger-strong)}.attempt-dots{display:flex;gap:10px}.attempt-dot{width:24px;height:24px;border-radius:999px;background:var(--surface-3);border:3px solid var(--bg-2)}.attempt-dot.used{background:var(--danger);border-color:var(--danger-strong)}.attempt-dot.success{background:var(--success);border-color:var(--success-strong)}.number-line-shell{width:100%;padding:14px 16px;border-radius:var(--border-radius-md);background:var(--surface-2);border:2px solid var(--surface-3)}.number-line-track{position:relative;height:80px;margin:0 12px}.number-line-axis{position:absolute;left:0;right:0;top:42px;height:5px;border-radius:999px;background:var(--primary-soft);box-shadow:inset 0 2px 3px #0f172a1f,0 1px #ffffffb3}.number-line-tick{position:absolute;transform:translate(-50%);display:grid;place-items:center}.number-line-tick.major{top:29px;width:3px;height:26px;border-radius:999px;background:var(--primary)}.number-line-tick.minor{top:36px;width:2px;height:15px;border-radius:999px;background:var(--text-soft);opacity:.3}.number-line-label{position:absolute;left:50%;top:-22px;transform:translate(-50%);font-size:.9rem;font-weight:800;color:var(--primary-strong);font-family:Fredoka,sans-serif}.number-line-point{position:absolute;top:44px;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:999px;background:var(--warning);border:3px solid white;box-shadow:0 4px 8px #0003;z-index:2;transition:left .25s var(--transition-smooth);animation:point-appear .35s var(--transition-bounce) both}.number-line-selection{position:absolute;top:44px;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;border:3px solid var(--accent);background:#8b5cf61a;z-index:1;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.spino-wrap{width:clamp(200px,36vw,360px);aspect-ratio:3 / 2;border-radius:var(--border-radius-lg);background:#fff;border:4px solid var(--primary-soft);display:grid;place-items:center;box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:10px;overflow:hidden}.spino-wrap img{width:100%;height:100%;object-fit:contain}.spino-wrap.spino-header-avatar{width:clamp(280px,52vw,620px);background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}.spino-wrap.spino-header-avatar img{filter:drop-shadow(0 14px 24px rgba(37,99,235,.22))}.spino-wrap.celebrate.spino-header-avatar{border:0;box-shadow:none;background:transparent}.spino-wrap.celebrate.spino-header-avatar img{filter:none}.spino-wrap.spino-practice-avatar{width:min(100%,340px);background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;aspect-ratio:auto;overflow:visible}.spino-wrap.spino-practice-avatar img{width:100%;height:auto}@keyframes spino-bounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(5deg)}}@keyframes spino-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes spino-wiggle{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(-8deg) scale(1.08)}30%{transform:rotate(6deg) scale(1.05)}45%{transform:rotate(-4deg) scale(1.08)}60%{transform:rotate(3deg) scale(1.05)}75%{transform:rotate(-2deg) scale(1.06)}}@keyframes glow-ring-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@keyframes spino-droop{0%{transform:translateY(0) rotate(0)}40%{transform:translateY(4px) rotate(-3deg)}to{transform:translateY(3px) rotate(-2deg)}}.spino-wrap.happy{border-color:var(--success);transform:scale(1.05);animation:spino-bounce .6s ease infinite}.spino-wrap.celebrate{border-color:var(--warning);transform:scale(1.05);animation:spino-bounce .65s ease infinite}.spino-wrap.sad{border-color:var(--danger-strong);animation:spino-shake .4s ease}.inline-stack{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{padding:6px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:.9rem;font-weight:700;border:2px solid rgba(59,130,246,.1)}.table-list{display:grid;gap:12px}.table-row{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:12px;border-radius:var(--border-radius-md);background:#fff;border:2px solid var(--surface-3);padding:12px 16px;align-items:center}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#0f172a66;backdrop-filter:blur(4px);z-index:100;padding:16px}.modal-backdrop-dismiss{position:absolute;inset:0;background:transparent;border:none;cursor:default}.modal-card{width:min(480px,100%);border-radius:var(--border-radius-lg);background:#fff;border:4px solid var(--primary-soft);box-shadow:0 25px 50px -12px #00000040;padding:32px;display:grid;gap:20px}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:8px;color:var(--text-soft);font-weight:700}input[type=number],input[type=password],input[type=text],select{min-height:52px;border-radius:var(--border-radius-sm);border:3px solid var(--surface-3);background:var(--surface-2);padding:12px 16px;font-size:1rem;transition:all .2s}input:focus,select:focus{border-color:var(--primary);background:#fff;outline:none}.parent-link{text-align:center;margin-top:16px}small.note{color:var(--text-soft);font-size:.9rem;font-weight:500}@media(min-width:840px){.kid-hero{grid-template-columns:minmax(280px,1fr) minmax(0,1.45fr);text-align:left}.practice-layout{width:min(800px,100%)}.attempt-row{flex-direction:row;justify-content:space-between}.problem-prompt{text-align:left}}@media(min-width:980px){.keypad{grid-template-columns:repeat(4,minmax(0,1fr));max-width:520px}.keypad .submit{grid-column:span 4}}@media(max-width:839px){.hero-cta{width:100%}.header-row{align-items:flex-start}.keyboard-actions-row{flex-direction:row}.keyboard-actions-row button{flex:1}.practice-progress-strip{grid-template-columns:86px 1fr 96px;gap:8px;padding:6px 8px}.spino-wrap.spino-inline-avatar{width:90px}.practice-score-icon{font-size:1.3rem}.practice-score-value{font-size:1.1rem}.practice-status-strip{grid-template-columns:1fr;gap:8px}.practice-badge-row{justify-content:flex-start}.practice-points-chip{font-size:.8rem;padding:5px 10px}}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes point-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-pop{0%{transform:scale(.8) translateY(10px);opacity:0}60%{transform:scale(1.05) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes badge-toast-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate-scale{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes star-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cta-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes tile-glow-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.01)}}@keyframes dot-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes strip-glow{0%{box-shadow:0 0 #f59e0b00}20%{box-shadow:0 0 30px #f59e0b66,0 0 60px #f59e0b26}to{box-shadow:0 0 24px #f59e0b4d,0 0 48px #f59e0b1a}}@keyframes sparkle-fly-left{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) translate(-20px,-30px) scale(.6);opacity:.7}to{transform:translateY(-50%) translate(-35px,-50px) scale(0);opacity:0}}@keyframes sparkle-fly-right{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) translate(20px,-30px) scale(.6);opacity:.7}to{transform:translateY(-50%) translate(35px,-50px) scale(0);opacity:0}}@keyframes score-star-spin{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.6) rotate(180deg)}60%{transform:scale(1.3) rotate(360deg)}to{transform:scale(1) rotate(360deg)}}@keyframes score-value-bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes card-wrong-shake{0%,to{transform:translate(0)}10%{transform:translate(-6px)}30%{transform:translate(6px)}50%{transform:translate(-4px)}70%{transform:translate(4px)}90%{transform:translate(-2px)}}.skeleton-card{min-height:120px;border-radius:var(--border-radius-lg);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.stagger-enter>*{animation:card-enter .4s var(--transition-bounce) both}.stagger-enter>*:nth-child(1){animation-delay:.05s}.stagger-enter>*:nth-child(2){animation-delay:.1s}.stagger-enter>*:nth-child(3){animation-delay:.15s}.stagger-enter>*:nth-child(4){animation-delay:.2s}.stagger-enter>*:nth-child(5){animation-delay:.25s}.stagger-enter>*:nth-child(6){animation-delay:.3s}.stagger-enter>*:nth-child(7){animation-delay:.35s}.stagger-enter>*:nth-child(8){animation-delay:.4s}.stagger-enter>*:nth-child(9){animation-delay:.45s}.back-button{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:2px solid var(--surface-3);color:var(--text-soft);font-size:1rem;flex-shrink:0;transition:all .15s var(--transition-smooth)}.back-button:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-strong)}.unit-nav{display:flex;align-items:center;gap:14px;padding:0 4px;flex-shrink:0}.unit-nav-copy{display:grid;gap:2px}.unit-nav-title{font-size:1.4rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--primary-strong);line-height:1.2}.unit-nav-subtitle{color:var(--text-soft);font-size:.9rem;font-weight:600;letter-spacing:.01em}.result-banner--cooldown{background:var(--surface-2);color:var(--text-soft);border:2px dashed var(--surface-3);font-size:.95rem;font-weight:600}.result-banner--hint{background:var(--primary-soft);color:var(--primary-strong);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.result-banner-hint-icon{font-size:1.1rem;color:var(--warning)}.submit-action-area{width:100%;max-width:400px;margin:0 auto}.full-width{width:100%}.money-combo-panel{display:grid;gap:12px;width:100%;max-width:480px;margin:0 auto}.money-combo-summary{background:var(--surface-2);border:1px solid rgba(15,23,42,.08);border-radius:var(--border-radius-sm);padding:16px;display:grid;gap:4px}.money-combo-header{display:flex;justify-content:space-between;align-items:center}.money-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--border-radius-sm);transition:all .2s}.money-row:hover{background:var(--surface-2)}.money-row-label{font-weight:700;color:var(--text)}.money-row-controls{display:flex;align-items:center;gap:14px}.money-control-btn{min-height:40px;min-width:44px;padding:4px;font-size:.9rem}.money-count{min-width:24px;text-align:center;font-size:1.1rem}.practice-progress-strip{display:grid;grid-template-columns:110px 1fr 110px;gap:12px;align-items:center;padding:6px 12px;background:linear-gradient(180deg,#fffffff2,#f8fafcf2);border-radius:var(--border-radius-md);border:1.5px solid rgba(30,41,59,.08);box-shadow:0 8px 18px #0f172a14;position:relative;overflow:visible;transition:border-color .3s,box-shadow .3s;flex-shrink:0}.practice-progress-strip.celebrating{border-color:var(--warning);box-shadow:0 8px 18px #0f172a14,0 0 24px #f59e0b4d,0 0 48px #f59e0b1a;animation:strip-glow 2s ease-in-out}.practice-progress-strip.celebrating:before,.practice-progress-strip.celebrating:after{content:"";position:absolute;top:50%;width:20px;height:20px;border-radius:50%;pointer-events:none}.practice-progress-strip.celebrating:before{left:-10px;background:var(--warning);animation:sparkle-fly-left 1.2s ease-out forwards}.practice-progress-strip.celebrating:after{right:-10px;background:var(--success);animation:sparkle-fly-right 1.2s ease-out forwards}.meter-track--thick{height:20px}.spino-wrap.spino-inline-avatar{width:120px;aspect-ratio:auto;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible;position:relative}.spino-wrap.spino-inline-avatar img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform:scaleX(-1)}.spino-wrap.happy.spino-inline-avatar{animation:spino-wiggle .6s ease infinite;transform:none}.spino-wrap.happy.spino-inline-avatar:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25) 0%,transparent 70%);animation:glow-ring-pulse 1s ease-in-out infinite;z-index:0}.spino-wrap.sad.spino-inline-avatar{animation:spino-droop .5s ease forwards;transform:none}.practice-score{display:flex;align-items:center;justify-content:center;gap:6px}.practice-score-icon{font-size:1.5rem;color:var(--warning);transition:transform .3s var(--transition-bounce)}.practice-score.celebrating .practice-score-icon{animation:score-star-spin .8s var(--transition-bounce);filter:drop-shadow(0 0 6px rgba(245,158,11,.6))}.practice-score.celebrating .practice-score-value{animation:score-value-bump .6s var(--transition-bounce)}.practice-score-value{font-size:1.3rem;font-weight:800;color:var(--primary-strong);font-family:Fredoka,sans-serif}.practice-status-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;align-items:center}.practice-points-forecast{display:flex;flex-wrap:wrap;gap:8px}.practice-points-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font-size:.88rem;font-weight:700;border:2px solid transparent}.practice-points-chip.current{background:#2563eb1a;color:#1e40af;border-color:#2563eb40}.practice-points-chip.risk{background:#fbbf2424;color:#92400e;border-color:#d9770647}.practice-points-chip.safe{background:#10b98124;color:#065f46;border-color:#05966940}.practice-badge-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap}.practice-badge-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;background:#f472b61f;color:#9d174d;border:1px solid rgba(236,72,153,.3);font-size:.82rem;font-weight:700}.practice-badge-empty{font-size:.82rem;color:var(--text-soft);font-weight:600}.practice-badge-toast{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--border-radius-md);padding:10px 12px;font-size:.9rem;font-weight:700;border:2px solid transparent;animation:badge-toast-enter .25s ease}.practice-badge-toast.earned{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#05966959;color:#065f46}.practice-badge-toast.lost{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc262647;color:#991b1b}.practice-badge-toast-icon{font-size:1.05rem}.practice-parent-tools{display:flex;justify-content:center;gap:10px}.problem-focus-area{display:grid;gap:6px;justify-items:center;padding:4px 0;flex-shrink:0}.problem-prompt-hero{font-size:clamp(1.4rem,3.8vw,2.4rem);line-height:1.2;font-family:Fredoka,sans-serif;color:var(--primary-strong);text-align:center;padding:4px 0;margin:0}.result-banner-v2{border-radius:var(--border-radius-md);padding:16px 20px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:10px;animation:result-pop .4s var(--transition-bounce)}.result-banner-v2.correct{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid var(--success);color:var(--success-strong);box-shadow:var(--shadow-glow-success)}.result-banner-v2.wrong{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:3px solid var(--danger);color:var(--danger-strong)}.result-banner-icon{font-size:1.6rem}.result-banner-text{flex:1;text-align:center}.feedback-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-height:40px;flex-shrink:0}.feedback-row .result-banner-v2,.feedback-row .result-banner{flex:1;min-width:0}.attempt-indicator{display:flex;gap:8px;align-items:center;flex-shrink:0}.attempt-dot-v2{width:32px;height:32px;border-radius:999px;background:var(--surface-3);border:3px solid var(--bg-2);display:grid;place-items:center;font-size:14px;font-weight:800;transition:all .3s var(--transition-bounce)}.attempt-dot-v2.used{background:var(--danger);border-color:var(--danger-strong);color:#fff;animation:dot-shake .4s ease}.attempt-dot-v2.success{background:var(--success);border-color:var(--success-strong);animation:star-pop .5s var(--transition-bounce)}.meter-container{display:flex;align-items:center;gap:12px}.meter-container .meter-track{flex:1;height:18px}.meter-label{font-size:.9rem;font-weight:800;color:var(--success-strong);white-space:nowrap;display:flex;align-items:center;gap:4px}.meter-label-icon{font-size:1rem;color:var(--warning)}.hero-cta-button{min-height:68px;font-size:1.4rem;padding:14px 32px;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 6px 0 var(--accent-strong),0 10px 25px #8b5cf659;position:relative;overflow:hidden}.hero-cta-button:hover:not(:disabled){box-shadow:0 8px 0 var(--accent-strong),0 14px 30px #8b5cf666}.hero-cta-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 transparent,0 4px 10px #8b5cf633}.hero-cta-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:cta-shimmer 3s ease-in-out infinite}.hero-cta-icon{font-size:1.6rem;margin-right:8px}.hero-unit-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700}.exercise-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px}.exercise-tile-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-size:1.25rem;flex-shrink:0;transition:transform .3s var(--transition-bounce)}.exercise-tile:hover .exercise-tile-icon{transform:scale(1.1) rotate(-8deg);background:var(--accent);color:#fff}.exercise-tile-body{text-align:left;display:grid;gap:4px}.exercise-tile-body .tile-title{color:var(--accent-strong);font-size:1.2rem}.exercise-tile-body .tile-subtitle{font-size:.9rem}.exercise-start-arrow{width:32px;height:32px;border-radius:999px;background:var(--surface-3);color:var(--accent-strong);display:grid;place-items:center;font-size:.7rem;transition:all .25s var(--transition-bounce);opacity:.6}.exercise-tile:hover .exercise-start-arrow{background:var(--accent);color:#fff;transform:translate(4px) scale(1.1);opacity:1}.mixed-practice-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:var(--border-radius-md);background:linear-gradient(135deg,var(--primary-soft),rgba(139,92,246,.08));border:2px solid var(--primary-soft)}.mixed-practice-hero-content{display:flex;align-items:center;gap:14px}.mixed-practice-hero-icon{width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.2rem;flex-shrink:0}.mixed-practice-hero-text{display:grid;gap:2px}.mixed-practice-hero-title{font-size:1.2rem;font-weight:700;color:var(--text)}.section-title{font-size:1.5rem;font-weight:700;font-family:Fredoka,sans-serif;color:var(--text);margin-bottom:4px}.celebration-hero{background:linear-gradient(160deg,#fff,#f0fdf4,#eff6ff);border-color:var(--success);position:relative;overflow:hidden}.celebration-title{background:linear-gradient(135deg,var(--success),var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.celebrate-entrance>*{animation:celebrate-scale .6s var(--transition-bounce) both}.celebrate-entrance>*:nth-child(2){animation-delay:.15s}.celebrate-entrance>*:nth-child(3){animation-delay:.3s}.summary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.summary-stat-card{text-align:center;padding:20px 14px;border-radius:var(--border-radius-md);border:3px solid;background:#fff;animation:celebrate-scale .5s var(--transition-bounce) both}.summary-stat-card:nth-child(1){animation-delay:.2s}.summary-stat-card:nth-child(2){animation-delay:.35s}.summary-stat-card:nth-child(3){animation-delay:.5s}.summary-stat-icon{font-size:2rem;display:block;margin-bottom:8px}.summary-stat-value{font-size:2.2rem;font-weight:800;font-family:Fredoka,sans-serif;line-height:1}.summary-stat-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:6px;color:var(--text-soft)}.summary-stat-points{border-color:var(--primary-soft);background:linear-gradient(180deg,#fff,#eff6ff)}.summary-stat-points .summary-stat-value{color:var(--primary)}.summary-stat-accuracy{border-color:#d1fae5;background:linear-gradient(180deg,#fff,#f0fdf4)}.summary-stat-accuracy .summary-stat-value{color:var(--success)}.summary-stat-time{border-color:#ede9fe;background:linear-gradient(180deg,#fff,#f5f3ff)}.summary-stat-time .summary-stat-value{color:var(--accent)}.practice-avatar-panel .spino-wrap.spino-practice-avatar{max-width:200px}@media(max-height:600px){.problem-card-input{gap:clamp(6px,1vw,10px)}.problem-card{gap:clamp(8px,1.2vw,14px)}}@media(max-height:500px){.practice-shell{height:auto;min-height:100dvh;overflow:auto}.practice-layout,.problem-card{flex:none}.problem-card-scroll{overflow-y:visible}}.subject-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.subject-cards-row{grid-template-columns:1fr}}.subject-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 24px 32px;text-align:center;transition:all .25s var(--transition-bounce);cursor:default;background:#fff;border:1px solid rgba(15,23,42,.08)}.subject-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-soft)}.subject-card-icon{width:80px;height:80px;border-radius:24px;display:grid;place-items:center;font-size:2.8rem;line-height:1;margin-bottom:8px;background:var(--surface-2);transition:transform .3s var(--transition-bounce)}.subject-card:hover .subject-card-icon{transform:scale(1.1) rotate(-5deg)}.subject-card--math .subject-card-icon{color:var(--primary);background:var(--primary-soft)}.subject-card--countries .subject-card-icon{color:var(--success);background:#dcfce7}.subject-card-title{font-family:Fredoka,sans-serif;font-size:1.8rem;margin:0;color:var(--text)}.subject-card-meta{color:var(--text-soft);font-size:1rem;font-weight:600;background:var(--surface-3);padding:4px 14px;border-radius:999px;margin-bottom:8px}.subject-card-cta{width:100%;margin-top:8px}.subject-card-browse{color:var(--text-soft);font-size:.95rem;font-weight:700;background:none;border:none;padding:8px;margin-top:4px;cursor:pointer;transition:all .2s;border-radius:8px}.subject-card-browse:hover{color:var(--primary);background:var(--primary-soft)}.countries-home-section{text-align:center}.countries-home-subtitle{color:var(--text-soft);margin:0 0 16px}.countries-home-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.countries-home-meta{margin-top:12px}.countries-badge{display:inline-block;background:var(--primary-soft);color:var(--primary-strong);font-weight:700;font-size:.85rem;padding:4px 14px;border-radius:999px}.countries-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.countries-header-meta{display:flex;align-items:center;gap:10px;flex:1}.countries-page-title{font-family:Fredoka,sans-serif;font-size:1.4rem;margin:0}.countries-map-card{padding:4px;overflow:hidden}.countries-map-card--practice{overflow:hidden}.world-map-container{position:relative;width:100%;height:100%}.world-map-svg{width:100%;height:auto;display:block;touch-action:manipulation}.countries-map-card--practice .world-map-svg{width:100%;height:auto}.map-loading,.map-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-soft);font-size:1rem}.country-neutral{fill:#e2e8f0;stroke:#8da8bc;stroke-width:1px}.country-target{stroke:#6a93ad;stroke-width:1.5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));paint-order:stroke}.country-target-gray{fill:#cbd5e1;stroke:#7a94a8;stroke-width:1px}@media(hover:hover){.country-target-gray,.country-neutral{transition:all .2s}.country-target-gray:hover,.country-neutral:hover{fill:#94a3b8;stroke:#5f7b91;stroke-width:1.2px}.world-map-svg--browse .country-neutral{transition:none}.world-map-svg--browse .country-neutral:hover{fill:#e2e8f0;stroke:#8da8bc;stroke-width:1px}.country-target{transition:filter .2s,stroke-width .2s}.country-target:hover{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) brightness(1.1);stroke-width:2px}.map-label--clickable:hover{fill:var(--primary-strong, #1d4ed8)}.capital-star--clickable:hover{filter:brightness(1.3)}}.country-correct{transition:fill .4s ease}.country-wrong-flash{fill:var(--danger)!important;stroke:#fff;stroke-width:1.5px;animation:wrong-flash .6s ease}.country-reveal-pulse{stroke:#fff;stroke-width:2px;animation:reveal-pulse 2.5s ease}.country-hint-highlight{fill:#c8c8c8;stroke:var(--primary);stroke-width:2px;stroke-dasharray:4 2;animation:hint-pulse 1s ease infinite}@keyframes wrong-flash{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes reveal-pulse{0%{filter:drop-shadow(0 0 0 transparent)}30%{filter:drop-shadow(0 0 12px rgba(59,130,246,.7))}70%{filter:drop-shadow(0 0 12px rgba(59,130,246,.7))}to{filter:drop-shadow(0 0 0 transparent)}}@keyframes hint-pulse{0%,to{stroke-opacity:.4}50%{stroke-opacity:1}}.connector-line{stroke:#111;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.connector-line--clickable{cursor:pointer}.capital-star{fill:#000;stroke:#fff;stroke-width:.9px;paint-order:stroke}.capital-star--clickable{cursor:pointer}.map-label{font-family:"Baloo 2",sans-serif;font-size:14px;font-weight:900;fill:#000;stroke:#fff;stroke-width:5px;stroke-linejoin:round;paint-order:stroke;cursor:default}.map-label--clickable{cursor:pointer}.countries-practice-layout{display:flex;flex-direction:column;width:min(1100px,100%);margin:0 auto;gap:clamp(10px,1.5vw,16px);padding:12px 14px 16px;animation:page-enter .35s var(--transition-smooth) both}.difficulty-toggle{display:flex;margin-left:auto;border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:var(--surface-2);padding:4px;gap:4px}@media(max-width:640px){.difficulty-toggle{margin-right:0}}.difficulty-toggle-btn{padding:6px 14px;font-size:.85rem;font-weight:700;border:none;background:transparent;color:var(--text-soft);cursor:pointer;transition:all .25s var(--transition-smooth);border-radius:8px}.difficulty-toggle-btn:hover:not(.is-active){background:#0f172a0a;color:var(--text)}.difficulty-toggle-btn.is-active{background:#fff;color:var(--primary-strong);box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a;cursor:default}.countries-prompt-card{padding:0;overflow:hidden;border-color:#1e293b14;border-radius:var(--border-radius-lg)}.countries-prompt-hero{display:flex;align-items:center;gap:20px;padding:16px 24px;background:linear-gradient(135deg,white,var(--surface-2))}.countries-prompt-flag-wrap{width:72px;height:52px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001f,0 2px 4px #00000014;border:1px solid rgba(0,0,0,.05);flex-shrink:0}.countries-prompt-flag{width:100%;height:100%;object-fit:cover}.countries-prompt-text{margin:0;font-family:Fredoka,sans-serif;font-size:1.8rem;color:var(--primary-strong);flex:1;letter-spacing:-.01em}.countries-skip-button{min-height:48px;padding:0 20px;font-size:.95rem;color:var(--text-soft)}.countries-skip-button:hover{background:var(--surface-3);color:var(--danger);border-color:var(--danger-strong)}.countries-difficulty-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.countries-difficulty-cards{grid-template-columns:1fr}}.countries-difficulty-card{display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.countries-difficulty-card h3{font-family:Fredoka,sans-serif;font-size:1.25rem;margin:0}.countries-difficulty-card p{color:var(--text-soft);font-size:.9rem;margin:0;flex:1}.countries-complete-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px;text-align:center}.countries-complete-card h1{font-family:Fredoka,sans-serif;margin:0}.countries-complete-card p{color:var(--text-soft);margin:0}.countries-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.complete-perfect{display:flex;flex-direction:column;align-items:center;gap:8px}.complete-trophy{font-size:3rem;color:var(--warning);filter:drop-shadow(0 4px 12px rgba(245,158,11,.35));animation:trophy-bounce .6s var(--transition-bounce)}@keyframes trophy-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.complete-perfect h1{color:var(--warning)}.complete-perfect-sub{color:var(--text-soft);font-size:1.05rem}.complete-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;width:100%;margin:4px 0}.complete-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;border-radius:var(--border-radius-md);background:var(--surface-2);border:1px solid rgba(15,23,42,.06);min-width:100px}.complete-stat i{font-size:1.2rem;color:var(--primary)}.complete-stat-value{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text)}.complete-stat-label{font-size:.8rem;color:var(--text-soft);font-weight:600}.complete-missed{width:100%;text-align:left}.complete-missed h3{font-family:Fredoka,sans-serif;font-size:1rem;margin:0 0 10px;color:var(--text-soft)}.complete-missed-list{display:flex;flex-wrap:wrap;gap:8px}.complete-missed-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid rgba(15,23,42,.06);font-size:.9rem;font-weight:600}.complete-missed-flag{width:24px;height:17px;border-radius:3px;object-fit:cover;box-shadow:0 1px 3px #0000001a}body.immersive-active .language-switcher{display:none}.countries-immersive{position:relative;width:100vw;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#7db4d6,#a8d4ee 40%,#8ec5e0)}.countries-immersive__map{position:absolute;inset:0}.countries-immersive__map .world-map-container,.countries-immersive__map .world-map-svg{width:100%;height:100%}.countries-immersive__back{position:absolute;top:16px;left:16px;z-index:10;width:44px;height:44px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffe0;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text)}.countries-immersive__back:hover{background:#fff;box-shadow:var(--shadow-card)}.countries-immersive__question{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffe0;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);white-space:nowrap}.countries-immersive__flag{width:48px;height:34px;border-radius:6px;object-fit:cover;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.countries-immersive__question-text{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;color:var(--primary-strong)}.countries-immersive__info-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--primary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--transition-smooth);margin-left:-6px}.countries-immersive__info-btn:hover{color:var(--primary-strong);background:#3b82f61a;transform:scale(1.15)}.countries-immersive__skip{padding:6px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#fff9;color:var(--text-soft);font-size:.85rem;font-weight:700}.countries-immersive__skip:hover{background:#fff;color:var(--danger)}.countries-immersive__top-right{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;gap:8px}.countries-immersive__controls{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffe0;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.ctrl-btn{padding:6px 14px;border-radius:999px;border:none;background:transparent;color:var(--text-soft);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s var(--transition-smooth)}.ctrl-btn:hover:not(.active){background:#0f172a0a;color:var(--text)}.ctrl-btn.active{background:#fff;color:var(--primary-strong);box-shadow:0 2px 6px #00000014,0 1px 2px #0000000a;cursor:default}.countries-immersive__lang-toggle{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#ffffffe0;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);padding:0;overflow:hidden;cursor:pointer;transition:all .2s var(--transition-smooth);display:flex;align-items:center;justify-content:center}.countries-immersive__lang-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-card)}.countries-immersive__lang-flag{width:100%;height:100%;object-fit:cover;border-radius:50%}.countries-immersive__spino{position:absolute;bottom:16px;left:16px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.countries-immersive__ring-area{position:relative;width:144px;height:144px}.countries-immersive__ring-area.celebrating{animation:spino-wiggle .6s ease infinite}.countries-immersive__ring-svg{position:absolute;inset:0;width:144px;height:144px}.countries-immersive__spino-avatar{position:absolute;top:12px;left:12px;width:120px;height:120px;border-radius:50%;overflow:hidden;background:#fff}.spino-wrap.spino-immersive{width:120px;height:120px;aspect-ratio:auto;border-radius:50%;overflow:hidden;background:transparent;border:none}.spino-wrap.spino-immersive img{width:100%;height:100%;object-fit:cover}.spino-wrap.happy.spino-immersive{transform:none;animation:none}.spino-wrap.sad.spino-immersive{animation:spino-shake .4s ease;transform:none}.countries-immersive__score{display:flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffe0;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);font-weight:800;font-size:.9rem;color:var(--text)}.countries-immersive__score i{color:var(--primary)}.countries-immersive__feedback{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.countries-immersive__feedback .result-banner-v2,.countries-immersive__feedback .result-banner{padding:8px 20px;border-radius:999px;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);white-space:nowrap}.countries-immersive__hint{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#ffffffeb;backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border:1px solid rgba(15,23,42,.08);font-size:.9rem;font-weight:700;color:var(--text);white-space:nowrap;animation:hint-fade-in .3s ease}.countries-immersive__hint i{color:var(--warning)}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.countries-immersive__subtitle-badge{font-size:.8rem;font-weight:700;color:var(--text-soft);padding:2px 10px;border-radius:999px;background:var(--surface-2)}.countries-immersive__practice-btn{padding:8px 18px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:var(--primary);color:#fff;font-size:.85rem;font-weight:700;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:6px}.countries-immersive__practice-btn:hover{background:var(--primary-strong);box-shadow:var(--shadow-card)}@media(max-width:640px){.countries-immersive__question{max-width:calc(100vw - 32px);white-space:normal;border-radius:var(--border-radius-md)}.countries-immersive__top-right{top:auto;bottom:16px;right:16px}.countries-immersive__ring-area,.countries-immersive__ring-svg{width:112px;height:112px}.countries-immersive__spino-avatar{top:8px;left:8px;width:96px;height:96px}.spino-wrap.spino-immersive{width:96px;height:96px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.country-info-card{position:relative;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;border-radius:var(--border-radius-lg);background:#fff;border:4px solid var(--primary-soft);box-shadow:0 25px 50px -12px #00000040;padding:28px 28px 24px;display:flex;flex-direction:column;gap:18px;animation:country-info-enter .3s var(--transition-bounce) both}@keyframes country-info-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.country-info-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-soft);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--transition-smooth);z-index:1}.country-info-close:hover{background:var(--surface-3);color:var(--text)}.country-info-header{display:flex;align-items:center;gap:16px}.country-info-flag{width:88px;height:62px;border-radius:10px;object-fit:cover;box-shadow:0 4px 12px #00000026;flex-shrink:0}.country-info-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.country-info-name{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text);margin:0;line-height:1.2}.country-info-tagline{font-size:.95rem;font-weight:600;color:var(--primary);margin:0;font-style:italic}.country-info-facts,.country-info-imagine{flex-shrink:0}.country-info-facts{display:flex;flex-direction:column;gap:12px}.country-info-fact{display:grid;grid-template-columns:160px 1fr;border-radius:var(--border-radius-md);background:var(--surface-2);overflow:hidden}.country-info-fact-image-slot{position:relative;display:flex;flex-direction:column}.country-info-fact-image-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;border:none;padding:0;background:none}.country-info-image-placeholder{background:var(--surface-2);display:flex;align-items:center;justify-content:center;cursor:default}.country-info-image-placeholder i{font-size:1.5rem;color:var(--text-muted, #c0c8d4);opacity:.5;animation:placeholder-pulse 1.5s ease-in-out infinite}.country-info-image-placeholder.imagine-placeholder{width:100%;height:180px;aspect-ratio:auto}@keyframes placeholder-pulse{0%,to{opacity:.3}50%{opacity:.6}}.country-info-fact-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--transition-smooth)}.country-info-fact-image-wrap:hover .country-info-fact-image{transform:scale(1.05)}.country-info-fact-image-wrap:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;bottom:6px;right:6px;width:24px;height:24px;border-radius:6px;background:#00000080;color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.country-info-fact-image-wrap:hover:after{opacity:1}.country-info-fact-text{padding:14px 16px;font-size:.95rem;line-height:1.55;color:var(--text)}.country-info-fact-text strong{display:block;color:var(--primary-strong);font-size:1rem;margin-bottom:4px}.country-info-image-nav{display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 0;background:var(--surface-2);font-size:.7rem;color:var(--text-soft)}.country-info-image-nav button{background:none;border:none;padding:2px 6px;cursor:pointer;color:var(--text-soft);font-size:.6rem;border-radius:4px;transition:background .15s}.country-info-image-nav button:hover{background:var(--surface-3);color:var(--text)}.country-info-lightbox{position:fixed;inset:0;z-index:200;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightbox-in .2s ease}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.country-info-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 40px #0006}.country-info-imagine{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#eff6ff,#f0f4ff);border:1px solid var(--primary-soft);overflow:hidden}.country-info-imagine.has-image{display:flex;flex-direction:column}.country-info-imagine-image-slot{position:relative}.country-info-image-nav.imagine-nav{position:absolute;bottom:0;right:0;background:#00000080;color:#fffc;border-radius:8px 0 0;padding:3px 8px}.country-info-image-nav.imagine-nav button{color:#ffffffb3}.country-info-image-nav.imagine-nav button:hover{background:#ffffff26;color:#fff}.country-info-imagine-image-wrap{width:100%;border:none;padding:0;background:none;cursor:pointer;display:block}.country-info-imagine-image{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s var(--transition-smooth)}.country-info-imagine-image-wrap:hover .country-info-imagine-image{transform:scale(1.02)}.country-info-imagine-content{display:flex;align-items:flex-start;gap:10px;padding:12px 16px}.country-info-imagine-content i{color:var(--primary);font-size:1.1rem;margin-top:3px;flex-shrink:0}.country-info-imagine-content p{margin:0;font-size:.95rem;line-height:1.55;color:var(--text);font-style:italic}@media(max-width:640px){.country-info-card{width:calc(100vw - 24px);padding:22px 16px 20px;gap:14px}.country-info-flag{width:68px;height:48px}.country-info-name{font-size:1.25rem}.country-info-fact{grid-template-columns:120px 1fr}.country-info-imagine-image{height:140px}}.countries-immersive__print-title{display:none}@media print{.countries-immersive__print-title{display:block;text-align:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:#1e293b;padding:12px 0 8px}.countries-immersive__back,.countries-immersive__question,.countries-immersive__top-right,.countries-immersive__controls,.countries-immersive__spino,.countries-immersive__feedback,.language-switcher{display:none!important}.countries-immersive{position:static;width:100%;height:auto;background:#fff;overflow:visible}.countries-immersive__map{position:static;border:2px solid #94a3b8;border-radius:8px;overflow:hidden}.countries-immersive__map .world-map-svg{width:100%;height:auto}}