@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active{transition-duration:0s!important}[data-nav-index]:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}[data-nav-index]:focus:not(:focus-visible){outline:none}[data-nav-index]:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}:root{--bg-gradient-1: #1e1535;--bg-gradient-2: #130f1e;--bg-gradient-3: #0a0812;--game-viewport-bg: #08060e;--accent-color: #e94560;--accent-gradient-end: #c23152;--accent-rgb: 233, 69, 96}[data-theme=ocean]{--bg-gradient-1: #0f1e2e;--bg-gradient-2: #0a1420;--bg-gradient-3: #050a12;--game-viewport-bg: #040810;--accent-color: #40e0d0;--accent-gradient-end: #2bb8aa;--accent-rgb: 64, 224, 208}[data-theme=emerald]{--bg-gradient-1: #0f1e15;--bg-gradient-2: #0a1410;--bg-gradient-3: #050a08;--game-viewport-bg: #040806;--accent-color: #16c79a;--accent-gradient-end: #0fa67e;--accent-rgb: 22, 199, 154}[data-theme=sunset]{--bg-gradient-1: #1e150f;--bg-gradient-2: #140e0a;--bg-gradient-3: #0a0805;--game-viewport-bg: #080604;--accent-color: #ff6b35;--accent-gradient-end: #d4562a;--accent-rgb: 255, 107, 53}[data-theme=cyber]{--bg-gradient-1: #0f1215;--bg-gradient-2: #0a0d10;--bg-gradient-3: #05080a;--game-viewport-bg: #040608;--accent-color: #00d4ff;--accent-gradient-end: #00a8cc;--accent-rgb: 0, 212, 255}[data-theme=amethyst]{--bg-gradient-1: #1a0f2e;--bg-gradient-2: #110a20;--bg-gradient-3: #080512;--game-viewport-bg: #06040e;--accent-color: #a855f7;--accent-gradient-end: #8b3fd4;--accent-rgb: 168, 85, 247}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(ellipse at 50% 0%,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 40%,var(--bg-gradient-3) 100%);background-color:var(--bg-gradient-3);color:#edf0f7;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-text-size-adjust:100%}#root{width:100%;height:100%;overflow:hidden}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:8px;position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.title{font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a8b4d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleReveal .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes titleReveal{0%{opacity:0;transform:translateY(-12px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.game-viewport{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--game-viewport-bg)}.game-area{position:relative;width:100%;height:100%;max-width:56.25dvh;max-height:calc(100dvw * 16 / 9);aspect-ratio:9 / 16;background:radial-gradient(ellipse at 50% 30%,var(--bg-gradient-1),var(--bg-gradient-2),var(--bg-gradient-3));overflow:hidden}.glass-card{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;animation:glassCardIn .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.2s}@keyframes glassCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:280px;padding:16px 24px;margin:6px 0;border:none;border-radius:16px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease;color:#fff;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-gradient-end) 100%);box-shadow:0 6px 20px rgba(var(--accent-rgb),.25),0 2px 8px #0000004d,inset 0 1px #ffffff26;letter-spacing:.01em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff1f,#fff0);border-radius:16px 16px 0 0;pointer-events:none}@media(hover:hover){.btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 30px rgba(var(--accent-rgb),.35),0 4px 12px #0000004d,inset 0 1px #fff3}}.btn:active{transform:scale(.96);box-shadow:0 2px 10px rgba(var(--accent-rgb),.2),0 1px 4px #0000004d,inset 0 1px #ffffff26}.btn-secondary{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0f;color:#c8cfe0}@media(hover:hover){.btn-secondary:hover{background:linear-gradient(135deg,#ffffff24,#ffffff0f);border-color:#ffffff2e;color:#edf0f7;box-shadow:0 6px 24px #00000040,inset 0 1px #ffffff1a}}.btn-secondary:active{box-shadow:0 1px 6px #0003,inset 0 1px #ffffff0f;background:linear-gradient(135deg,#ffffff1f,#ffffff0d)}.btn-multiplayer{background:linear-gradient(135deg,#7b4ec2,#5a35a0);box-shadow:0 6px 20px #6b3fa04d,0 2px 8px #0000004d,inset 0 1px #ffffff26}@media(hover:hover){.btn-multiplayer:hover{background:linear-gradient(135deg,#8b5ed2,#6a45b0);box-shadow:0 10px 30px #6b3fa066,0 4px 12px #0000004d,inset 0 1px #fff3}}.btn-multiplayer:active{box-shadow:0 2px 10px #6b3fa033,0 1px 4px #0000004d,inset 0 1px #ffffff26}.btn-cta{overflow:hidden}.btn-cta:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.15) 55%,transparent 80%);animation:ctaShimmer 3s ease-in-out 1s infinite;pointer-events:none;z-index:1}@keyframes ctaShimmer{0%{left:-100%}40%{left:150%}to{left:150%}}.back-btn{position:sticky;top:0;align-self:flex-start;flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#c8cfe0;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;padding:8px 16px;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background .15s ease;z-index:50;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:backBtnSlideIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes backBtnSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media(hover:hover){.back-btn:hover{background:#ffffff1a;border-color:#ffffff29;color:#edf0f7}.back-btn:hover:before{transform:translate(-3px)}}.back-btn:active{transform:scale(.95);background:#ffffff1a}.back-btn:before{content:"←";display:inline-block;transition:transform .15s ease}.back-btn:active:before{transform:translate(-3px)}.btn-reset-highscores{transition:background .2s ease,color .2s ease,transform .12s ease,border-color .2s ease}@media(hover:hover){.btn-reset-highscores:hover{background:#e945601f!important;border-color:#e9456066!important}}.btn-reset-highscores:active{background:var(--accent-color)!important;color:#fff!important;transform:scale(.95)}.countdown-number{animation:countdownPop .7s ease-out forwards}@keyframes countdownPop{0%{transform:scale(2.5);opacity:0}20%{opacity:1}50%{transform:scale(1)}70%{transform:scale(1);opacity:1}to{transform:scale(.8) translateY(-20px);opacity:0}}.game-timer{transition:transform .15s ease,color .3s ease}.game-timer-stopped{animation:timerStop .4s ease-out forwards}@keyframes timerStop{0%{transform:scale(1)}40%{transform:scale(1.15)}70%{transform:scale(.98)}to{transform:scale(1)}}.streak-label{animation:streakPop .8s ease-out forwards}@keyframes streakPop{0%{transform:translate(-50%) scale(0);opacity:0}15%{transform:translate(-50%) scale(1.1);opacity:1}30%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1) translateY(-30px);opacity:0}}.result-overlay>*{animation:resultSlideIn .5s cubic-bezier(.34,1.56,.64,1) both}.result-overlay>*:nth-child(1){animation-delay:0ms}.result-overlay>*:nth-child(2){animation-delay:80ms}.result-overlay>*:nth-child(3){animation-delay:.16s}.result-overlay>*:nth-child(4){animation-delay:.24s}.result-overlay>*:nth-child(5){animation-delay:.32s}.result-overlay>*:nth-child(6){animation-delay:.4s}@keyframes resultSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.new-record-badge{animation:recordPulse 1.5s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.screen-enter{height:100%;animation:screenFadeIn .35s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.logo-container{position:relative;animation:logoEntrance .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes logoEntrance{0%{transform:scale(.3);opacity:0;filter:blur(10px)}70%{transform:scale(1.05);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1;filter:blur(0)}}.logo-bubble-1{animation:logoBubbleFloat1 4s ease-in-out infinite}.logo-bubble-2{animation:logoBubbleFloat2 3.5s ease-in-out .3s infinite}.logo-bubble-3{animation:logoBubbleFloat3 4.2s ease-in-out .6s infinite}@keyframes logoBubbleFloat1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-4px) translate(2px)}}@keyframes logoBubbleFloat2{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-5px) translate(-2px)}}@keyframes logoBubbleFloat3{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-3px) translate(3px)}}.logo-orbit{animation:orbitRotate 20s linear infinite;transform-origin:100px 88px}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-sparkle{animation:sparkle 2s ease-in-out infinite}.logo-sparkle-1{animation-delay:0s}.logo-sparkle-2{animation-delay:.5s}.logo-sparkle-3{animation-delay:1s}.logo-sparkle-4{animation-delay:1.5s}@keyframes sparkle{0%,to{opacity:.15;r:1}50%{opacity:.6;r:2}}.logo-trail{animation:trailShimmer 3s ease-in-out infinite}@keyframes trailShimmer{0%,to{stroke:#ffffff0a}50%{stroke:#ffffff1f}}.logo-speed-text{animation:speedShimmer 3s ease-in-out infinite}@keyframes speedShimmer{0%,to{opacity:.6}50%{opacity:1}}.logo-bubble-text{animation:bubbleTextPulse 4s ease-in-out .5s infinite}@keyframes bubbleTextPulse{0%,to{opacity:.75}50%{opacity:1}}.logo-speed-line{animation:speedLineStreak 2.5s ease-in-out infinite}.logo-speed-line-1{animation-delay:0s}.logo-speed-line-2{animation-delay:.4s}.logo-speed-line-3{animation-delay:.8s}@keyframes speedLineStreak{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.menu-personal-best{animation:fadeInUp .4s ease-out .15s both}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:420px}.menu-buttons>:nth-child(1){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .3s both}.menu-buttons>:nth-child(2){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .38s both}.menu-buttons>:nth-child(3){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .46s both}.menu-buttons>:nth-child(4){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .54s both}.menu-buttons>:nth-child(5){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .62s both}.menu-buttons>:nth-child(6){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .7s both}.menu-buttons>:nth-child(7){animation:springInUp .45s cubic-bezier(.34,1.56,.64,1) .78s both}.menu-button-row{display:flex;gap:10px;width:100%}.menu-button-row .btn{width:100%;flex:1;padding:16px;margin:0;font-size:.95rem}.menu-personal-best{position:relative;overflow:hidden}.menu-personal-best:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmerSlide 4s ease-in-out 1s infinite}@keyframes shimmerSlide{0%,to{left:-100%}50%{left:140%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes springInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.menu-bg-bubbles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.menu-bg-bubbles:before,.menu-bg-bubbles:after{content:"";position:absolute;border-radius:50%;opacity:.05}.menu-bg-bubbles:before{width:300px;height:300px;left:-100px;top:-50px;background:radial-gradient(circle,rgba(var(--accent-rgb),.3),transparent 70%);animation:floatBubbleBg 18s ease-in-out infinite}.menu-bg-bubbles:after{width:250px;height:250px;right:-80px;bottom:-50px;background:radial-gradient(circle,rgba(22,199,154,.3),transparent 70%);animation:floatBubbleBg 22s ease-in-out 5s infinite}@keyframes floatBubbleBg{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.hs-filters{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;width:100%;max-width:440px;flex-shrink:0;animation:fadeInUp .3s ease-out .1s both}.hs-filters-row{display:flex;gap:6px;width:100%}.hs-filter-group{display:flex;gap:2px;background:#ffffff08;border-radius:10px;padding:3px;flex:1}.hs-filter-group-wide{width:100%}.hs-filter-btn{flex:1;padding:7px 0;border-radius:8px;border:none;background:transparent;color:#6b7394;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}@media(hover:hover){.hs-filter-btn:hover:not(.hs-filter-btn-active){background:#ffffff0d;color:#a0a8c0}}.hs-filter-btn:active{transform:scale(.95)}.hs-filter-btn-active{background:rgba(var(--accent-rgb),.15);color:var(--accent-color);box-shadow:0 1px 6px rgba(var(--accent-rgb),.12);animation:tabActivate .25s cubic-bezier(.34,1.56,.64,1)}.hs-container{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:24px}.hs-champion{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 16px 20px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);width:100%;position:relative;overflow:hidden;animation:championReveal .6s cubic-bezier(.34,1.56,.64,1) both}.hs-champion-player{background:radial-gradient(ellipse at 50% 80%,rgba(var(--accent-rgb),.08),transparent 70%)}.hs-champion-crown{font-size:1.6rem;animation:crownBounce 2s ease-in-out infinite}.hs-champion-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#f5a623,#e8951c);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;position:relative;box-shadow:0 0 0 3px #f5a6234d;animation:championAvatarPulse 3s ease-in-out infinite}.hs-champion-name{font-size:1.1rem;font-weight:800;color:#edf0f7;display:flex;align-items:center;gap:6px}.hs-you-badge{font-size:.6rem;font-weight:700;color:var(--accent-color);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.25);padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.hs-champion-time{font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;background:linear-gradient(90deg,#f5a623,#ffe066,#f5a623);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:championTimeShimmer 3s ease-in-out infinite}.hs-champion-subtitle{font-size:.8rem;color:#6b7394}.hs-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%}.hs-podium-slot{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:120px}.hs-podium-slot:nth-child(1){animation:podiumSlotRise .5s cubic-bezier(.34,1.56,.64,1) .15s both}.hs-podium-slot:nth-child(2){animation:podiumSlotRise .5s cubic-bezier(.34,1.56,.64,1) 0ms both}.hs-podium-slot:nth-child(3){animation:podiumSlotRise .5s cubic-bezier(.34,1.56,.64,1) .3s both}.hs-podium-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff}.hs-podium-avatar-1{background:linear-gradient(135deg,#f5a623,#e8951c)}.hs-podium-avatar-2{background:linear-gradient(135deg,silver,#a0a0a0)}.hs-podium-avatar-3{background:linear-gradient(135deg,#cd7f32,#b06c2a)}.hs-podium-name{font-size:.75rem;font-weight:700;color:#c8cfe0;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-podium-time{font-size:.85rem;font-weight:700;color:#16c79a;font-variant-numeric:tabular-nums}.hs-podium-pillar{width:100%;border-radius:8px 8px 0 0;background:#ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-bottom:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:#ffffff26}.hs-podium-pillar-1{height:112px}.hs-podium-pillar-2{height:88px}.hs-podium-pillar-3{height:72px}.hs-podium-slot-player{animation:playerPodiumGlow 2.5s ease-in-out infinite}.hs-divider{width:60px;height:2px;border:none;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.3),transparent)}.hs-score-list{width:100%;display:flex;flex-direction:column;gap:8px}.hs-score-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:scoreCardIn .4s cubic-bezier(.34,1.56,.64,1) both}.hs-score-card:nth-child(1){animation-delay:50ms}.hs-score-card:nth-child(2){animation-delay:.1s}.hs-score-card:nth-child(3){animation-delay:.15s}.hs-score-card:nth-child(4){animation-delay:.2s}.hs-score-card:nth-child(5){animation-delay:.25s}.hs-score-card:nth-child(6){animation-delay:.3s}.hs-score-card:nth-child(7){animation-delay:.35s}.hs-score-card:nth-child(8){animation-delay:.4s}.hs-score-card:nth-child(9){animation-delay:.45s}.hs-score-card:nth-child(10){animation-delay:.5s}.hs-score-card-player{border-left:3px solid rgba(var(--accent-rgb),.5)}.hs-score-card-best{animation:playerBestPulse 3s ease-in-out infinite}.hs-score-card-rank{width:32px;font-size:.9rem;font-weight:800;color:#4a5070;text-align:center;flex-shrink:0}.hs-score-card-avatar{width:36px;height:36px;border-radius:10px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#6b7394;flex-shrink:0}.hs-score-card-info{flex:1;min-width:0}.hs-score-card-name{font-size:.9rem;font-weight:700;color:#edf0f7;display:flex;align-items:center;gap:6px}.hs-score-card-detail{font-size:.72rem;color:#4a5070;margin-top:1px}.hs-score-card-time{font-size:1rem;font-weight:700;color:#16c79a;font-variant-numeric:tabular-nums;flex-shrink:0}.hs-empty{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:48px;text-align:center}.hs-empty-trophy{font-size:4rem;opacity:.15;animation:emptyTrophyFloat 4s ease-in-out infinite;position:relative}.hs-empty-sparkle{position:absolute;font-size:.8rem;animation:emptySparkle 2.5s ease-in-out infinite}.hs-empty-sparkle-1{top:0;right:-8px;animation-delay:0s}.hs-empty-sparkle-2{top:-4px;left:-4px;animation-delay:.8s}.hs-empty-sparkle-3{bottom:8px;right:-12px;animation-delay:1.6s}.hs-empty-title{font-size:1rem;font-weight:700;color:#6b7394}.hs-empty-subtitle{font-size:.85rem;color:#4a5070}.hs-skeleton-podium{display:flex;align-items:flex-end;justify-content:center;gap:8px;width:100%;max-width:440px;margin-top:24px}.hs-skeleton-pillar{flex:1;max-width:120px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f,#ffffff08 75%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite}.hs-skeleton-pillar:nth-child(1){height:88px}.hs-skeleton-pillar:nth-child(2){height:112px}.hs-skeleton-pillar:nth-child(3){height:72px}.hs-skeleton-cards{width:100%;max-width:440px;display:flex;flex-direction:column;gap:8px;margin-top:20px}.hs-skeleton-card{height:56px;border-radius:14px;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0d,#ffffff05 75%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite}.hs-skeleton-card:nth-child(1){animation-delay:.1s}.hs-skeleton-card:nth-child(2){animation-delay:.2s}.hs-skeleton-card:nth-child(3){animation-delay:.3s}.hs-skeleton-card:nth-child(4){animation-delay:.4s}.hs-skeleton-card:nth-child(5){animation-delay:.5s}@keyframes championReveal{0%{opacity:0;transform:scale(.9);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes crownBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes championAvatarPulse{0%,to{box-shadow:0 0 0 3px #f5a6234d}50%{box-shadow:0 0 0 8px #f5a6231a,0 0 20px #f5a62326}}@keyframes championTimeShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes podiumSlotRise{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes playerPodiumGlow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.3))}}@keyframes scoreCardIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes playerBestPulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 16px rgba(var(--accent-rgb),.15)}}@keyframes emptyTrophyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes emptySparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-tabs{display:flex;gap:6px;margin-bottom:20px;background:#ffffff08;border-radius:12px;padding:4px;animation:fadeInUp .3s ease-out .1s both}.filter-tab{padding:8px 18px;border-radius:10px;border:none;background:transparent;color:#6b7394;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}@media(hover:hover){.filter-tab:hover:not(.filter-tab-active){background:#ffffff0f;color:#a0a8c0}}.filter-tab:active{transform:scale(.95)}.filter-tab-active{background:rgba(var(--accent-rgb),.15);color:var(--accent-color);box-shadow:0 2px 8px rgba(var(--accent-rgb),.15);animation:tabActivate .25s cubic-bezier(.34,1.56,.64,1)}@keyframes tabActivate{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}.settings-group{width:100%;max-width:380px}.settings-section{background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px 16px;margin-bottom:12px;animation:settingsSectionIn .4s cubic-bezier(.34,1.56,.64,1) both}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.18s}.settings-section:nth-child(3){animation-delay:.26s}.settings-section:nth-child(4){animation-delay:.34s}.settings-section:nth-child(5){animation-delay:.42s}.settings-section:nth-child(6){animation-delay:.5s}@keyframes settingsSectionIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-section-header{font-size:.72rem;font-weight:700;color:#4a5070;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;display:flex;align-items:center;gap:6px}.settings-section-icon{font-size:.85rem;opacity:.7}.settings-label{font-size:.8rem;font-weight:600;color:#6b7394;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.settings-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#edf0f7;font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.settings-input:focus{border-color:rgba(var(--accent-rgb),.4);background:#ffffff0f;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.settings-toggle{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#6b7394;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}@media(hover:hover){.settings-toggle:hover{background:#ffffff12;border-color:#ffffff24}.settings-toggle-on:hover{background:#16c79a1f;border-color:#16c79a66}}.settings-toggle:active{transform:scale(.985)}.settings-toggle-on{border-color:#16c79a4d;background:#16c79a14;color:#16c79a}.settings-toggle-track{width:42px;height:24px;border-radius:12px;background:#ffffff1a;display:flex;align-items:center;padding:0 3px;transition:background .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.settings-toggle-track-on{background:#16c79a}.settings-toggle-track-danger{background:#e94560}.settings-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.settings-toggle-track-on .settings-toggle-thumb,.settings-toggle-track-danger .settings-toggle-thumb{transform:translate(18px)}.settings-chip-group{display:flex;gap:8px}.settings-chip{flex:1;padding:12px 0;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#6b7394;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s ease,transform .12s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.settings-chip:hover:not(.settings-chip-active){background:#ffffff14;border-color:#ffffff24;color:#a0a8c0}}.settings-chip:active{transform:scale(.94)}.settings-chip-active{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.12);color:var(--accent-color);box-shadow:0 2px 10px rgba(var(--accent-rgb),.15);animation:chipSelect .3s cubic-bezier(.34,1.56,.64,1)}@keyframes chipSelect{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.settings-hint{font-size:.75rem;color:#ffffff59;margin-top:4px;padding-left:2px}.about-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 24px;text-align:center;max-width:360px;width:100%;animation:aboutCardIn .5s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes aboutCardIn{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.about-divider{width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.4),transparent);margin:20px auto;border:none;animation:dividerExpand .6s ease-out .4s both}@keyframes dividerExpand{0%{width:0;opacity:0}to{width:40px;opacity:1}}.result-time-display{font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#16c79a,#0fa67e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.result-subtitle{font-size:.9rem;color:#6b7394}.new-record-text{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#f5a623,#e8951c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;font-size:.75rem;font-weight:800}.rank-1{background:linear-gradient(135deg,#f5a623,#e8951c);color:#fff}.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff}.rank-3{background:linear-gradient(135deg,#cd7f32,#b06c2a);color:#fff}.hint-text{font-size:.85rem;color:#ffffff59;text-align:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.achievements-progress{width:100%;max-width:440px;margin-bottom:16px;text-align:center;animation:fadeInUp .3s ease-out .1s both}.achievements-progress-text{font-size:.9rem;font-weight:700;color:#f5a623;margin-bottom:8px}.achievement-progress-bar{width:100%;height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.achievement-progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#f5a623,#e8951c);transition:width .6s cubic-bezier(.34,1.56,.64,1)}.achievement-card-list{width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.achievement-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:achievementCardIn .4s cubic-bezier(.34,1.56,.64,1) both;transition:background .15s ease}.achievement-card-unlocked{border-left-color:var(--cat-color);box-shadow:0 0 16px color-mix(in srgb,var(--cat-color) 15%,transparent)}.achievement-card-locked{opacity:.4}.achievement-card:nth-child(1){animation-delay:50ms}.achievement-card:nth-child(2){animation-delay:80ms}.achievement-card:nth-child(3){animation-delay:.11s}.achievement-card:nth-child(4){animation-delay:.14s}.achievement-card:nth-child(5){animation-delay:.17s}.achievement-card:nth-child(6){animation-delay:.2s}.achievement-card:nth-child(7){animation-delay:.23s}.achievement-card:nth-child(8){animation-delay:.26s}.achievement-card:nth-child(9){animation-delay:.29s}.achievement-card:nth-child(10){animation-delay:.32s}.achievement-card:nth-child(11){animation-delay:.35s}.achievement-card:nth-child(12){animation-delay:.38s}.achievement-card:nth-child(13){animation-delay:.41s}.achievement-card:nth-child(14){animation-delay:.44s}.achievement-card:nth-child(15){animation-delay:.47s}.achievement-card:nth-child(16){animation-delay:.5s}.achievement-card:nth-child(17){animation-delay:.53s}.achievement-card:nth-child(18){animation-delay:.56s}.achievement-card:nth-child(19){animation-delay:.59s}.achievement-card:nth-child(20){animation-delay:.62s}@keyframes achievementCardIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.achievement-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:1px solid rgba(255,255,255,.08);position:relative}.achievement-card-locked .achievement-icon{filter:grayscale(1)}.achievement-icon-lock{position:relative;display:inline-flex}.achievement-lock-overlay{position:absolute;bottom:-4px;right:-6px;font-size:.6rem}.achievement-title{font-size:.9rem;font-weight:700;color:#edf0f7;margin-bottom:2px}.achievement-desc{font-size:.78rem;color:#6b7394}.achievement-desc-hidden{filter:blur(4px);-webkit-user-select:none;user-select:none}.achievement-date{font-size:.68rem;font-weight:600;color:#4a5070;flex-shrink:0;padding:3px 8px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);white-space:nowrap}.achievement-toast{margin-bottom:12px;display:flex;flex-direction:column;gap:6px;animation:achievementSlideIn .5s cubic-bezier(.34,1.56,.64,1) both}.achievement-toast-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:#f5a6231f;border:1px solid rgba(245,166,35,.25);font-size:.85rem;font-weight:700;color:#f5a623}.achievement-toast-icon{font-size:1.1rem}@keyframes achievementSlideIn{0%{transform:translateY(-20px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.result-overlay>*:nth-child(7){animation-delay:.48s}.result-overlay>*:nth-child(8){animation-delay:.56s}.logo-bubble-popped{animation:logoBubblePop .35s ease-out forwards}@keyframes logoBubblePop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.3);opacity:.7}to{transform:scale(0);opacity:0}}.menu-achievement-toast{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:14px;background:#14121eeb;border:1px solid rgba(245,166,35,.3);font-size:.85rem;font-weight:700;color:#f5a623;animation:menuToastIn .5s cubic-bezier(.34,1.56,.64,1) both,menuToastOut .4s ease-in 2.6s both;pointer-events:none}.menu-achievement-toast-icon{font-size:1.1rem}@keyframes menuToastIn{0%{transform:translate(-50%) translateY(-40px) scale(.9);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes menuToastOut{0%{opacity:1}to{opacity:0}}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff6;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;padding:0 4px}.mode-grid>:last-child:nth-child(odd){grid-column:1 / -1;max-width:50%;justify-self:center}.mode-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%;padding:14px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;font-family:inherit;color:#edf0f7;position:relative;overflow:hidden;transition:transform .12s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .2s ease,background .2s ease;animation:modeCardSlideIn .45s cubic-bezier(.34,1.56,.64,1) both}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff0a,#fff0);border-radius:16px 16px 0 0;pointer-events:none}@media(hover:hover){.mode-card:hover{border-color:var(--mode-color, rgba(255, 255, 255, .15));background:color-mix(in srgb,var(--mode-color, #fff) 4%,transparent);box-shadow:0 4px 24px color-mix(in srgb,var(--mode-color, #000) 8%,transparent),0 2px 8px #0003;transform:translateY(-2px)}.mode-card:hover .mode-card-arrow{transform:translate(3px);color:#ffffff4d}.mode-card:hover .mode-card-icon{transform:scale(1.08)}}.mode-card:active{transform:scale(.97)}@keyframes modeCardSlideIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mode-card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;transition:transform .2s ease}.mode-card:active .mode-card-icon{transform:scale(1.1)}.mode-card-info{flex:1;min-width:0}.mode-card-name{font-size:.82rem;font-weight:700;text-align:center;letter-spacing:-.01em}.mode-card-tagline{font-size:.78rem;color:#6b7394;line-height:1.3}.mode-card-arrow{color:#ffffff26;font-size:1rem;flex-shrink:0;transition:transform .2s ease,color .2s ease}.mode-card:active .mode-card-arrow{transform:translate(3px);color:#ffffff4d}.mode-card-selected{border-width:1.5px;background:#ffffff0d}.mp-player-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:6px;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);transition:background .2s ease,border-color .2s ease}.mp-player-card-me{background:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.25)}.mp-player-card-finished{background:#16c79a14;border-color:#16c79a40}.mp-player-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;color:#fff;flex-shrink:0}.mp-host-badge{font-size:.65rem;font-weight:700;color:#f5a623;background:#f5a6231f;border:1px solid rgba(245,166,35,.25);padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.mp-ready-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .2s ease,box-shadow .2s ease}.mp-ready-indicator-on{background:#16c79a;box-shadow:0 0 8px #16c79a80}.mp-ready-indicator-off{background:#ffffff26}.mp-session-code{font-size:2.8rem;font-weight:800;letter-spacing:.3em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent-color) 0%,#f5a623 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.mp-countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0812b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:15}.mp-countdown-number{font-size:6rem;font-weight:900;color:#fff;text-shadow:0 0 60px rgba(var(--accent-rgb),.5),0 4px 20px rgba(0,0,0,.5);animation:countdownPop .7s ease-out forwards}.mp-countdown-go{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#16c79a,#0fa67e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 40px rgba(22,199,154,.5));animation:countdownPop .7s ease-out forwards}.mp-progress-track{width:100%;height:6px;border-radius:3px;background:#ffffff0f;overflow:hidden}.mp-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-color),#f5a623);transition:width .15s ease-out}.mp-progress-fill-done{background:linear-gradient(90deg,#16c79a,#0fa67e)}.mp-kick-btn{width:28px;height:28px;border-radius:8px;border:1px solid rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.1);color:var(--accent-color);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,transform .12s ease}.mp-kick-btn:active{transform:scale(.9);background:rgba(var(--accent-rgb),.2)}.mp-settings-panel{width:100%;max-width:360px;padding:16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);margin-bottom:16px}.mp-toast{padding:10px 16px;border-radius:12px;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);font-size:.8rem;font-weight:600;color:#c8cfe0;margin-bottom:6px;animation:toastSlideIn .3s ease-out forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mp-copy-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#c8cfe0;font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .12s ease}.mp-copy-btn:active{transform:scale(.95);background:#ffffff1a}.mp-rematch-btn{position:relative;overflow:hidden}.mp-vote-count{font-size:.75rem;font-weight:600;color:#ffffff80;margin-left:4px}.penalty-float{font-size:1.3rem;font-weight:900;color:#ff4040;text-shadow:0 2px 8px rgba(255,64,64,.5),0 1px 4px rgba(0,0,0,.5);animation:penaltyFloat 1.2s ease-out forwards}@keyframes penaltyFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}30%{opacity:1;transform:translate(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-60px) scale(.8)}}.memorize-overlay{animation:memorizePulse 1s ease-in-out infinite}@keyframes memorizePulse{0%,to{background:#9013fe00}50%{background:#9013fe0d}}