@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--primary-glow: #ff00ff;--secondary-glow: #00ffff;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--dark-bg: #0a0a1a;--darker-bg: #050510;font-family:Rajdhani,Inter,-apple-system,sans-serif;color-scheme:dark;background-color:var(--darker-bg)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}html,body{width:100%;height:100%;position:fixed;overflow:hidden;overscroll-behavior:none}body{min-height:100vh;min-height:-webkit-fill-available;background:radial-gradient(ellipse at top,#1a0f2e,#0a0614,#000);color:#f5f5f5;position:relative;z-index:0}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(6,182,212,.1) 0%,transparent 50%);pointer-events:none;animation:ambientPulse 8s ease-in-out infinite;z-index:0}@keyframes ambientPulse{0%,to{opacity:.6}50%{opacity:1}}#app{width:100vw;height:100vh;height:-webkit-fill-available;display:flex;align-items:stretch;justify-content:center;position:relative;overflow:hidden}#app canvas{display:block;width:100%!important;height:100%!important;touch-action:none;position:absolute;top:0;left:0;z-index:1}#ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999!important;background:radial-gradient(circle at top,#050510eb,#050510b3);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .3s ease;pointer-events:all;isolation:isolate;overflow-y:auto;overflow-x:hidden;padding:1rem;-webkit-overflow-scrolling:touch}#ui-overlay.overlay-hidden{opacity:0;pointer-events:none}.ui-card{position:relative;z-index:10000!important;background:#0a0a1af2;border:1px solid rgba(139,92,246,.3);border-radius:20px;padding:2rem;width:min(90vw,420px);max-width:100%;box-shadow:0 25px 60px #00000080;text-align:center;display:flex;flex-direction:column;gap:1.25rem;margin:auto}.ui-card.game-select-card{width:min(96vw,1200px);max-width:100%;padding:2rem 1.5rem}@media (max-width: 480px){.ui-card.game-select-card{width:98vw;padding:1.25rem .75rem}}.ui-card.ready-card h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.1em;text-transform:uppercase}.ui-subtext{color:#ffffffb3;letter-spacing:.08em}.primary-button,.secondary-button{border:none;border-radius:999px;padding:.95rem 2.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-transform:uppercase;letter-spacing:.08em}.primary-button{background:linear-gradient(120deg,#f0f,#06b6d4);color:#fff;box-shadow:0 10px 30px #ff00ff4d}.secondary-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.primary-button:active,.secondary-button:active{transform:scale(.97)}.results-card{z-index:10001!important;position:relative;background:#0a0a1afa!important;border:2px solid rgba(139,92,246,.5)!important;box-shadow:0 0 40px #8b5cf666,0 25px 60px #000000b3!important;max-height:min(95vh,720px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.results-card::-webkit-scrollbar{display:none}.results-card h2{margin-bottom:.4rem}.results-card .results-grid,.results-card .judgment-list{margin-bottom:.55rem}.action-drawer{position:fixed;left:0;right:0;bottom:0;z-index:10002;display:flex;gap:1rem;justify-content:center;padding:1.25rem;background:#0a0a1afa;border-top:2px solid rgba(139,92,246,.5);box-shadow:0 -15px 40px #0009;transform:translateY(100%);transition:transform .4s ease;pointer-events:none}.action-drawer--visible{transform:translateY(0);pointer-events:auto}.ui-message{letter-spacing:.08em;color:#fffc}.spinner{width:56px;height:56px;border:4px solid rgba(255,255,255,.12);border-top-color:#f0f;border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;text-align:left}.results-grid span{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.results-grid strong{font-size:1.3rem}.score-value{color:#fbbf24!important;text-shadow:0 0 10px rgba(251,191,36,.5),0 0 20px rgba(251,191,36,.3)}.judgment-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.judgment-list li{display:flex;flex-direction:column;align-items:center;justify-content:center}.results-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.leaderboard-section{border-top:1px solid rgba(139,92,246,.35);padding-top:.45rem;margin-top:.35rem;display:flex;flex-direction:column;gap:.65rem}.leaderboard-header{text-align:left;display:flex;flex-direction:column;gap:.2rem}.leaderboard-header h3{font-family:Orbitron,sans-serif;letter-spacing:.08em;text-transform:uppercase}.leaderboard-header p{color:#ffffffb3;font-size:.9rem}.leaderboard-body{display:flex;flex-direction:column;gap:.65rem}.leaderboard-card{background:#14143266;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1rem;margin-top:.75rem;overflow:hidden}.leaderboard-card--single{max-width:100%}.leaderboard-card h4{margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem;color:#ffffffd9}.leaderboard-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;max-height:400px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.leaderboard-row{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;border-radius:12px;padding:.65rem .85rem;font-weight:600;letter-spacing:.02em;min-width:0}.leaderboard-row--highlight{background:linear-gradient(120deg,#ff00ff40,#06b6d440);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 15px #06b6d433}.leaderboard-row--self{background:#ffffff14;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 12px #ffffff26}.leaderboard-divider{border-top:1px dashed rgba(255,255,255,.2);margin:.5rem 0;list-style:none}.rank-pill{min-width:42px;flex-shrink:0;text-align:center;font-size:.85rem;padding:.2rem .35rem;border-radius:999px;background:#ffffff14}.leaderboard-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row__score{flex-shrink:0;font-family:Orbitron,sans-serif;color:#fbbf24;white-space:nowrap}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{text-align:center;color:#ffffffbf;font-size:.95rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.leaderboard-error{color:#f87171}.spinner--small{width:36px;height:36px;border-width:3px}.game-select-card h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:1rem}.game-select-card__actions{display:flex;justify-content:center;margin-top:.5rem}.game-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box}@media (max-width: 450px){.game-catalog{grid-template-columns:1fr;gap:.85rem}}.game-card{position:relative;border:0;border-radius:18px;padding:2rem;text-align:left;overflow:hidden;cursor:pointer;background:#0f0f23e6;box-shadow:0 20px 40px #0505108c;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease;min-height:220px;width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;box-sizing:border-box}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--game-hero);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.25;transition:opacity .3s ease;z-index:0;filter:brightness(.85);pointer-events:none}.game-card:hover{transform:translateY(-4px);box-shadow:0 25px 45px #050510b3}.game-card:hover:before{opacity:.4}.game-card__tagline,.game-card__title,.game-card__description,.game-card__status{position:relative;z-index:1}.game-card__tagline{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#ffffffbf;margin-bottom:.35rem}.game-card__title{font-family:Orbitron,sans-serif;font-size:1.8rem;letter-spacing:.08em;margin-bottom:.75rem}.game-card__description{color:#fffc;line-height:1.5;margin-bottom:.8rem}.game-card__status{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:#fbbf24}.game-card__badge{position:absolute;top:1rem;right:1rem;background:#050510cc;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .85rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#f9a8d4;z-index:1}.game-preview-card__hero{width:100%;height:160px;border-radius:16px;background-image:var(--game-preview-hero);background-size:cover;background-position:center;filter:saturate(1.2)}.game-preview-card .ui-message{line-height:1.4}@media (max-width: 1024px){.game-catalog{width:min(94vw,900px)}}@media (max-width: 1024px){.game-catalog{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 780px){#ui-overlay{padding:.75rem .5rem}.ui-card.game-select-card{width:96vw;padding:1.5rem .85rem}.game-catalog{grid-template-columns:1fr;gap:.9rem}.game-card{padding:1.5rem}}@media (max-width: 520px){#ui-overlay{padding:.5rem .35rem}.ui-card.game-select-card{padding:1.25rem .65rem;border-radius:14px}.game-select-card h1{font-size:1.5rem;margin-bottom:.8rem}.game-catalog{gap:.75rem}.game-card{padding:1.15rem;min-height:170px;border-radius:12px}.game-card__tagline{font-size:.7rem;margin-bottom:.25rem}.game-card__title{font-size:1.3rem;margin-bottom:.45rem}.game-card__description{font-size:.88rem;line-height:1.38;margin-bottom:.55rem}.game-card__status{font-size:.72rem}}.track-select-card h1{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.track-list{display:flex;flex-direction:column;gap:1rem;width:100%}.track-item{position:relative;text-align:left;cursor:pointer;transition:all .3s ease;border:0;padding:0;width:100%;border-radius:16px;overflow:hidden;isolation:isolate;min-height:120px;box-shadow:0 15px 35px #05051073;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:2px solid rgba(139,92,246,.3);outline-offset:0px}.track-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:var( --track-thumb, linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%) );background-size:cover;background-position:center;filter:brightness(.75) saturate(1.2);transform:scale(1);transition:transform .5s ease,filter .3s ease;z-index:0}.track-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#050510e6,#1a052c59);transition:background .3s ease;z-index:0}.track-item__content{position:relative;z-index:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.35rem}.track-item__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.track-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #05051099;outline-color:#8b5cf699}.track-item:hover:before{transform:scale(1.08);filter:brightness(.85) saturate(1.3)}.track-item:hover:after{background:linear-gradient(120deg,#050510d9,#1a052c40)}.track-item:active{transform:translateY(0) scale(.96);box-shadow:0 10px 25px #05051080;outline:3px solid rgba(255,0,255,.8);outline-offset:-2px;animation:trackPulse .4s ease-out}.track-item:active:before{transform:scale(1.02);filter:brightness(1.2) saturate(1.8) hue-rotate(10deg);animation:trackZoom .6s ease-out}.track-item:active:after{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,.4) 0%,transparent 60%),linear-gradient(120deg,#050510b3,#8b5cf633);animation:trackFlash .3s ease-out}@keyframes trackPulse{0%{transform:translateY(0) scale(1);box-shadow:0 10px 25px #05051080}50%{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 40px #f0f9,0 0 60px #f0f6}to{transform:translateY(0) scale(.96);box-shadow:0 10px 25px #05051080}}@keyframes trackZoom{0%{transform:scale(1);filter:brightness(.75) saturate(1.2)}30%{transform:scale(1.15) rotate(1deg);filter:brightness(1.3) saturate(2) hue-rotate(15deg)}to{transform:scale(1.02);filter:brightness(1.2) saturate(1.8) hue-rotate(10deg)}}@keyframes trackFlash{0%{opacity:1}50%{opacity:.7}to{opacity:1}}@media (hover: none) and (pointer: coarse){.track-item{outline:2px solid rgba(139,92,246,.4)}.track-item:active{transform:scale(.94);outline:4px solid rgba(255,0,255,1);outline-offset:-3px;box-shadow:0 5px 30px #ff00ffb3,0 0 50px #ff00ff80 inset,0 0 80px #00ffff4d;animation:trackPulseMobile .5s ease-out}.track-item:active:before{filter:brightness(1.4) saturate(2.2) hue-rotate(20deg);animation:trackZoomMobile .7s ease-out}.track-item:active:after{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,.5) 0%,rgba(0,255,255,.2) 40%,transparent 70%),linear-gradient(120deg,#05051080,#ff00ff4d);animation:trackRipple .6s ease-out}@keyframes trackPulseMobile{0%{transform:scale(1);box-shadow:0 5px 20px #8b5cf64d}25%{transform:scale(1.05);box-shadow:0 10px 50px #f0f,0 0 80px #f0fc inset,0 0 100px #00ffff80}to{transform:scale(.94);box-shadow:0 5px 30px #ff00ffb3,0 0 50px #ff00ff80 inset,0 0 80px #00ffff4d}}@keyframes trackZoomMobile{0%{transform:scale(1);filter:brightness(.75) saturate(1.2)}20%{transform:scale(1.2) rotate(-2deg);filter:brightness(1.5) saturate(2.5) hue-rotate(30deg) contrast(1.2)}50%{transform:scale(1.1) rotate(1deg);filter:brightness(1.6) saturate(2.8) hue-rotate(25deg) contrast(1.3)}to{transform:scale(1);filter:brightness(1.4) saturate(2.2) hue-rotate(20deg)}}@keyframes trackRipple{0%{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,0) 0%,transparent 10%),linear-gradient(120deg,#050510e6,#1a052c59)}30%{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,.8) 0%,rgba(0,255,255,.4) 30%,transparent 60%),linear-gradient(120deg,#05051066,#f0f6)}to{background:radial-gradient(circle at 50% 50%,rgba(255,0,255,.5) 0%,rgba(0,255,255,.2) 40%,transparent 70%),linear-gradient(120deg,#05051080,#ff00ff4d)}}}.track-item:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}.track-title{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 16px rgba(0,0,0,.6)}.track-item__header .track-title{margin-bottom:0}.track-artist{font-size:.95rem;color:#ffffffb3;margin-bottom:.5rem}.track-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.95rem;color:#ffffffd9}.track-meta span{display:inline-flex;align-items:center;gap:.35rem}.track-difficulty{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f0f,#0ff);color:#fff}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.start-gate{width:min(90vw,440px);max-width:100%;max-height:85vh;padding:1.5rem 2rem 2rem;background:#0a0a1af2;border:1px solid rgba(139,92,246,.3);border-radius:24px;box-shadow:0 25px 60px #00000080;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;animation:fadeIn .5s ease-out;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.start-gate::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-gate:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.game-title{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;background:linear-gradient(135deg,#f0f,#0ff,#f0f);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;animation:gradientShift 3s ease infinite;text-shadow:0 0 40px rgba(255,0,255,.5);position:relative;z-index:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.splash-banner{width:100%;max-width:340px;height:280px;border-radius:16px;margin-bottom:2rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#8b5cf633,#ec489933);border:2px solid rgba(139,92,246,.4);box-shadow:0 20px 60px #8b5cf64d}.splash-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,rgba(10,10,26,.6) 100%);pointer-events:none}.logo-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.logo-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(255,0,255,.4) 0%,transparent 70%);animation:rotatePulse 4s ease-in-out infinite;pointer-events:none}@keyframes rotatePulse{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.3) rotate(180deg);opacity:1}}.tagline{font-size:1.1rem;margin-bottom:1.5rem;color:#fffc;letter-spacing:.05em}.start-button{position:relative;overflow:hidden;padding:1.5rem 3.5rem;font-size:1.1rem;font-weight:700;box-shadow:0 15px 50px #f0f6;white-space:nowrap;margin-top:auto}.button-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:shimmer 2.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}.button-text{position:relative;z-index:1;display:inline-flex;align-items:center}.start-button:hover{transform:scale(1.05);box-shadow:0 20px 60px #f0f9}.start-button:active{transform:scale(.98)}.game-subtitle{font-family:Rajdhani,sans-serif;font-size:clamp(1rem,3vw,1.5rem);font-weight:300;color:#ffffffb3;margin-bottom:3rem;letter-spacing:.2em;text-transform:uppercase;position:relative;z-index:1}.start-gate button{position:relative;border:0;padding:1.5rem 4rem;border-radius:50px;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-size:200% 200%;color:#fff;font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 30px #8b5cf699,0 0 60px #ec489966,0 10px 40px #00000080;cursor:pointer;transition:all .3s ease;overflow:hidden;z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:60px;min-width:200px;display:flex;align-items:center;justify-content:center}.start-gate__splash{width:100%;max-width:500px;height:auto;border-radius:20px;margin:.25rem auto;display:block;box-shadow:0 20px 40px #00000059;border:1px solid rgba(255,255,255,.1)}.start-gate button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.start-gate button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 40px #8b5cf6cc,0 0 80px #ec489999,0 15px 50px #0009;animation:buttonGradient 2s ease infinite}.start-gate button:active{transform:translateY(0) scale(.98);box-shadow:0 0 20px #8b5cf6cc,0 0 40px #ec489999,0 5px 20px #0009}@keyframes buttonGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.start-gate button:active:before{width:300px;height:300px}@media (max-width: 768px){.start-gate{width:88vw;max-width:380px;padding:1.5rem 1.5rem 1.75rem;gap:.65rem;max-height:90vh}.game-title{font-size:clamp(2.1rem,10vw,2.85rem);margin-bottom:.3rem}.game-subtitle{font-size:clamp(.9rem,3.5vw,1.2rem);margin-bottom:.5rem}.start-button{padding:1.25rem 2.5rem;font-size:1rem;min-height:56px;width:auto;max-width:260px;white-space:nowrap}.start-gate__splash{max-width:100%;margin:.4rem auto .5rem;border-radius:16px}.splash-banner{max-width:100%;height:280px}.results-card{width:90vw!important;max-width:420px!important;padding:1rem .85rem!important;margin:.75rem auto!important;max-height:88vh;overflow-y:auto}.results-card h2{font-size:1.4rem;margin-bottom:.3rem;text-align:center;font-family:Orbitron,sans-serif;letter-spacing:.1em}.results-grid{grid-template-columns:repeat(2,1fr);gap:.35rem;margin-bottom:.4rem}.results-grid>div{display:flex;flex-direction:column;align-items:center;padding:.5rem .4rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);border-radius:6px}.results-grid span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:.2rem}.results-grid strong{font-size:1.35rem;font-weight:700;font-family:Orbitron,sans-serif;color:#8b5cf6f2}.judgment-list{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-bottom:.3rem}.judgment-list li{display:flex;flex-direction:column;align-items:center;padding:.4rem .25rem;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:6px}.judgment-list span{font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:#ffffff80;margin-bottom:.15rem}.judgment-list strong{font-size:1.1rem;font-weight:700;font-family:Orbitron,sans-serif;color:#fff}.results-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.4rem}.results-actions button{width:100%;padding:.8rem 1rem;font-size:.9rem;min-height:48px}.results-actions button:first-child{font-size:.95rem;min-height:50px}.ui-message{font-size:.85rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;margin-bottom:.75rem;text-align:center}.leaderboard-section{padding-top:.4rem!important;margin-top:.3rem!important}}@media (max-width: 480px){.start-gate{width:90vw;max-width:340px;padding:1rem 1rem 1.25rem;gap:.4rem;max-height:92vh}.game-title{font-size:1.85rem;margin-bottom:.2rem;letter-spacing:.08em}.ui-subtext{font-size:.85rem;margin-bottom:.25rem}.start-button{padding:1rem 1.75rem;font-size:.9rem;max-width:none;min-height:50px;white-space:nowrap}.start-gate__splash{max-width:95%;margin:.25rem auto .3rem;border-radius:14px}.splash-banner{height:240px}.results-card{width:92vw!important;max-width:360px!important;padding:.85rem .75rem!important;max-height:85vh}.results-card h2{font-size:1.3rem;margin-bottom:.3rem}.results-grid{gap:.3rem;margin-bottom:.35rem}.results-grid>div{padding:.45rem .35rem}.results-grid span{font-size:.6rem}.results-grid strong{font-size:1.25rem}.judgment-list{gap:.25rem;margin-bottom:.3rem}.judgment-list li{padding:.35rem .2rem}.judgment-list span{font-size:.55rem;letter-spacing:.02em}.judgment-list li strong{font-size:1.05rem}.leaderboard-section{padding-top:.35rem;margin-top:.25rem}.leaderboard-list{max-height:300px}.results-actions{gap:.45rem;margin-top:.3rem}.results-actions button{padding:.75rem .85rem;font-size:.85rem;min-height:46px}.results-actions button:first-child{font-size:.9rem;min-height:48px}.ui-message{font-size:.8rem;padding:.65rem;margin-bottom:.65rem}}@media (max-width: 375px){.start-gate{width:92vw;padding:.85rem .9rem 1rem;gap:.3rem;max-height:94vh}.game-title{font-size:1.65rem;margin-bottom:.15rem;letter-spacing:.06em}.ui-subtext{font-size:.75rem;margin-bottom:.2rem}.start-button{padding:.9rem 1.5rem;font-size:.85rem;min-height:48px}.start-gate__splash{max-width:100%;margin:.2rem auto .25rem;border-radius:12px}.results-card h2{margin-bottom:.25rem}.results-card .results-grid{margin-bottom:.3rem}.results-card .judgment-list{margin-bottom:.25rem}.leaderboard-section{padding-top:.3rem;margin-top:.2rem}}