*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#0a0a12;color:#fff;font-family:Exo\ 2,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}body:before{animation:bgDrift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 20%,#00e1ff0f 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#c084fc0f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#6366f10a 0,#0000 60%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes bgDrift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-3%,-3%) rotate(3deg)}}body:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;content:"";inset:0;opacity:.5;pointer-events:none;position:fixed;z-index:0}#root{min-height:100vh;min-height:100dvh;position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#00e1ff4d;color:#fff}:focus-visible{outline:2px solid #00e1ff80;outline-offset:2px}button:focus:not(:focus-visible){outline:none}.menu-container{align-items:center;animation:menuFadeIn .6s ease-out;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:680px;padding:2rem 1.5rem 3rem}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-header{padding:1rem 0 .5rem;position:relative;text-align:center}.logo-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#00e1ff26 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);width:200px}@keyframes glowPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.menu-title{font-family:Orbitron,sans-serif;font-size:3.2rem;font-weight:900;letter-spacing:2px;line-height:1;margin:0}.title-cobra{color:#00e1ff;text-shadow:0 0 30px #00e1ff80,0 0 60px #00e1ff33}.title-calc{color:#c084fc;text-shadow:0 0 30px #c084fc80,0 0 60px #c084fc33}.menu-subtitle{color:#fff6;font-family:Exo\ 2,sans-serif;font-size:1rem;letter-spacing:6px;margin:.5rem 0 0;text-transform:uppercase}.menu-sections{display:flex;flex-direction:column;gap:1.5rem;width:100%}.menu-section{animation:sectionSlide .5s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1.25rem}.menu-section:first-child{animation-delay:.1s}.menu-section:nth-child(2){animation-delay:.2s}.menu-section:nth-child(3){animation-delay:.3s}.menu-section:nth-child(4){animation-delay:.4s}@keyframes sectionSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.section-label{color:#ffffff59;font-family:Exo\ 2,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:3px;margin:0 0 .75rem .25rem;text-transform:uppercase}.section-hint{color:#00e1ff66;font-size:.65rem;font-weight:400;letter-spacing:1px;text-transform:none}.option-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.option-row.ops,.option-row.triple{grid-template-columns:1fr 1fr 1fr}.option-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffff8c;cursor:pointer;display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;gap:.25rem;justify-content:center;overflow:hidden;padding:.75rem .5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.option-btn:before{background:linear-gradient(135deg,#00e1ff1a,#c084fc1a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.option-btn:hover{border-color:#ffffff26;color:#fffc;transform:translateY(-1px)}.option-btn:hover:before{opacity:.5}.option-btn.active{background:linear-gradient(135deg,#00e1ff1f,#c084fc1f);border-color:#00e1ff66;box-shadow:0 0 20px #00e1ff1a,inset 0 0 20px #00e1ff0d;color:#fff}.option-btn.active:before{opacity:1}.btn-icon{color:#00e1ff;font-size:1.1rem}.btn-icon,.fraction-icon{font-family:Orbitron,sans-serif;font-weight:700}.fraction-icon{align-items:center;color:#c084fc;display:flex;flex-direction:column;font-size:.7rem;gap:1px;line-height:1}.frac-line{background:#c084fc;display:block;height:1.5px;width:16px}.btn-label{font-size:.8rem;font-weight:500}.btn-desc{color:#ffffff4d;font-size:.65rem}.op-symbol{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e1ff,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:1.3rem}.dur-number,.op-symbol{font-family:Orbitron,sans-serif;font-weight:800}.dur-number{color:#00e1ff;font-size:1.5rem}.type-btn{gap:.5rem;padding:1rem}.start-btn{align-items:center;animation:gradientShift 4s ease infinite,startBtnAppear .6s ease-out .5s both;background:linear-gradient(135deg,#00e1ff,#6366f1,#c084fc);background-size:200% 200%;border:none;border-radius:14px;box-shadow:0 4px 30px #00e1ff4d,0 0 60px #6366f126;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:2px;max-width:320px;padding:1rem 2rem;transition:all .3s ease;width:100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes startBtnAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.start-btn:hover{box-shadow:0 6px 40px #00e1ff66,0 0 80px #6366f140;transform:scale(1.03)}.start-btn:active{transform:scale(.98)}.start-text{text-transform:uppercase}.start-arrow{font-size:1.4rem;transition:transform .3s}.start-btn:hover .start-arrow{transform:translateX(4px)}@media (max-width:500px){.menu-title{font-size:2.4rem}.option-row.ops{grid-template-columns:1fr 1fr}.menu-container{gap:1.5rem;padding:1.5rem 1rem 2rem}}.timer-ring{height:100px;position:relative;width:100px}.timer-svg{height:100%;width:100%}.timer-progress{transition:stroke-dashoffset 1s linear,stroke .5s ease}.timer-glow{transition:stroke-dashoffset 1s linear}.timer-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.timer-time{color:#00e1ff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-shadow:0 0 8px #00e1ff66;transition:color .5s ease}.timer-ring.warning .timer-time{color:#ffb84d;text-shadow:0 0 8px #ffb84d66}.timer-ring.danger .timer-time{animation:timerPulse .6s ease-in-out infinite;color:#ff4d6a;text-shadow:0 0 8px #ff4d6a66}@keyframes timerPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}.slot-counter{align-items:center;display:flex;flex-direction:column;gap:.3rem}.slot-label{color:#ffffff4d;font-family:Exo\ 2,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:4px;text-transform:uppercase}.slot-display{align-items:center;background:#0006;border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 2px 8px #00000080,0 0 20px #00e1ff0d;display:flex;gap:2px;padding:.4rem .75rem}.slot-digit{color:#00e1ff;display:inline-block;min-width:1.2ch;text-align:center;text-shadow:0 0 10px #00e1ff80;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .15s}.slot-digit,.slot-minus{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800}.slot-minus{color:#ff4d6a;text-shadow:0 0 10px #ff4d6a80}.slot-exit-roll-up{opacity:0;transform:translateY(-100%)}.slot-enter-roll-up{animation:slideInFromBottom .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.slot-exit-roll-down{opacity:0;transform:translateY(100%)}.slot-enter-roll-down{animation:slideInFromTop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.fraction-display{align-items:center;display:inline-flex;flex-direction:column;gap:2px;justify-content:center;padding:0 .25rem;vertical-align:middle}.fraction-display.large .frac-den,.fraction-display.large .frac-num{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;line-height:1.1}.fraction-display.small .frac-den,.fraction-display.small .frac-num{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;line-height:1.1}.frac-bar{background:currentColor;border-radius:1px;display:block;height:2px;min-width:30px;width:100%}.fraction-display.large .frac-bar{height:3px;min-width:40px}.balloon{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.balloon-body{align-items:center;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;display:flex;height:100px;justify-content:center;position:relative;width:80px}.balloon-correct .balloon-body{background:radial-gradient(ellipse at 35% 30%,#4ade80,#16a34a);box-shadow:0 0 40px #4ade8066,inset 0 -10px 20px #00000026}.balloon-wrong .balloon-body{background:radial-gradient(ellipse at 35% 30%,#f87171,#dc2626);box-shadow:0 0 40px #f8717166,inset 0 -10px 20px #00000026}.balloon-shine{background:#ffffff59;border-radius:50%;height:25px;left:20%;position:absolute;top:15%;transform:rotate(-30deg);width:20px}.balloon-points{color:#fff;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.balloon-string{background:#ffffff4d;border-radius:0 0 1px 1px;height:40px;margin:0 auto;width:2px}.balloon-float{animation:balloonFloat 2s ease-out forwards}@keyframes balloonFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-250%) scale(.8)}}.balloon-shake{animation:balloonShake .8s ease-in-out}@keyframes balloonShake{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}20%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}30%{transform:translate(-50%,-50%) rotate(-15deg) scale(1.05)}40%{transform:translate(-50%,-50%) rotate(15deg) scale(1.08)}50%{transform:translate(-50%,-50%) rotate(-18deg) scale(1.1)}60%{transform:translate(-50%,-50%) rotate(18deg) scale(1.12)}70%{transform:translate(-50%,-50%) rotate(-22deg) scale(1.15)}80%{transform:translate(-50%,-50%) rotate(22deg) scale(1.18)}90%{transform:translate(-50%,-50%) rotate(-25deg) scale(1.2)}to{transform:translate(-50%,-50%) rotate(0deg) scale(1.22)}}.balloon-explode{animation:balloonPop .1s ease-out forwards}@keyframes balloonPop{to{transform:translate(-50%,-50%) scale(1.3)}}.balloon-explosion{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:80px}.explosion-points{animation:explosionFade .7s ease-out forwards;color:#ff4d6a;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;text-shadow:0 0 20px #ff4d6acc}@keyframes explosionFade{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}.explosion-particle{--angle:0deg;--distance:50px;animation:particleFly .6s ease-out forwards;background:#ff4d6a;border-radius:50%;box-shadow:0 0 6px #ff4d6acc;height:8px;left:50%;position:absolute;top:50%;width:8px}@keyframes particleFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(var(--distance)*-1))}}.game-container{align-items:center;animation:gameEnter .5s ease-out;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:600px;min-height:100vh;min-height:100dvh;padding:1.5rem 1rem}@keyframes gameEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.game-ending{animation:gameExit 1.2s ease-in forwards}@keyframes gameExit{to{filter:blur(8px);opacity:0;transform:scale(.92)}}.game-top-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:1rem;justify-content:space-between;padding:.5rem;width:100%}.game-stats{align-items:flex-end;gap:.5rem}.game-stats,.stat{display:flex;flex-direction:column}.stat{align-items:center;gap:.1rem}.stat-num{color:#ffffffd9;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700}.stat-label{color:#ffffff4d;font-family:Exo\ 2,sans-serif;font-size:.6rem;letter-spacing:2px;text-transform:uppercase}.problem-area{min-height:160px;padding:1rem 0;position:relative}.problem-area,.problem-card{align-items:center;display:flex;justify-content:center;width:100%}.problem-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:2rem 2.5rem;transition:border-color .3s,box-shadow .3s}.feedback-correct .problem-card{border-color:#0f86;box-shadow:0 0 40px #00ff8826,inset 0 0 30px #00ff880d}.feedback-wrong .problem-card{animation:shake .4s ease;border-color:#ff4d6a66;box-shadow:0 0 40px #ff4d6a26,inset 0 0 30px #ff4d6a0d}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.problem-text{color:#fff;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:2px;text-shadow:0 0 20px #ffffff1a}.problem-fraction-container{align-items:center;display:flex;flex-direction:column;gap:.75rem}.problem-instruction{color:#c084fc;font-family:Exo\ 2,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px}.problem-fractions{align-items:center;color:#fff;display:flex;gap:1rem}.problem-operator{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e1ff,#c084fc);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:800}.problem-equals{color:#ffffff80;font-weight:700;margin-left:.5rem}.feedback-badge,.problem-equals{font-family:Orbitron,sans-serif;font-size:1.6rem}.feedback-badge{animation:badgePop .4s cubic-bezier(.34,1.56,.64,1);border-radius:10px;font-weight:900;padding:.3rem 1rem;position:absolute;right:10%;top:-10px;z-index:10}.feedback-badge.correct{background:#00ff8826;border:1px solid #0f86;color:#0f8;text-shadow:0 0 15px #00ff8880}.feedback-badge.wrong{background:#ff4d6a26;border:1px solid #ff4d6a66;color:#ff4d6a;text-shadow:0 0 15px #ff4d6a80}@keyframes badgePop{0%{opacity:0;transform:scale(0) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.options-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:1fr 1fr 1fr;width:100%}.option-btn-game{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;color:#ffffffd9;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;justify-content:center;min-height:70px;overflow:hidden;padding:1.2rem .5rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.option-btn-game:before{background:linear-gradient(135deg,#00e1ff0d,#c084fc0d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.option-btn-game:hover:not(:disabled){border-color:#00e1ff4d;box-shadow:0 4px 20px #00e1ff1a;transform:translateY(-2px)}.option-btn-game:hover:not(:disabled):before{opacity:1}.option-btn-game:active:not(:disabled){transform:scale(.97)}.option-btn-game:disabled{cursor:default}.option-value{font-size:1.3rem;font-weight:700;position:relative;z-index:1}.option-btn-game.selected-correct{animation:correctPulse .5s ease;background:#00ff881f;border-color:#00ff8880;box-shadow:0 0 25px #00ff8826;color:#0f8}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.option-btn-game.selected-wrong{background:#ff4d6a1f;border-color:#ff4d6a80;box-shadow:0 0 25px #ff4d6a26;color:#ff4d6a}.option-btn-game.reveal-correct{border-color:#00ff884d;color:#00ff88b3}@media (max-width:500px){.problem-text{font-size:1.6rem}.options-grid{grid-template-columns:1fr 1fr}.option-btn-game{min-height:60px;padding:1rem .5rem}.game-top-bar{flex-wrap:wrap;justify-content:center}}.result-container{margin:0 auto;max-width:580px;min-height:100vh;min-height:100dvh;padding:2rem 1rem 3rem}.result-container,.result-content{align-items:center;display:flex;flex-direction:column}.result-content{gap:1.5rem;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.result-content.visible{opacity:1;transform:translateY(0)}.score-reveal{padding:1rem 0;text-align:center}.result-title{color:#ffffff80;font-family:Exo\ 2,sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:4px;margin:0 0 1rem;text-transform:uppercase}.final-score{align-items:center;display:flex;flex-direction:column;gap:.25rem}.final-score-label{color:#ffffff4d;font-family:Exo\ 2,sans-serif;font-size:.7rem;letter-spacing:3px;text-transform:uppercase}.final-score-value{-webkit-text-fill-color:#0000;animation:scoreCountUp 1s ease-out;background:linear-gradient(135deg,#00e1ff,#c084fc);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,225,255,.3));font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;line-height:1;text-shadow:none}@keyframes scoreCountUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:1.5rem;padding:1rem 1.5rem}.result-stat{align-items:center;display:flex;flex-direction:column;gap:.2rem}.result-stat-value{color:#fff;font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700}.result-stat-label{color:#ffffff4d;font-family:Exo\ 2,sans-serif;font-size:.65rem;letter-spacing:2px;text-transform:uppercase}.result-settings{align-items:center;color:#ffffff59;display:flex;font-family:Exo\ 2,sans-serif;font-size:.8rem;gap:.5rem}.dot{color:#ffffff26}.highscore-entry{animation:hsEntryPop .5s cubic-bezier(.34,1.56,.64,1) .5s both;background:#c084fc0f;border:1px solid #c084fc33;border-radius:16px;padding:1.25rem;text-align:center;width:100%}@keyframes hsEntryPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hs-badge{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffb84d,#ff6b9d);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:800;margin-bottom:.5rem}.hs-prompt{color:#ffffff80;font-family:Exo\ 2,sans-serif;font-size:.85rem;margin:0 0 .75rem}.hs-input-row{display:flex;gap:.5rem;justify-content:center}.hs-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;flex:1 1;font-family:Exo\ 2,sans-serif;font-size:.95rem;max-width:250px;outline:none;padding:.65rem 1rem;transition:border-color .2s}.hs-input:focus{border-color:#00e1ff66;box-shadow:0 0 15px #00e1ff1a}.hs-input::placeholder{color:#fff3}.hs-save-btn{background:linear-gradient(135deg,#00e1ff,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Exo\ 2,sans-serif;font-size:.85rem;font-weight:600;padding:.65rem 1.25rem;transition:all .2s}.hs-save-btn:hover{box-shadow:0 4px 20px #00e1ff4d;transform:scale(1.03)}.hs-saved-msg{animation:savedPulse .4s ease;color:#0f8;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;text-shadow:0 0 10px #0f86}@keyframes savedPulse{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.highscore-table{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:1.25rem;width:100%}.hs-title{color:#ffffff80;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:3px;margin:0 0 1rem;text-align:center;text-transform:uppercase}.hs-empty{color:#ffffff40;font-family:Exo\ 2,sans-serif;font-size:.85rem;margin:0;text-align:center}.hs-list{display:flex;flex-direction:column;gap:.35rem}.hs-row{grid-gap:.75rem;align-items:center;animation:rowSlide .3s ease-out both;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;display:grid;gap:.75rem;grid-template-columns:2.5rem 1fr auto auto;padding:.6rem .75rem}@keyframes rowSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.hs-row.hs-highlight{background:#00e1ff0f;border-color:#00e1ff33}.hs-rank{color:#ffffff80;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;text-align:center}.hs-name{color:#fffc;font-family:Exo\ 2,sans-serif;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-score{color:#00e1ff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800;text-shadow:0 0 8px #00e1ff4d}.hs-meta{color:#ffffff40;font-size:.65rem}.back-btn,.hs-meta{font-family:Exo\ 2,sans-serif}.back-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;margin-top:.5rem;padding:.85rem 2rem;transition:all .25s}.back-btn:hover{background:#00e1ff0f;border-color:#00e1ff4d;color:#fff;transform:translateY(-1px)}.back-arrow{transition:transform .2s}.back-btn:hover .back-arrow{transform:translateX(-4px)}@media (max-width:500px){.result-stats{gap:1rem;padding:.75rem 1rem}.final-score-value{font-size:3rem}.hs-row{grid-template-columns:2rem 1fr auto}.hs-meta{display:none}.result-settings{flex-wrap:wrap;justify-content:center}}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
/*# sourceMappingURL=main.2b8cb622.css.map*/