:root{color:#062a60;font-synthesis:none;text-rendering:geometricprecision;--blue:#0e8be8;--deep-blue:#062d66;--cyan:#16c2ff;--green:#77d313;--yellow:#ffc421;--orange:#ff9717;--red:#f23e35;--pink:#ef4aa0;--purple:#8a3bd8;--panel:#fffaebf5;--ink:#062a60;--shadow:0 8px 0 #023a5b2e, 0 20px 42px #023d6d38;background:#17afe8;font-family:Trebuchet MS,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:default;opacity:.62}.racingGame{background:radial-gradient(circle at 12% 15%,#fffffff2 0 4%,#0000 4.3%),radial-gradient(circle at 72% 10%,#fffc 0 3.5%,#0000 3.8%),linear-gradient(#15b3f2 0%,#70d9fb 44%,#ffde69 44%,#f5a741 100%);min-height:100vh;padding:16px 22px 20px;position:relative;overflow:hidden}.racingGame:before{pointer-events:none;opacity:.22;content:"";background-image:radial-gradient(circle,#ffffff59 0 2px,#0000 3px),linear-gradient(90deg,#0000 0 45%,#ffffff38 45% 55%,#0000 55%);background-size:90px 70px,180px 100%;position:absolute;inset:0}.raceHeader,.raceLayout,.countdownOverlay,.questionPopup,.finishOverlay{z-index:2;position:relative}.raceHeader{grid-template-columns:minmax(300px,1fr) minmax(410px,1.1fr) minmax(310px,.95fr);align-items:start;gap:18px;display:grid}.brandBlock{text-align:center;order:2}h1{color:#ffc421;letter-spacing:0;-webkit-text-stroke:3px #fff4c8;text-shadow:0 4px #7c250d,0 8px #dd3b22,0 14px 22px #06317140;margin:0;font-size:clamp(34px,3.9vw,66px);font-weight:1000;line-height:.88}h1 span{color:#28baff;-webkit-text-stroke:2px #073675;text-shadow:0 3px #fff7d0,0 7px 9px #042f5f3d;font-size:.58em;display:block}.raceStats,.soundPanel,.racePanel{background:var(--panel);box-shadow:var(--shadow), inset 0 0 0 2px #ffd36f40;border:4px solid #ffffffc7}.raceStats{border-radius:16px;order:1;grid-template-columns:repeat(3,1fr);min-height:92px;display:grid;overflow:hidden}.raceStats div{align-content:center;justify-items:center;gap:2px;padding:8px 6px;display:grid}.raceStats div+div,.soundToggle+.soundToggle,.soundToggle+.gearButton{border-left:2px solid #86592c2b}.raceStats svg{color:var(--orange);filter:drop-shadow(0 3px #6c440038)}.raceStats span,.soundToggle span,.gearButton span{color:var(--deep-blue);font-size:13px;font-weight:1000;line-height:1}.raceStats strong{color:var(--deep-blue);font-size:27px;line-height:1}.soundPanel{border-radius:16px;order:3;grid-template-columns:repeat(3,1fr);min-height:92px;display:grid;overflow:hidden}.soundToggle,.gearButton{color:var(--deep-blue);background:0 0;border:0;align-content:center;justify-items:center;gap:5px;display:grid}.soundToggle svg,.gearButton svg{color:#fff;background:linear-gradient(#21bdff,#087cd2);border-radius:14px;width:44px;height:44px;padding:9px;box-shadow:inset 0 3px #fff6,0 4px #07437f59}.soundToggle:nth-child(2) svg{background:linear-gradient(#a657ff,#7635c8)}.gearButton svg{background:linear-gradient(#ffd648,#f39707)}.soundToggle b{color:#fff;background:#2fbd37;border-radius:999px;min-width:50px;padding:2px 9px;font-size:12px;font-weight:1000;box-shadow:inset 0 -2px #0000002e}.soundToggle.isOff b{background:#f3463e}.raceLayout{grid-template-columns:minmax(220px,280px) minmax(560px,1fr) minmax(230px,300px);align-items:stretch;gap:18px;margin-top:14px;display:grid}.leftHud,.rightHud{align-content:start;gap:12px;display:grid}.racePanel{border-radius:18px;padding:14px}.playerPanel label{min-height:46px;color:var(--blue);background:#fff;border:3px solid #0a52911f;border-radius:13px;align-items:center;gap:8px;padding:0 10px;display:flex}.playerPanel input{width:100%;min-width:0;color:var(--deep-blue);background:0 0;border:0;outline:0;font-size:20px;font-weight:1000}.panelTitle{color:#fff;text-align:center;background:linear-gradient(#168df2,#0864c6);border-radius:10px;width:max-content;min-width:132px;margin:-2px auto 12px;padding:8px 16px;font-size:18px;font-weight:1000;line-height:1;box-shadow:inset 0 3px #ffffff59,0 4px #064790}.rangeReadout{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-bottom:10px;display:grid}.rangeReadout strong{min-height:50px;color:var(--green);text-shadow:0 2px #fff,0 3px #0050002e;background:#fffdf5;border:2px solid #48505e1f;border-radius:12px;place-items:center;font-size:30px;font-weight:1000;line-height:1;display:grid}.rangeReadout strong:last-child{color:#ef572c}.rangeReadout span,.scaleLabels{color:var(--deep-blue);text-align:center;text-transform:uppercase;font-size:16px;font-weight:1000}.setupPanel input{width:100%;accent-color:var(--blue)}.scaleLabels{justify-content:space-between;margin-top:2px;display:flex}.modeTabs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modeTabs button{color:#fff;text-shadow:0 2px #0000003d;background:linear-gradient(#99e51c,#56b809);border:3px solid #ffffffb8;border-radius:12px;place-items:center;min-height:52px;font-size:18px;font-weight:1000;display:grid;box-shadow:inset 0 4px #ffffff45,0 5px #3037412e}.modeTabs button:nth-child(2){background:linear-gradient(#ff7044,#ed321d)}.modeTabs button:nth-child(3){background:linear-gradient(#a65cf0,#6f28bb)}.modeTabs button.selected{outline:4px solid #fff06e}.minusGlyph{font-size:28px;line-height:.7}.leaderboard{gap:8px;display:grid}.rankRow{background:#ffffffb8;border:2px solid #084b8414;border-radius:12px;grid-template-columns:26px 38px 1fr auto;align-items:center;gap:8px;min-height:46px;padding:5px 8px;display:grid}.rankRow.player{background:#fff7ca;border-color:#ffca26}.place{background:var(--deep-blue);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:1000;display:grid}.miniHelmet{color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:1000;display:grid;box-shadow:0 3px #00000029}.rankRow strong{color:var(--deep-blue);font-size:17px}.rankRow small{color:#365a83;font-size:14px;font-weight:1000}.cyan{background:#0fb9f2}.pink{background:#ef4aa0}.yellow{background:#ffb81d}.green{background:#68c414}.purple{background:#8a3bd8}.raceStage{grid-template-rows:minmax(470px,1fr) auto;gap:12px;min-width:0;display:grid}.trackShell{min-height:470px;box-shadow:var(--shadow);background:radial-gradient(circle at 16% 18%,#ffffffd9 0 6%,#0000 6.4%),linear-gradient(#3bc7f5 0 31%,#42bd62 31% 42%,#db9a45 42% 100%);border:8px solid #fff2be;border-radius:28px;position:relative;overflow:hidden}.trackSky span{color:#ffcf22;text-shadow:0 3px #fff;font-size:34px;font-weight:1000;animation:3.4s ease-in-out infinite floaty;position:absolute}.trackSky span:first-child{top:13%;left:12%}.trackSky span:nth-child(2){color:#f34894;animation-delay:.6s;top:10%;left:42%}.trackSky span:nth-child(3){color:#6bd113;animation-delay:1s;top:15%;right:20%}.trackSky span:nth-child(4){color:#ff9717;animation-delay:1.4s;top:28%;right:9%}.finishGate{z-index:3;color:#fb2727;text-shadow:0 1px #fff;background:repeating-linear-gradient(45deg,#111 0 10px,#fff 10px 20px);border:4px solid #fff;border-radius:14px;align-items:center;gap:6px;padding:8px 12px;font-size:18px;font-weight:1000;display:flex;position:absolute;top:72px;right:22px;box-shadow:0 6px #0000002e}.trackRoad{background:linear-gradient(90deg,#0000 0 48%,#ffffffa6 48% 52%,#0000 52%),linear-gradient(#606978,#424b5d);border:10px solid #79d15c;border-radius:40px 130px 42px 115px;gap:7px;padding:18px;display:grid;position:absolute;bottom:34px;left:5%;right:5%;box-shadow:inset 0 0 0 7px #ffffff2e,0 14px #523a202e}.lane{background:repeating-linear-gradient(90deg,#0000 0 44px,#ffffff57 44px 72px,#0000 72px 118px),#ffffff0f;border-radius:999px;height:63px;position:relative}.lane+.lane{border-top:3px dashed #ffffff73}.laneName{z-index:1;color:#ffffffb8;text-shadow:0 2px #00000047;font-size:15px;font-weight:1000;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.kart{z-index:2;width:92px;height:48px;transition:left .22s linear,filter .16s;position:absolute;top:9px;transform:translate(-6px)}.kart.driving{animation:.24s ease-in-out infinite kartShake}.kart.boosting{filter:drop-shadow(0 0 14px #fff36c)brightness(1.12)}.driver{z-index:2;color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:21px;font-weight:1000;display:grid;position:absolute;bottom:24px;left:25px;overflow:hidden;box-shadow:0 4px #0000002e}.driver img{object-fit:contain;object-position:50% 28%;filter:drop-shadow(0 2px #00000029);width:72px;height:72px}.kartBody{clip-path:polygon(9% 35%,24% 5%,68% 0,92% 30%,100% 70%,88% 100%,10% 100%,0 72%);background:radial-gradient(circle at 72% 36%,#ffffff8c 0 12%,#0000 13%),linear-gradient(145deg,#fff3,#0000 38%),currentColor;border:4px solid #ffffffb8;border-radius:32px 38px 18px 20px;height:36px;position:absolute;bottom:2px;left:1px;right:1px;box-shadow:inset 0 4px #ffffff42,0 6px #00000038}.kart.cyan{color:#0fb9f2}.kart.pink{color:#ef4aa0}.kart.yellow{color:#ffb81d}.kart.green{color:#68c414}.kart.purple{color:#8a3bd8}.kart.cyan .driver{background:radial-gradient(circle at 45% 35%,#e9fbff,#0fb9f2 72%)}.kart.pink .driver{background:#ef4aa0}.kart.yellow .driver{background:#ffb81d}.kart.green .driver{background:#68c414}.kart.purple .driver{background:#8a3bd8}.kartBody:before,.kartBody:after{content:"";background:#3b4250;border:4px solid #242935;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-12px}.kartBody:before{left:10px}.kartBody:after{right:10px}.kartBody i{background:#ffffffc2;border-radius:999px;width:18px;height:9px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.kartBody b{background:#ffef57;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;right:6px}.spark{opacity:0;background:linear-gradient(90deg,#0000,#ffef57,#ff6f14);border-radius:50%;width:28px;height:16px;position:absolute;bottom:12px;left:-12px}.kart.boosting .spark{opacity:1;animation:.18s ease-in-out infinite spark}.raceConsole{background:var(--panel);box-shadow:var(--shadow);border:4px solid #ffffffc7;border-radius:18px;gap:10px;padding:12px;display:grid}.raceConsole>div:first-child{color:var(--deep-blue);text-align:center;justify-content:center;align-items:center;gap:10px;font-size:20px;font-weight:1000;display:flex}.raceConsole svg{color:var(--orange)}.questionProgress{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.questionProgress span{background:#fff;border:2px solid #0a34701f;border-radius:999px;height:14px}.questionProgress .done{background:linear-gradient(90deg,#1fb9ff,#83dd12)}.rulesPanel p{color:var(--deep-blue);margin:9px 0;font-size:15px;font-weight:900;line-height:1.2}.primaryButton,.secondaryButton,.pauseButton{color:#fff;text-shadow:0 2px #00000038;border:4px solid #fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:58px;font-size:22px;font-weight:1000;display:flex;box-shadow:inset 0 4px #ffffff52,0 6px #472e0033}.primaryButton{background:linear-gradient(#98e91e,#50b808)}.secondaryButton{color:#743c00;text-shadow:none;background:linear-gradient(#ffe05a,#ffad13);margin-top:10px}.pauseButton{background:linear-gradient(#24baff,#087ad0);margin-top:10px}.bestScores{gap:7px;display:grid}.bestScores p{color:var(--deep-blue);text-align:center;margin:0;font-weight:900}.scoreRow{min-height:36px;color:var(--deep-blue);background:#ffffffc2;border-radius:10px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:5px 8px;font-weight:1000;display:grid}.scoreRow span{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.scoreRow small{color:#426083;font-size:12px;font-weight:1000}.countdownOverlay,.finishOverlay,.questionPopup,.pauseOverlay{position:fixed}.countdownOverlay,.finishOverlay,.pauseOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03204861;place-items:center;display:grid;inset:0}.pauseOverlay{z-index:20}.pauseOverlay>div{text-align:center;background:#fff8e8;border:7px solid #fff;border-radius:28px;width:min(430px,100vw - 36px);padding:24px;box-shadow:0 16px #05366233,0 35px 70px #05183652}.pauseOverlay svg{color:var(--orange)}.pauseOverlay h2{color:#f04a29;margin:4px 0;font-size:38px}.pauseOverlay p{color:var(--deep-blue);font-weight:900}.countdownOverlay span{aspect-ratio:1;color:#fff;text-shadow:0 8px #6626004d;background:radial-gradient(circle at 35% 25%,#fff36c,#ff9d17 58%,#f0442f);border:10px solid #fff;border-radius:50%;place-items:center;width:min(42vw,320px);font-size:clamp(86px,16vw,170px);font-weight:1000;display:grid;box-shadow:0 18px #022c5638,0 35px 72px #0000003d}.questionPopup{z-index:10;text-align:center;background:#fff9e9;border:7px solid #1688d3;border-radius:30px;width:min(760px,100vw - 32px);padding:22px 24px 20px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px #05366233,0 35px 70px #05183652,inset 0 0 0 4px #fff}.timerRing{background:conic-gradient(#7bdc13 var(--timer), #ffe3e3 0);border-radius:50%;place-items:center;width:94px;height:94px;display:grid;position:absolute;top:-34px;right:-28px;box-shadow:0 7px #124f7538}.timerRing:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.timerRing span{color:#ef3f35;font-size:38px;font-weight:1000;position:relative}.questionMeta{color:#fff;background:linear-gradient(#168df2,#0864c6);border-radius:999px;width:max-content;margin:0 auto 12px;padding:7px 18px;font-size:19px;font-weight:1000;box-shadow:inset 0 3px #ffffff52,0 4px #064790}.equation{color:var(--deep-blue);justify-content:center;align-items:center;gap:clamp(12px,2vw,26px);font-size:clamp(56px,8vw,104px);font-weight:1000;line-height:1;display:flex}.equation em{color:#1287dc;border:4px dashed #1688d3;border-radius:16px;place-items:center;width:92px;height:92px;font-style:normal;display:grid}.answerGrid{grid-template-columns:repeat(4,minmax(96px,1fr));gap:12px;margin-top:18px;display:grid}.answerButton{color:#fff;text-shadow:0 4px #00000040;border:4px solid #ffffffad;border-radius:18px;min-height:92px;font-size:clamp(36px,5vw,62px);font-weight:1000;box-shadow:inset 0 5px #ffffff47,0 8px #1e2b3a4d}.answerButton.blue{background:linear-gradient(#24baff,#087ad0)}.answerButton.green{background:linear-gradient(#9ee719,#61b609)}.answerButton.orange{background:linear-gradient(#ffbd23,#f27b04)}.answerButton.red{background:linear-gradient(#ff5b50,#df1717)}.answerButton.right{outline:6px solid #fff66c}.answerButton.wrong{filter:grayscale(.25)brightness(.82);animation:.38s shake}.questionPopup p{color:#355b84;margin:14px 0 0;font-size:15px;font-weight:900}.resultsCard{text-align:center;background:#fff8e8;border:7px solid #fff;border-radius:28px;width:min(520px,100vw - 36px);padding:22px;box-shadow:0 16px #05366233,0 35px 70px #05183652}.resultsCard>svg{color:var(--orange);filter:drop-shadow(0 4px #6c440038)}.resultsCard h2{color:#f04a29;text-shadow:0 2px #fff;margin:6px 0;font-size:38px;line-height:1}.resultsCard p{color:var(--deep-blue);margin:0 0 14px;font-weight:900}.saveNote{color:#1b77c9!important}.podiumList{color:#416084;gap:4px;margin:-4px 0 14px;font-size:13px;font-weight:1000;display:grid}.finalRows{gap:8px;margin-bottom:16px;display:grid}.finalRows div{min-height:42px;color:var(--deep-blue);background:#fff;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:6px 10px;font-weight:1000;display:grid}.finalRows .player{background:#fff1a8;outline:3px solid #ffc421}.finalRows span{background:var(--deep-blue);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}@keyframes floaty{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(5deg)}}@keyframes kartShake{0%,to{translate:0}50%{translate:0 -1px}}@keyframes spark{0%,to{opacity:.7;scale:.85}50%{opacity:1;scale:1.15}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@media (width<=1120px){.racingGame{overflow-y:auto}.raceHeader{grid-template-columns:1fr}.brandBlock,.raceStats,.soundPanel{order:initial}.brandBlock{order:-1}.raceLayout{grid-template-columns:1fr}.leftHud,.rightHud{grid-template-columns:repeat(3,1fr)}.raceStage{grid-row:2}.trackShell{min-height:430px}}@media (width<=720px){.racingGame{padding:12px 12px 18px}h1{font-size:clamp(34px,10vw,52px)}.raceStats,.soundPanel{min-height:78px}.raceStats strong{font-size:20px}.soundToggle svg,.gearButton svg{width:38px;height:38px;padding:8px}.leftHud,.rightHud{grid-template-columns:1fr}.raceStage{grid-template-rows:560px auto}.trackShell{min-height:560px}.trackRoad{gap:12px;padding:16px 12px;bottom:20px;left:4%;right:4%}.lane{height:82px}.kart{width:82px;top:22px}.driver{width:38px;height:38px}.finishGate{font-size:14px;top:56px;right:12px}.questionPopup{padding:20px 14px 16px}.timerRing{width:76px;height:76px;top:-28px;right:-14px}.timerRing span{font-size:30px}.equation{gap:8px;font-size:clamp(44px,13vw,66px)}.equation em{width:64px;height:64px}.answerGrid{grid-template-columns:repeat(2,minmax(120px,1fr))}.answerButton{min-height:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}