.multiplication-race{min-height:100%;background:radial-gradient(circle at top left,rgba(244,114,182,.2),transparent 24rem),radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 20rem),linear-gradient(180deg,#0f1432,#182454);color:#fff;padding:.65rem}.multiplication-race .race-shell{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.55rem;border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;background:linear-gradient(180deg,#0c1533f2,#141d47eb);box-shadow:0 24px 70px #0000004d;padding:.7rem}.multiplication-race .race-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.multiplication-race .race-kicker{margin:0;color:#f9a8d4;text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;font-weight:800}.multiplication-race .race-title{margin:.18rem 0 0;font-size:clamp(1.2rem,2.2vw,1.9rem);line-height:1;font-weight:900}.multiplication-race .race-copy{max-width:42rem;margin:.22rem 0 0;color:#dce9ffd1;font-size:.8rem}.multiplication-race .race-start-button,.multiplication-race .race-reset-button{border:0;border-radius:999px;padding:.68rem .95rem;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;font-size:.95rem}.multiplication-race .race-start-button{background:linear-gradient(135deg,#f472b6,#8b5cf6);color:#fff;box-shadow:0 16px 40px #d846ef42}.multiplication-race .race-reset-button{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;min-width:128px}.multiplication-race .race-start-button:hover,.multiplication-race .race-reset-button:hover,.multiplication-race .answer-bubble:hover{transform:translateY(-2px) scale(1.01)}.multiplication-race .race-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.multiplication-race .race-stat{border-radius:1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff14;padding:.45rem .55rem;text-align:center}.multiplication-race .race-stat-label{display:block;color:#dbeafeb8;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:800}.multiplication-race .race-stat-value{display:block;margin-top:.25rem;font-size:1.15rem;line-height:1}.multiplication-race .race-track-panel,.multiplication-race .question-card{transition:transform .18s ease,box-shadow .2s ease,background .2s ease}.multiplication-race .race-track-panel{border-radius:1.35rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#1d2c5deb,#121c3ff2);padding:.65rem}.multiplication-race .track-topline,.multiplication-race .progress-row,.multiplication-race .question-head,.multiplication-race .feedback-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.multiplication-race .track-badge,.multiplication-race .question-pill,.multiplication-race .combo-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .62rem;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.multiplication-race .track-badge{background:#ffffff1a;color:#dbeafe}.multiplication-race .question-card{border-radius:1.35rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff14,#ffffff0d);padding:.65rem .8rem;text-align:center}.multiplication-race .question-pill{background:#60a5fa29;color:#bfdbfe}.multiplication-race .combo-pill{background:#f472b62e;color:#fbcfe8}.multiplication-race .question-text{margin:.3rem 0 0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1;font-weight:900}.multiplication-race .question-hint{margin:.22rem 0 0;color:#dbeafec7;font-size:.78rem}.multiplication-race .track-lane{position:relative;overflow:hidden;border-radius:1.2rem;min-height:82px;background:radial-gradient(circle at top,rgba(96,165,250,.2),transparent 35%),linear-gradient(180deg,#0c1434,#111a42);padding:.55rem}.multiplication-race .track-stars span{position:absolute;width:6px;height:6px;border-radius:999px;background:#fffc;animation:twinkle 2.6s ease-in-out infinite}.multiplication-race .track-stars span:nth-child(1){top:18px;left:10%;animation-delay:0ms}.multiplication-race .track-stars span:nth-child(2){top:42px;left:32%;animation-delay:.24s}.multiplication-race .track-stars span:nth-child(3){top:22px;left:55%;animation-delay:.48s}.multiplication-race .track-stars span:nth-child(4){top:48px;left:74%;animation-delay:.72s}.multiplication-race .track-stars span:nth-child(5){top:82px;left:20%;animation-delay:.95s}.multiplication-race .track-stars span:nth-child(6){top:88px;left:86%;animation-delay:1.2s}.multiplication-race .track-dashes{position:absolute;left:24px;right:24px;top:40px;height:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.8) 0 28px,transparent 28px 50px);opacity:.9}.multiplication-race .finish-line{position:absolute;right:26px;top:14px;bottom:14px;width:15px;border-radius:10px;background:linear-gradient(180deg,#fff 0 12.5%,#111 12.5% 25%,#fff 25% 37.5%,#111 37.5% 50%,#fff 50% 62.5%,#111 62.5% 75%,#fff 75% 87.5%,#111 87.5% 100%);box-shadow:0 0 24px #ffffff1f}.multiplication-race .rocket-runner{position:absolute;top:12px;left:calc(0% - 24px);display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:left .38s cubic-bezier(.2,.8,.2,1),transform .18s ease}.multiplication-race .rocket-emoji{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at top,#fde68a,#fb7185 70%);box-shadow:0 12px 30px #fb718559;font-size:1.15rem}.multiplication-race .rocket-boost{opacity:0;transform:translateY(4px);color:#fde68a;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:opacity .15s ease,transform .15s ease}.multiplication-race .rocket-boost--show{opacity:1;transform:translateY(0)}.multiplication-race .progress-row{margin-top:.4rem}.multiplication-race .progress-bar{flex:1;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.multiplication-race .progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#f472b6,#fbbf24);transition:width .38s ease}.multiplication-race .progress-label{min-width:3rem;text-align:right;color:#fef3c7;font-weight:800}.multiplication-race .bubble-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.multiplication-race .answer-bubble{position:relative;overflow:hidden;min-height:84px;border:0;border-radius:1.1rem;background:radial-gradient(circle at 30% 25%,#ffffff73,#ffffff24 18%,#ffffff0a 46%,#ffffff1f),linear-gradient(180deg,#60a5fa70,#a855f757);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff2e,0 14px 38px #00000038;color:#fff;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.multiplication-race .answer-bubble:after{content:"";position:absolute;inset:14px auto auto 22px;width:30px;height:10px;border-radius:999px;background:#ffffff61;filter:blur(1px)}.multiplication-race .answer-bubble:disabled{cursor:default}.multiplication-race .answer-bubble--correct{box-shadow:0 0 0 2px #4ade804d,0 18px 46px #4ade803d;background:radial-gradient(circle at 30% 25%,#ffffff8c,#ffffff29 18%,#ffffff0f 46%,#ffffff1f),linear-gradient(180deg,#4ade80b8,#10b98185)}.multiplication-race .answer-bubble--wrong{animation:bubble-wobble .52s ease;box-shadow:0 0 0 2px #fb923c47,0 16px 34px #fb923c2e}.multiplication-race .answer-bubble--pop{animation:bubble-pop .42s ease}.multiplication-race .feedback-row{margin-top:.45rem}.multiplication-race .race-feedback{margin:0;color:#dbeafecc;font-size:.78rem;font-weight:700}.multiplication-race .race-feedback--correct{color:#bbf7d0}.multiplication-race .race-feedback--warning{color:#fdba74}.multiplication-race .track-panel--correct{box-shadow:0 0 0 1px #4ade8033,0 24px 60px #2dd4bf29}.multiplication-race .track-panel--wrong{animation:panel-shake .46s ease}.multiplication-race .track-panel--win{background:radial-gradient(circle at top,rgba(251,191,36,.26),transparent 38%),linear-gradient(180deg,#1d2c5df5,#121c3ff2)}.multiplication-race .question-card--correct{box-shadow:0 0 0 1px #4ade8033,0 18px 36px #4ade801a}.multiplication-race .question-card--wrong{box-shadow:0 0 0 1px #fb923c33,0 18px 36px #fb923c14}.multiplication-race .rocket-runner--boost{transform:translateY(-6px) scale(1.05)}.multiplication-race .rocket-runner--bump{animation:rocket-bump .46s ease}.multiplication-race .celebration-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.multiplication-race .celebration-piece{position:absolute;top:-10%;width:12px;height:20px;border-radius:999px;opacity:0;background:var(--piece-color);animation:confetti-drop var(--piece-duration) ease-out var(--piece-delay) forwards}@keyframes twinkle{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes bubble-wobble{0%,to{transform:translate(0)}20%{transform:translate(-10px) rotate(-2deg)}40%{transform:translate(10px) rotate(2deg)}60%{transform:translate(-8px) rotate(-1deg)}80%{transform:translate(8px) rotate(1deg)}}@keyframes bubble-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(.96)}}@keyframes panel-shake{0%,to{transform:translate(0)}30%{transform:translate(-8px)}60%{transform:translate(8px)}}@keyframes rocket-bump{0%,to{transform:translateY(0)}30%{transform:translateY(6px) rotate(-4deg)}60%{transform:translateY(-2px) rotate(2deg)}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(430px) rotate(220deg)}}@media(max-width:900px){.multiplication-race .race-header,.multiplication-race .feedback-row,.multiplication-race .question-head{flex-direction:column;align-items:stretch}.multiplication-race .race-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.multiplication-race .bubble-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.multiplication-race .race-start-button,.multiplication-race .race-reset-button{width:100%}.multiplication-race .track-lane{min-height:78px}.multiplication-race .answer-bubble{min-height:74px}}@media(max-width:640px){.multiplication-race{padding:.35rem}.multiplication-race .race-shell{padding:.55rem;border-radius:1.2rem}.multiplication-race .race-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.multiplication-race .question-text{font-size:1.65rem}.multiplication-race .bubble-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.multiplication-race .answer-bubble{min-height:66px;border-radius:.95rem;font-size:1.45rem}.multiplication-race .race-title{font-size:1.05rem}.multiplication-race .race-copy,.multiplication-race .question-hint,.multiplication-race .race-feedback{font-size:.7rem}.multiplication-race .track-lane{min-height:70px}.multiplication-race .rocket-emoji{width:34px;height:34px;font-size:1rem}.multiplication-race .track-dashes{top:33px}.multiplication-race .finish-line{width:11px;right:14px}.multiplication-race .race-stat{padding:.35rem .25rem}.multiplication-race .race-stat-label{font-size:.54rem}.multiplication-race .race-stat-value{font-size:.95rem}.multiplication-race .race-start-button,.multiplication-race .race-reset-button{padding:.58rem .8rem;font-size:.82rem}}