@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{color:#c0c8d0;height:100%;height:var(--app-h,100dvh);background:#05070a;font-family:VT323,Courier New,monospace;overflow:hidden}body{width:100vw;height:var(--app-h,100dvh);background:radial-gradient(#0a1016 0%,#05070a 60%,#000 100%),repeating-linear-gradient(0deg,#8fd2d905 0 1px,#0000 1px 3px);justify-content:center;align-items:center;display:flex}#wrap{height:min(calc(var(--app-h,100dvh) - 12px), 720px);width:min(calc((var(--app-h,100dvh) - 12px) * 480 / 720), calc(720px * 480 / 720), 100vw);background:#000;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0a0d14,0 0 0 6px #3a2818,0 0 30px #d9832a40,0 0 80px #8fd2d926,inset 0 0 0 2px #ff6a881f}@media (width<=600px) and (orientation:portrait){#wrap{width:100vw;height:var(--app-h,100dvh);max-width:none;box-shadow:none;border-radius:0}}@media (height<=720px){.glitch-title{margin-bottom:4px!important;font-size:20px!important}.info-list{margin:6px 0 10px!important;font-size:9px!important;line-height:1.55!important}.menu-stack{gap:2px!important;margin-top:6px!important}.menu-stack .btn{padding:6px 12px!important;font-size:10px!important}.volume-control{gap:3px!important;width:200px!important;margin-top:6px!important}.screen{padding:44px 16px 8px!important}.back-btn{min-width:54px!important;min-height:26px!important;padding:5px 9px!important;font-size:9px!important;top:6px!important;left:6px!important}#screen-garage,#screen-shop,#screen-music,#screen-levels,#screen-leaderboards,#screen-daily,#screen-hardcore{padding-top:44px!important}.submenu-title{margin-bottom:2px!important;font-size:14px!important}}@media (height<=560px){.glitch-title{font-size:16px!important}.info-list{display:none!important}.menu-stack .btn{padding:4px 10px!important;font-size:9px!important}}canvas#game{aspect-ratio:480/720;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;border-radius:4px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px) and (orientation:portrait){canvas#game{width:100vw;height:min(var(--app-h,100dvh), calc(100vw * 720 / 480));max-height:var(--app-h,100dvh);border-radius:0}}#wrap:before{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:10;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);border-radius:4px;position:absolute;inset:0}#wrap:after{content:"";pointer-events:none;z-index:11;background:radial-gradient(#0000 40%,#000000d9 100%);border-radius:4px;position:absolute;inset:0}#hud{pointer-events:none;z-index:12;color:#8fd2d9;text-shadow:0 0 2px #8fd2d9,0 0 4px #d9832a66;letter-spacing:0;font-family:"Press Start 2P",monospace;font-size:8px;position:absolute;inset:0}.hud-row{align-items:center;gap:6px;display:flex;position:absolute}.hud-top-left{flex-direction:column;align-items:flex-start;gap:3px;top:6px;left:6px}.hud-top-right{flex-direction:column;align-items:flex-end;gap:3px;top:6px;right:6px}body.bonus .hud-row{display:none}.tag{background:#05080cc7;border:1px solid #4a5a6a;padding:2px 5px;line-height:1.4;box-shadow:0 0 4px #8fd2d92e}.tag.coin{color:#d9b25e;border-color:#d9b25e;box-shadow:0 0 4px #d9b25e4d}.tag.shield{color:#8fd2d9;border-color:#8fd2d9;box-shadow:0 0 4px #8fd2d94d}.tag.dash{color:#ff6a88;border-color:#ff6a88;box-shadow:0 0 4px #ff6a884d}.tag.dash.empty{color:#555;box-shadow:none;border-color:#333}.tag.lives{color:#ff5070;border-color:#ff5070;box-shadow:0 0 4px #ff507059}.tag.lives.empty{color:#555;box-shadow:none;border-color:#333}.screen{z-index:13;pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030508eb;flex-direction:column;justify-content:flex-start;align-items:center;padding:52px 20px 16px;font-family:"Press Start 2P",monospace;display:none;position:absolute;inset:0;overflow:hidden auto}.screen.active{display:flex}.screen.active>:first-child{margin-top:auto}.screen.active>:last-child{margin-bottom:auto}.glitch-title{color:#d9b25e;text-shadow:2px 0 #8fd2d9,-2px 0 #ff6a88,0 0 14px #d9832a99;letter-spacing:2px;margin-bottom:8px;font-size:28px;line-height:1.1;animation:2.5s infinite glitch}.subtitle{color:#8fd2d9;text-shadow:0 0 4px #8fd2d999;letter-spacing:3px;margin-bottom:24px;font-size:10px}.level-label{color:#d9b25e;text-shadow:0 0 8px #b85c14;margin-bottom:10px;font-size:18px}.btn{color:#d9b25e;cursor:pointer;text-shadow:0 0 4px #d9b25e99;letter-spacing:2px;pointer-events:auto;background:#0a0d14;border:2px solid #8a4010;margin:6px;padding:12px 18px;font-family:"Press Start 2P",monospace;font-size:11px;transition:all .1s;box-shadow:0 0 10px #d9832a59}.btn:hover{color:#05070a;text-shadow:none;background:#8a4010;transform:translate(-1px,-1px);box-shadow:0 0 20px #d9832acc}.btn:active{transform:translate(1px,1px)}.info-list{color:#a0a8b0;text-align:left;max-width:360px;margin:12px 0 20px;font-size:10px;line-height:1.8}.info-list b{color:#d9b25e}.key{color:#ff6a88}.flash{z-index:9;pointer-events:none;background:#fff0;transition:background .15s;position:absolute;inset:0}.flash.hit{background:#b41e2861}.flash.shield{background:#8fd2d926}.flash.coin{background:#d9b25e24}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}96%{transform:translate(-1px,2px)}}.audio-note{color:#5a6270;letter-spacing:1px;margin-top:20px;font-family:VT323,monospace;font-size:9px}.player-frame-badge{letter-spacing:2px;text-shadow:0 0 4px;pointer-events:none;border-style:solid;border-width:1px;margin-top:14px;padding:6px 12px;font-family:"Press Start 2P",monospace;font-size:8px}.player-frame-badge.frame-founder{color:#ffe048;border-color:#ffe048;box-shadow:0 0 12px #ffe04866}.player-frame-badge.frame-supporter{color:#ff80e8;border-color:#ff80e8;box-shadow:0 0 12px #ff80e866}.player-frame-badge.frame-hardcore-i{color:#ff5070;border-color:#ff5070;box-shadow:0 0 12px #ff507066}.player-frame-badge.frame-pvp{color:#8fd2d9;border-color:#8fd2d9;box-shadow:0 0 12px #8fd2d966}.player-frame-badge.frame-district-clear{color:#d9b25e;border-color:#d9b25e;box-shadow:0 0 12px #d9832a66}.player-frame-badge.badge-mythic{color:#ff0030;border-color:#ff0030;box-shadow:0 0 14px #ff00308c}.player-frame-badge.badge-supporter{color:#ff80e8;border-color:#ff80e8}.level-stats{color:#8fd2d9;margin:8px 0;font-size:11px;line-height:2}.level-stats .num{color:#d9b25e;font-size:13px}.shop{background:#0f0804d9;border:1px solid #d9b25e;width:320px;margin:10px 0;padding:12px 16px;font-family:"Press Start 2P",monospace;box-shadow:0 0 14px #d9b25e40,inset 0 0 6px #d9832a33}.shop-title{color:#d9b25e;text-shadow:0 0 6px #d9832a99;letter-spacing:2px;margin-bottom:8px;font-size:11px}.shop-bank{color:#ff6a88;letter-spacing:1px;margin-bottom:10px;font-size:9px}.shop-row{justify-content:space-between;align-items:center;margin:6px 0;display:flex}.shop-info{color:#c0c8d0;text-align:left;font-size:8px;line-height:1.6}.shop-info .shop-sub{color:#6a7080;font-size:7px}.shop-btn{color:#ff5070!important;border-color:#ff5070!important;margin:0!important;padding:8px 12px!important;font-size:9px!important}.shop-btn:hover{color:#0a0a0a!important;background:#ff5070!important}.shop-btn.maxed,.shop-btn.broke{cursor:not-allowed;color:#5a5050!important;box-shadow:none!important;text-shadow:none!important;border-color:#4a4040!important}.shop-btn.maxed:hover,.shop-btn.broke:hover{color:#5a5050!important;background:0 0!important}.shop-status{color:#ff5070;letter-spacing:1px;margin-top:8px;font-size:8px}.mute-btn{z-index:14;color:#8fd2d9;cursor:pointer;pointer-events:auto;background:#05080cc7;border:1px solid #4a5a6a;padding:2px 5px;font-family:"Press Start 2P",monospace;font-size:7px;position:absolute;bottom:8px;right:8px}.dash-btn{z-index:14;color:#ff6a88;cursor:pointer;pointer-events:auto;text-shadow:0 0 3px #ff6a88b3;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:0;background:radial-gradient(circle at 30% 30%,#ff8ca040,#280814eb 70%);border:2px solid #ff6a88;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-family:"Press Start 2P",monospace;font-size:8px;transition:transform 50ms,box-shadow .1s;display:none;position:absolute;bottom:10px;left:10px;box-shadow:0 0 10px #ff6a8866,inset 0 0 8px #ff6a8838}body.playing .dash-btn{display:flex}.dash-btn:active{transform:scale(.92);box-shadow:0 0 24px #ff6a88d9,inset 0 0 18px #ff6a888c}.dash-btn.empty{color:#5a3848;box-shadow:none;text-shadow:none;background:radial-gradient(circle at 30% 30%,#3c1e284d,#14080ccc 70%);border-color:#4a3038}.dash-btn .label{opacity:.8;margin-bottom:1px;font-size:6px}.dash-btn .count{font-size:11px}.pause-btn{z-index:14;color:#d9eff2;cursor:pointer;pointer-events:auto;text-shadow:0 0 3px #8fd2d9b3;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;letter-spacing:1px;background:radial-gradient(circle at 30% 30%,#8fd2d940,#081018eb 70%);border:2px solid #8fd2d9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding-bottom:2px;font-family:"Press Start 2P",monospace;font-size:14px;line-height:1;transition:transform 50ms,box-shadow .1s;display:none;position:absolute;bottom:36px;right:10px;box-shadow:0 0 10px #8fd2d966,inset 0 0 8px #8fd2d938}body.playing .pause-btn{display:flex}.pause-btn:active{transform:scale(.92);box-shadow:0 0 24px #8fd2d9d9,inset 0 0 18px #8fd2d98c}.pause-overlay{z-index:16;-webkit-backdrop-filter:blur(2px);pointer-events:auto;background:#030508c7;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}body.paused .pause-overlay{display:flex}.pause-overlay .pause-title{color:#d9b25e;text-shadow:2px 0 #8fd2d9,-2px 0 #ff6a88,0 0 12px #d9832ab3;letter-spacing:4px;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:28px;animation:1.6s ease-in-out infinite pause-pulse}@keyframes pause-pulse{0%,to{opacity:1}50%{opacity:.55}}.pause-overlay .pause-hint{color:#8fd2d9;letter-spacing:1px;margin-bottom:16px;font-family:"Press Start 2P",monospace;font-size:8px}.pause-overlay .btn{min-width:220px}.menu-stack{flex-direction:column;align-items:center;gap:4px;margin-top:14px;display:flex}.menu-stack .btn{width:260px;min-width:260px}.menu-stack #btn-hardcore{width:auto}.menu-stack .btn.btn-locked{color:#5a5050;box-shadow:none;text-shadow:none;cursor:not-allowed;border-color:#4a4040}.menu-stack .btn.btn-locked:hover{color:#5a5050;box-shadow:none;background:#0a0d14;transform:none}#screen-skins,#screen-music,#screen-levels{justify-content:flex-start;padding-top:64px;overflow-y:auto}#screen-skins::-webkit-scrollbar{width:4px}#screen-music::-webkit-scrollbar{width:4px}#screen-levels::-webkit-scrollbar{width:4px}#screen-skins::-webkit-scrollbar-thumb{background:#2a3848}#screen-music::-webkit-scrollbar-thumb{background:#2a3848}#screen-levels::-webkit-scrollbar-thumb{background:#2a3848}.back-btn{color:#8fd2d9;cursor:pointer;letter-spacing:1px;z-index:25;background:#05080ceb;border:1px solid #4a5a6a;min-width:64px;min-height:32px;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:10px;position:absolute;top:12px;left:12px}.back-btn:hover{color:#d9b25e;border-color:#d9b25e;box-shadow:0 0 8px #d9832a80}#screen-garage{background:radial-gradient(circle at 20% 30%,#d9832a0d 0%,#0000 40%),radial-gradient(circle at 80% 70%,#8fd2d90d 0%,#0000 40%),#030508eb;justify-content:flex-start;padding:48px 14px 24px;overflow-y:auto}#screen-garage:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 22%,#8fd2d9cc,#0000 50%),radial-gradient(1px 1px at 78% 15%,#ffb45099,#0000 50%),radial-gradient(1px 1px at 28% 78%,#ff80e899,#0000 50%),radial-gradient(1px 1px at 65% 55%,#8fd2d980,#0000 50%),radial-gradient(1px 1px at 90% 88%,#d9b25eb3,#0000 50%),radial-gradient(1px 1px at 8% 62%,#ff80e880,#0000 50%);background-size:100% 100%;animation:4s ease-in-out infinite garage-twinkle;position:absolute;inset:0}@keyframes garage-twinkle{0%,to{opacity:.4}50%{opacity:.9}}#screen-garage>:not(.back-btn){z-index:1}#screen-garage>*{flex-shrink:0}#screen-garage::-webkit-scrollbar{width:4px}#screen-garage::-webkit-scrollbar-thumb{background:#2a3848}.profile-header{pointer-events:auto;border-bottom:1px solid #2a3848;align-items:center;gap:12px;width:100%;max-width:420px;margin-bottom:12px;padding:8px 4px;display:flex}.profile-avatar{color:#c0c8d0;background:#0a0d14 50%/cover;border:2px solid #4a5a6a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-family:"Press Start 2P",monospace;font-size:18px;display:flex}.profile-avatar.frame-glow{box-shadow:0 0 12px var(--frame-glow)}.profile-avatar.frame-animated{animation:3s linear infinite frame-legend-rotate}.frame-style-scifi{clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);border-style:solid;border-radius:4px}.frame-style-classic{border-style:double;border-width:4px;border-radius:50%}.frame-style-cyber{border-style:dashed;border-width:2px;border-radius:4px}.frame-style-laurel{box-shadow:0 0 0 1px #00000080, 0 0 6px var(--frame-glow);border-style:double;border-width:5px;border-radius:50%}.frame-style-laurel:before,.frame-style-laurel:after{content:"";pointer-events:none;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 4px}.frame-style-laurel:before{top:-2px;left:50%;transform:translate(-50%)}.frame-style-laurel:after{bottom:-2px;left:50%;transform:translate(-50%)}.frame-style-rainbow{border-style:solid;border-width:2px;border-radius:50%}.frame-style-runic{border-style:dotted;border-width:3px;border-radius:50%;position:relative}.frame-style-champ-gold{background-image:radial-gradient(circle,#0000 70%,#ffd04099 75%,#0000 80%),conic-gradient(#ffd040 0deg,#fff080 30deg,#ffd040 60deg,#b88838 90deg,#ffd040 120deg,#fff080 150deg,#ffd040 180deg,#b88838 210deg,#ffd040 240deg,#fff080 270deg,#ffd040 300deg,#b88838 330deg,#ffd040 360deg);background-clip:border-box;border-style:solid;border-width:3px;border-radius:50%;animation:6s linear infinite champ-gold-rotate;box-shadow:0 0 8px #ffd040b3,inset 0 0 0 2px #0009}@keyframes champ-gold-rotate{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(15deg)brightness(1.15)}to{filter:hue-rotate()brightness()}}.frame-style-champ-red{clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background-image:conic-gradient(from 45deg,#ff2030 0deg,#800010 45deg,#ff5060 90deg,#800010 135deg,#ff2030 180deg,#800010 225deg,#ff5060 270deg,#800010 315deg,#ff2030 360deg);border-style:solid;border-width:3px;border-radius:4px;animation:1.4s ease-in-out infinite champ-red-pulse;box-shadow:0 0 10px #ff2030cc,inset 0 0 0 2px #000000b3}@keyframes champ-red-pulse{0%,to{box-shadow:0 0 8px #ff203099,inset 0 0 0 2px #000000b3}50%{box-shadow:0 0 14px #ff5060e6,inset 0 0 0 2px #000000b3}}.frame-style-runic:before{content:"◇◇◇◇";pointer-events:none;color:currentColor;letter-spacing:999px;opacity:.6;text-align:center;border-radius:50%;font-size:4px;position:absolute;inset:-10px}.profile-avatar,.lb-avatar{position:relative}.profile-info{text-align:left;flex-direction:column;flex:1;gap:4px;font-family:"Press Start 2P",monospace;display:flex}.profile-name{color:#d9b25e;letter-spacing:1px;text-shadow:0 0 4px #d9832a66;font-size:10px}.profile-level{color:#8fd2d9;letter-spacing:1px;justify-content:space-between;font-size:7px;display:flex}.profile-xp-text{color:#d9b25e}.profile-xp-bar{background:#080c12d9;border:1px solid #2a3848;width:100%;height:5px;overflow:hidden}.profile-xp-fill{background:linear-gradient(90deg,#d9b25e,#ffd84a);height:100%;transition:width .3s;position:relative;overflow:hidden;box-shadow:0 0 4px #d9832a99}.profile-xp-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:30%;animation:3s linear infinite xp-shimmer;position:absolute;top:0;bottom:0}@keyframes xp-shimmer{0%{left:-30%}to{left:130%}}.profile-avatar{transition:box-shadow .3s}.square-btn{transition:transform .15s,box-shadow .15s}.square-btn:hover{transform:translateY(-2px)}.garage-arrow{animation:2.6s ease-in-out infinite arrow-breathe}.garage-arrow.right{animation-delay:1.3s}@keyframes arrow-breathe{0%,to{box-shadow:0 0 #8fd2d900}50%{box-shadow:0 0 8px #8fd2d980}}.garage-actions{pointer-events:auto;gap:8px;margin:6px 0 14px;display:flex}.square-btn{color:#d9b25e;text-shadow:0 0 4px #d9b25e99;cursor:pointer;pointer-events:auto;background:#0a0d14;border:2px solid #8a4010;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:64px;height:64px;font-family:"Press Start 2P",monospace;transition:all .1s;display:flex;box-shadow:0 0 10px #d9832a59}.square-btn:hover{color:#05070a;text-shadow:none;background:#8a4010}.square-btn .sq-ico{font-size:18px}.square-btn .sq-lbl{letter-spacing:1px;font-size:7px}.garage-podium{pointer-events:auto;align-items:center;gap:6px;width:100%;max-width:420px;margin:4px 0 12px;display:flex}.garage-arrow{color:#8fd2d9;cursor:pointer;pointer-events:auto;background:#05080cf2;border:1px solid #4a5a6a;padding:16px 8px;font-family:"Press Start 2P",monospace;font-size:14px}.garage-arrow:hover{color:#d9b25e;border-color:#d9b25e;box-shadow:0 0 8px #d9832a66}.garage-stage{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}#garage-car{width:240px;height:160px;image-rendering:pixelated;image-rendering:crisp-edges}.garage-podium-disc{background:radial-gradient(#d9832a80 0%,#d9832a26 50%,#0000 70%);border-radius:50%;width:220px;height:14px;margin-top:-6px;animation:2.4s ease-in-out infinite podium-pulse}@keyframes podium-pulse{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.04)}}.garage-stage{position:relative}.garage-skin-name{color:#d9b25e;text-shadow:0 0 6px #d9832a80;letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:9px}.garage-skin-status{color:#ff5070;letter-spacing:1px;min-height:8px;font-family:"Press Start 2P",monospace;font-size:7px}.garage-equip{margin:4px 0!important;padding:8px 16px!important;font-size:9px!important}.garage-equip.equipped{cursor:default;color:#4a8a6a!important;border-color:#4a8a6a!important}.garage-equip.locked{cursor:not-allowed;color:#5a5050!important;box-shadow:none!important;text-shadow:none!important;border-color:#4a4040!important}.modal-overlay{z-index:30;-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:#030508d9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.modal-overlay.active{display:flex}.modal-card{text-align:center;pointer-events:auto;background:#080c12f2;border:2px solid #d9b25e;max-width:90%;padding:18px 16px;box-shadow:0 0 24px #d9832a80}.modal-title{color:#d9b25e;text-shadow:2px 0 #8fd2d9,-2px 0 #ff6a88,0 0 8px #d9832a99;letter-spacing:2px;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:16px}.modal-subtitle{color:#8fd2d9;letter-spacing:2px;margin-bottom:14px;font-family:"Press Start 2P",monospace;font-size:8px}.daily-bonus-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.dbn-cell{background:#05080cf2;border:1px solid #2a3848;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:42px;height:56px;font-family:"Press Start 2P",monospace;transition:border-color .1s;display:flex}.dbn-cell .dbn-day{color:#8a96a4;letter-spacing:1px;font-size:6px}.dbn-cell .dbn-amt{color:#d9b25e;font-size:9px}.dbn-cell.claimed{background:#0a1c12d9;border-color:#4a8a6a}.dbn-cell.claimed .dbn-amt{color:#4a8a6a}.dbn-cell.claimed:before{content:"✓";color:#4a8a6a;font-size:10px}.dbn-cell.next{border-color:#d9b25e;box-shadow:0 0 8px #d9832a8c}.dbn-cell.next .dbn-amt{text-shadow:0 0 4px #d9832a99}.daily-bonus-status{color:#8fd2d9;letter-spacing:1px;margin:10px 0;font-family:"Press Start 2P",monospace;font-size:8px}.referral-progress{flex-direction:column;gap:6px;margin:10px 0 12px;display:flex}.ref-step{background:#05080cd9;border:1px solid #2a3848;align-items:center;gap:10px;padding:6px 10px;font-family:"Press Start 2P",monospace;display:flex}.ref-step.reached{background:#0a1c12d9;border-color:#4a8a6a}.ref-step.next{border-color:#d9b25e;box-shadow:0 0 8px #d9832a73}.ref-step .ref-num{color:#c0c8d0;background:#080c12f2;border:1px solid #4a5a6a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:inline-flex}.ref-step.reached .ref-num{color:#4a8a6a;border-color:#4a8a6a}.ref-step.next .ref-num{color:#d9b25e;border-color:#d9b25e}.ref-step .ref-reward{color:#d9b25e;letter-spacing:1px;flex:1;font-size:8px}.ref-step.reached .ref-reward{color:#4a8a6a}.referral-count{color:#8fd2d9;letter-spacing:1px;margin:6px 0;font-family:"Press Start 2P",monospace;font-size:9px}.referral-url{color:#c0c8d0;word-break:break-all;text-align:center;background:#05080ce6;border:1px solid #2a3848;max-width:280px;margin:6px 0 10px;padding:6px 10px;font-family:VT323,monospace;font-size:12px}.skin-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:420px;margin:14px 0;display:grid}.skin-card{cursor:pointer;pointer-events:auto;background:#080c12d9;border:2px solid #2a3848;border-radius:4px;flex-direction:column;align-items:center;padding:10px 6px 8px;transition:all .12s;display:flex;position:relative}.skin-card:hover{border-color:#8fd2d9;box-shadow:0 0 10px #8fd2d973}.skin-card.selected{border-color:#d9b25e;box-shadow:0 0 16px #d9832a8c,inset 0 0 6px #d9832a33}.skin-card.selected:before{content:"✓";color:#d9b25e;font-family:"Press Start 2P",monospace;font-size:12px;position:absolute;top:4px;right:6px}.skin-card canvas{width:160px;height:120px;image-rendering:pixelated;margin-bottom:4px}.skin-card .skin-name{color:#d9b25e;letter-spacing:1px;text-align:center;font-family:"Press Start 2P",monospace;font-size:8px}.skin-card.locked{cursor:not-allowed;border-color:#1a1a22}.skin-card.locked .skin-name{color:#5a5050}.skin-card.locked:hover{box-shadow:none;border-color:#2a2a2e}.skin-card.locked:before{content:"⌧";color:#ff5070;opacity:.85;font-size:12px;position:absolute;top:6px;left:8px}.skin-card .skin-price{color:#ff5070;letter-spacing:1px;margin-top:2px;font-family:"Press Start 2P",monospace;font-size:7px}.trail-section{text-align:center;pointer-events:auto;width:100%;max-width:420px;margin:18px 0 12px}.trail-list{flex-direction:column;gap:6px;width:100%;display:flex}.trail-row{cursor:pointer;color:#c0c8d0;letter-spacing:1px;pointer-events:auto;background:#080c12d9;border:1px solid #2a3848;justify-content:space-between;align-items:center;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;transition:border-color .1s,box-shadow .1s;display:flex}.trail-row:hover{border-color:#4a5a6a}.trail-row.active{color:#d9b25e;background:#281c0ad9;border-color:#d9b25e;box-shadow:0 0 6px #d9832a66}.trail-row .trail-sample{align-items:center;gap:3px;margin-right:10px;display:inline-flex}.trail-row .trail-sample span{border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 4px}.trail-row .trail-name{text-align:left;flex:1}.trail-row .trail-tick{color:#ffe060;font-size:10px}#screen-leaderboards{justify-content:flex-start;padding-top:48px;overflow-y:auto}#screen-leaderboards .leaderboard-list{width:100%;max-width:460px;font-size:10px}#screen-leaderboards::-webkit-scrollbar{width:4px}#screen-leaderboards::-webkit-scrollbar-thumb{background:#2a3848}#screen-run-report{justify-content:flex-start;padding-top:48px;overflow-y:auto}.leaderboard-list{pointer-events:auto;flex-direction:column;gap:3px;width:320px;max-width:92vw;margin:14px 0;font-family:"Press Start 2P",monospace;font-size:8px;display:flex}.lb-row{letter-spacing:1px;background:#080c12b3;border:1px solid #2a3848;align-items:center;gap:8px;padding:5px 8px;display:flex}.lb-row.me{color:#d9b25e;background:#281e08bf;border-color:#d9b25e;box-shadow:0 0 4px #d9832a66}.lb-row .lb-rank{color:#8fd2d9;min-width:28px}.lb-row.me .lb-rank{color:#d9b25e}.lb-row .lb-avatar{color:#c0c8d0;background:#080c12f2 50%/cover;border:1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-family:"Press Start 2P",monospace;font-size:7px;display:inline-flex}.lb-row.lb-row-large{gap:10px;padding:10px 12px;font-size:10px}.lb-row-large .lb-rank{min-width:36px;font-size:10px}.lb-row .lb-avatar-large{border-width:2px;width:36px;height:36px;font-size:14px}.lb-row-large .lb-name{font-size:10px}.lb-row-large .lb-score{min-width:80px;font-size:10px}.lb-row .lb-avatar.frame-glow{box-shadow:0 0 6px var(--frame-glow)}.lb-row .lb-avatar.frame-animated{animation:3s linear infinite frame-legend-rotate}@keyframes frame-legend-rotate{0%{border-color:#ff80e8;box-shadow:0 0 6px #ff80e8}33%{border-color:#80f0ff;box-shadow:0 0 6px #80f0ff}66%{border-color:#ffd040;box-shadow:0 0 6px #ffd040}to{border-color:#ff80e8;box-shadow:0 0 6px #ff80e8}}.lb-row .lb-name{color:#c0c8d0;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-row.me .lb-name{color:#ffe060}.lb-row .lb-score{color:#d9b25e;text-align:right;min-width:60px}.lb-empty{color:#6a7080;text-align:center;padding:10px}.run-report-actions{gap:8px;margin-top:8px;display:flex}#screen-shop{justify-content:flex-start;padding-top:64px;overflow-y:auto}#screen-shop::-webkit-scrollbar{width:4px}#screen-shop::-webkit-scrollbar-thumb{background:#2a3848}.shop-bank-top{color:#d9b25e;text-shadow:0 0 5px #d9832a8c;letter-spacing:1px;margin:8px 0 10px;font-family:"Press Start 2P",monospace;font-size:11px}.shop-tabs{pointer-events:auto;gap:6px;margin-bottom:12px;display:flex}.shop-tab{color:#8fd2d9;letter-spacing:2px;cursor:pointer;pointer-events:auto;background:#05080ce6;border:1px solid #4a5a6a;padding:8px 16px;font-family:"Press Start 2P",monospace;font-size:9px}.shop-tab:hover{color:#d9b25e;border-color:#d9b25e}.shop-tab.active{color:#d9b25e;background:#1a1208;border-color:#d9b25e;box-shadow:0 0 8px #d9832a80,inset 0 0 4px #d9832a4d}.shop-list{pointer-events:auto;flex-direction:column;gap:6px;width:360px;max-width:92vw;padding:4px 0 12px;display:flex}.shop-item{background:#080c12d9;border:1px solid #2a3848;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:border-color .1s,box-shadow .1s;display:flex}.shop-item:hover{border-color:#4a5a6a}.shop-item.owned{background:#0a1c12d9;border-color:#4a8a6a}.shop-item.locked{opacity:.55}.shop-item .si-info{text-align:left;flex:1;font-family:"Press Start 2P",monospace}.shop-item .si-name{color:#d9b25e;letter-spacing:1px;margin-bottom:4px;font-size:8px}.shop-item .si-name .si-rarity{color:#8fd2d9;margin-left:4px;font-size:7px}.shop-item .si-name .si-rarity.rare{color:#b87ddb}.shop-item .si-name .si-rarity.epic{color:#d9b25e;text-shadow:0 0 4px #d9832a99}.shop-item .si-desc{color:#8a96a4;letter-spacing:1px;font-family:VT323,monospace;font-size:11px}.shop-item .si-price{color:#d9b25e;text-align:right;min-width:60px;font-family:"Press Start 2P",monospace;font-size:9px}.shop-item .si-price.stars{color:#ffd84a;text-shadow:0 0 4px #ffd84a80}.shop-item.owned .si-price{color:#4a8a6a}.shop-item .si-buy{color:#ff5070;cursor:pointer;letter-spacing:1px;pointer-events:auto;background:#0a0d14;border:1px solid #ff5070;min-width:60px;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:8px}.shop-item .si-buy:hover{color:#0a0a0a;background:#ff5070}.shop-item .si-buy.disabled,.shop-item .si-buy:disabled{color:#5a5050;cursor:not-allowed;border-color:#4a4040}.shop-item .si-buy.disabled:hover,.shop-item .si-buy:disabled:hover{color:#5a5050;background:0 0}.music-list{pointer-events:auto;background:#05080c99;border:1px solid #2a3848;flex-direction:column;gap:4px;width:360px;max-height:480px;margin:12px 0;padding:6px;display:flex;overflow-y:auto}.music-list::-webkit-scrollbar{width:6px}.music-list::-webkit-scrollbar-thumb{background:#4a5a6a}.music-row{cursor:pointer;color:#c0c8d0;letter-spacing:1px;background:#0a0e1499;border:1px solid #1a2230;justify-content:space-between;align-items:center;padding:7px 10px;font-family:"Press Start 2P",monospace;font-size:8px;transition:background .1s;display:flex}.music-row:hover{background:#141e28cc;border-color:#4a5a6a}.music-row.playing{color:#d9b25e;background:#281e08bf;border-color:#d9b25e;box-shadow:inset 0 0 6px #d9832a4d}.music-row .track-num{color:#8fd2d9;min-width:28px;font-size:7px}.music-row .track-name{text-align:left;flex:1;padding:0 8px;font-size:7px}.music-row .track-icon{color:#d9b25e;font-size:10px}.music-row .hq-badge{color:#ffd84a;text-shadow:0 0 3px #ffd84a99;letter-spacing:1px;border:1px solid #ffd84a;border-radius:1px;margin-left:6px;padding:1px 4px;font-size:6px;display:inline-block}.music-row .hq-dl{color:#ffd84a;cursor:pointer;pointer-events:auto;background:#05080cf2;border:1px solid #ffd84a;margin-left:6px;padding:2px 6px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1}.music-row .hq-dl:hover{color:#0a0a0a;background:#ffd84a}.level-grid{pointer-events:auto;grid-template-columns:repeat(3,1fr);gap:8px;width:380px;margin:12px 0;display:grid}.level-card{cursor:pointer;text-align:center;aspect-ratio:1;background:#080c12d9;border:2px solid #2a3848;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;font-family:"Press Start 2P",monospace;transition:all .12s;display:flex;position:relative}.level-card .lc-num{color:#6a7080;letter-spacing:1px;font-size:13px}.level-card .lc-name{color:#6a7080;letter-spacing:1px;padding:0 2px;font-size:6px;line-height:1.4}.level-card.locked{cursor:not-allowed;opacity:.45;background:#08080ab3;border-color:#1a1a22}.level-card.locked .lc-num,.level-card.locked .lc-name{color:#3a3a44}.level-card.locked:after{content:"⌧";color:#5a4040;font-size:10px;position:absolute;top:4px;right:6px}.level-card.unlocked:hover{border-color:#8fd2d9;box-shadow:0 0 10px #8fd2d966}.level-card.unlocked .lc-num{color:#c0c8d0}.level-card.unlocked .lc-name{color:#8fd2d9}.level-card.completed{background:linear-gradient(135deg,#281c0ad9,#140c06e6);border-color:#d9b25e;box-shadow:0 0 8px #d9832a59}.level-card.completed .lc-num{color:#ffe060;text-shadow:0 0 6px #ffc850b3}.level-card.completed .lc-name{color:#d9b25e}.level-card.completed:after{content:"★";color:#ffe060;text-shadow:0 0 5px #d9b25e;font-size:10px;position:absolute;top:3px;right:5px}.level-card.completed:hover{transform:translate(-1px,-1px);box-shadow:0 0 16px #ffc850b3}.now-playing{color:#d9b25e;letter-spacing:1px;text-align:center;min-height:14px;margin:6px 0 0;font-family:"Press Start 2P",monospace;font-size:9px}.menu-section-title{color:#d9b25e;text-shadow:0 0 6px #d9832a99;letter-spacing:2px;margin:8px 0 4px;font-family:"Press Start 2P",monospace;font-size:12px}.submenu-title{color:#d9b25e;text-shadow:2px 0 #8fd2d9,-2px 0 #ff6a88,0 0 10px #d9832a99;letter-spacing:2px;margin-bottom:4px;font-family:"Press Start 2P",monospace;font-size:18px}.volume-control{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;width:240px;margin-top:12px;display:flex}.volume-control .vol-label{color:#8fd2d9;letter-spacing:2px;justify-content:space-between;width:100%;font-family:"Press Start 2P",monospace;font-size:8px;display:flex}.volume-control .vol-label .vol-value{color:#d9b25e;text-shadow:0 0 4px #d9832a99}.volume-control input[type=range]{appearance:none;background:linear-gradient(to right, #d9b25e 0%, #d9b25e var(--vol-pct,35%), #1a1f2a var(--vol-pct,35%), #1a1f2a 100%);cursor:pointer;pointer-events:auto;border:1px solid #4a5060;outline:none;width:100%;height:6px}.volume-control input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#d9b25e;border:1px solid #5a3818;width:12px;height:16px;box-shadow:0 0 6px #d9832ab3}.volume-control input[type=range]::-moz-range-thumb{cursor:pointer;background:#d9b25e;border:1px solid #5a3818;width:12px;height:16px;box-shadow:0 0 6px #d9832ab3}#splash-screen{z-index:999;text-align:center;color:#d9b25e;pointer-events:auto;background:radial-gradient(#111722 0%,#05070a 65%,#000 100%);justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;display:flex;position:absolute;inset:0}#splash-screen.hide{display:none}.splash-box{animation:1.5s ease-in-out splash-glow}.splash-title{text-shadow:2px 0 #8fd2d9,-2px 0 #ff6a88,0 0 14px #d9832acc;letter-spacing:2px;margin-bottom:16px;font-size:22px;line-height:1.1}.title-sub{color:#8fd2d9;letter-spacing:6px;text-shadow:0 0 6px #8fd2d999;margin-bottom:6px;font-size:.55em;display:block;animation:none!important}.splash-credit{color:#8fd2d9;text-shadow:0 0 6px #8fd2d9cc;letter-spacing:2px;font-size:9px}.splash-name{color:#ff6a88;text-shadow:0 0 8px #ff6a88cc;margin-top:10px;font-size:11px}@keyframes splash-glow{0%{opacity:0;transform:scale(.92)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}