:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-accent:"Dela Gothic One", cursive, sans-serif;--animeon-bg:#0a0a0c;--animeon-bg-2:#100f18;--animeon-surface:#14121e;--animeon-surface-card:#1a1727;--animeon-surface-hover:#252138;--animeon-border:#ffffff14;--animeon-border-subtle:#a78bfa29;--animeon-border-active:#8b5cf673;--a-rgb:139, 92, 246;--al-rgb:196, 181, 253;--am-rgb:124, 58, 237;--ad-rgb:109, 40, 217;--accent:#8b5cf6;--accent-light:rgb(var(--al-rgb));--accent-mid:rgb(var(--am-rgb));--accent-dark:rgb(var(--ad-rgb));--accent-soft:#8b5cf61f;--accent-border:rgba(var(--a-rgb), .28);--accent-glow:#8b5cf640;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:26px;--radius-full:9999px;--mobile-nav-clearance:0px;--bg-color:#0a0a0c;--bg-gradient:radial-gradient(ellipse at 50% 0%, #8b5cf626 0%, #100f18cc 40%, #0a0a0c 100%);--surface-color:#14121eeb;--surface-hover:#252138;--surface-border:#ffffff14;--surface-border-hover:#8b5cf673;--text-color:#f4f2ff;--text-primary:#f4f2ff;--text-secondary:#9b93b3;--text-muted:#6b6480;--highlight:#8b5cf6;--highlight-hover:#7c3aed;--glass-bg:#100f18d9;--glass-border:#ffffff17;--glass-shadow:0 16px 40px -8px #000000a6;--glass-blur:14px;--surface-card:#1a1727d1;--surface-card-hover:#252138d9;--card-inner-bevel:inset 0 1px 0 #ffffff14;--neon-cyan:#00e5ff;--neon-violet:#8b5cf6;--neon-fuchsia:#ec4899;--neon-gold:#f59e0b;--blob-1:transparent;--blob-2:transparent;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--tile-color:#8b5cf6;--tile-gradient:linear-gradient(to bottom, #7c3aed, #8b5cf6);--app-bg:#0a0a0c;--app-bg-secondary:#100f18;--surface-1:#14121e;--surface-2:#1a1727;--surface-3:#221e33;--border-subtle:#ffffff14;--border-strong:#8b5cf659;--shadow-soft:0 4px 16px #0006;--shadow-card:0 8px 24px -4px #00000080;--input-bg:#14121ee6;--control-bg:#1a1727d9}body[data-theme=light],:root[data-theme=light],body[data-theme=light]{--app-bg:#f4f1fa;--app-bg-secondary:#ebe6f3;--surface-1:#faf8fd;--surface-2:#f1ecf8;--surface-3:#ebe4f7;--surface-hover:#ebe4f7;--surface-card:#f7f4fb;--text-primary:#211b2d;--text-secondary:#625a70;--text-muted:#8b8496;--border-subtle:#43345d1f;--border-strong:#7c3aed3d;--accent:#7c3aed;--accent-soft:#7c3aed1f;--accent-glow:#7c3aed2e;--shadow-soft:0 4px 16px #43345d14;--shadow-card:0 8px 24px -4px #43345d1f;--input-bg:#fff;--control-bg:#f1ecf8;--bg-color:#f4f1fa;--bg-gradient:radial-gradient(ellipse at 50% 0%, #7c3aed17 0%, #ebe6f3d9 45%, #f4f1fa 100%);--surface-color:#faf8fd;--surface-border:#43345d1f;--surface-border-hover:#7c3aed59;--text-color:#211b2d;--highlight:#7c3aed;--highlight-hover:#6d28d9;--glass-bg:#faf8fdf0;--glass-border:#43345d1f;--glass-shadow:0 12px 32px -6px #43345d24;--glass-blur:16px;--card-inner-bevel:inset 0 1px 0 #ffffffe6;--tile-color:#7c3aed;--tile-gradient:linear-gradient(to bottom, #6d28d9, #8b5cf6);--animeon-bg:#f4f1fa;--animeon-bg-2:#ebe6f3;--animeon-surface:#faf8fd;--animeon-surface-card:#f7f4fb;--animeon-surface-hover:#ebe4f7;--animeon-border:#43345d1f;--animeon-border-subtle:#7c3aed29;--animeon-border-active:#7c3aed59;--lobby-panel:#faf8fd;--lobby-raised:#f1ecf8;--lobby-line:#43345d1f;--lobby-line-hover:#7c3aed47;--lobby-ink:#211b2d;--lobby-muted:#625a70;--lobby-subtle:#8b8496;--lobby-glow:#7c3aed2e;--lobby-card:#f7f4fb;--lobby-card-hover:#ebe4f7;--lobby-inner-bevel:inset 0 1px 0 #ffffffe6}body[data-theme=light] .glass-panel{background-color:#ffffffe6!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 16px #0f172a0f!important}body[data-theme=light] .action-btn{font-weight:600;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 6px #0000000a!important}body[data-theme=light] .action-btn:hover{background:var(--highlight)!important;border-color:var(--highlight)!important;color:#fff!important;box-shadow:0 4px 12px #0284c740!important}body[data-theme=light] .shimmer-text{background:linear-gradient(120deg,#243b55 40%,#b388eb 50%,#243b55 60%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text}body[data-theme=light] .center-console,body[data-theme=light] .video-card,body[data-theme=light] .mega-button .small-text{text-shadow:none;color:var(--text-color)!important}body[data-theme=light] .center-console .console-text h2{color:#141e30!important}body[data-theme=light] .center-console .console-text p{color:var(--text-color)!important;opacity:1!important}body[data-theme=light] .sketch-spin-btn{background:var(--text-color);color:#fff;-webkit-box-shadow:0 0 20px var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);border:2px solid var(--highlight)}body[data-theme=light] .sketch-spin-btn:hover{background:var(--highlight);-webkit-box-shadow:0 0 30px var(--highlight);box-shadow:0 0 30px var(--highlight);transform:scale(1.05)}body[data-theme=light] .sketch-spin-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;-webkit-box-shadow:none!important;box-shadow:none!important;transform:none!important}body[data-theme=light] .slot-window-horizontal{-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);border:2px solid var(--highlight)!important;background:#141e30!important}body[data-theme=light] .shadow-left{background:linear-gradient(90deg,#dce6f1 0%,#0000 100%)}body[data-theme=light] .shadow-right{background:linear-gradient(270deg,#dce6f1 0%,#0000 100%)}body[data-theme=light] .simple-back,body[data-theme=light] .pointer-arrow{color:var(--text-color)}body[data-theme=light] .secret-lock-content,body[data-theme=light] .name-input-content,body[data-theme=light] .leaderboard-content{color:#333;background:#fffffff2}body[data-theme=light] .archive-link:hover{color:#fff}body[data-lang=MEOW]{--blob-1:#4a2c2c}body[data-lang=MEOW] .action-btn,body[data-lang=MEOW] .mega-button{border-color:#f99}body[data-theme=light] .lane-col{background:#ffffff4d;border-right:1px solid #00000014}body[data-theme=light] .lane-col.active{background:linear-gradient(#0000 0%,#0000001a 100%)}body[data-theme=light] .pause-btn{color:#333;background:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0000001a}body[data-theme=light] #score-display,body[data-theme=light] #combo-display{text-shadow:none;font-weight:800;color:#2c3e50!important}body[data-theme=light] .lane-key{font-weight:700;color:#0009!important}body[data-theme=light] .progress-container{background:#0000001a}body[data-theme=light] .pause-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9}body[data-theme=light] .pause-overlay h1,body[data-theme=light] .pause-overlay h2{color:#2c3e50;text-shadow:none}body[data-theme=light] #global-back-btn{border-color:var(--highlight);color:var(--text-color);background:#fffc;box-shadow:0 4px 15px #b388eb33}body[data-theme=light] #global-back-btn:hover{background:var(--highlight);color:#fff}body[data-theme=light] .leaderboard-modal{background:#fff9}body[data-theme=light] .leaderboard-content{border-color:var(--highlight);background:#ffffffe6}body[data-theme=light] .lb-table th{border-bottom-color:#0000001a}body[data-theme=light] .lb-table td{color:#2c3e50;border-bottom-color:#0000000d}body[data-theme=light] .secret-song-card{background:#fffc!important}body[data-theme=light] .song-locked:after{color:#555}body[data-theme=light] .name-input-field{border-color:var(--text-color);color:var(--text-color);background:#0000000d}body[data-theme=light] .name-input-field:focus{border-color:var(--highlight);-webkit-box-shadow:0 0 10px var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}body[data-theme=light] .game-notification{color:var(--text-color);border-color:var(--highlight);background:#fffffff2;box-shadow:0 5px 20px #b388eb66}body[data-theme=light] .btn-change-name{color:var(--text-color);border-color:var(--glass-border);background:#fff9}body[data-theme=light] .btn-change-name:hover{background:var(--highlight);color:#fff}body[data-theme=light] .name-input-content{border-color:var(--highlight);color:var(--text-color);background:#fffffff2;box-shadow:0 0 40px #b388eb99}body[data-theme=light] .name-input-field{color:#000;background:#0000000d;border-color:#0003}body[data-theme=light] .name-input-field::-webkit-input-placeholder{color:#0006}body[data-theme=light] .name-input-field::placeholder{color:#0006}body[data-theme=light] .name-input-field:-ms-placeholder-shown{color:#0006}body[data-theme=light] .name-input-field::placeholder{color:#0006}body[data-theme=light] .name-input-field:focus{border-color:var(--highlight);-webkit-box-shadow:0 0 10px var(--accent-glow);box-shadow:0 0 10px var(--accent-glow);background:#fff}body[data-theme=light] .name-submit-btn{background:var(--highlight);color:#fff}body[data-theme=light] .name-submit-btn:hover{background:var(--text-color);-webkit-box-shadow:0 0 15px var(--highlight);box-shadow:0 0 15px var(--highlight)}body[data-theme=light] #cancel-name-btn{color:#333!important;background:#ccc!important}body[data-theme=light] #cancel-name-btn:hover{background:#aaa!important}body[data-theme=light] #song-search-input{color:var(--text-color);background:#ffffff80;border-color:#0000001a}body[data-theme=light] #song-search-input::-webkit-input-placeholder{color:#0006}body[data-theme=light] #song-search-input::placeholder{color:#0006}body[data-theme=light] #song-search-input:-ms-placeholder-shown{color:#0006}body[data-theme=light] #song-search-input::placeholder{color:#0006}body[data-theme=light] #song-search-input:focus{border-color:var(--highlight);background:#fff}body[data-theme=light] #no-songs-msg{color:var(--text-color)!important}.btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-color);cursor:pointer;border-radius:16px;transition:all .3s;box-shadow:inset 0 1px #ffffff1a}.btn:hover{background:var(--accent-glow);transform:scale(1.1)}.mega-button{background:var(--glass-bg);width:300px;height:200px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);cursor:pointer;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;animation:3s infinite pulse-block;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.mega-button .content-wrapper{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.mega-button .emoji-icon{margin-bottom:5px;font-size:3rem}.mega-button .small-text{opacity:.7;color:var(--text-color);font-size:1rem}.mega-button:hover{border-color:var(--highlight);-webkit-box-shadow:0 0 50px var(--accent-glow);box-shadow:0 0 50px var(--accent-glow);animation:none;transform:scale(1.05)}.mega-button:active{transform:scale(.95)}.action-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid var(--highlight);-webkit-box-shadow:0 0 10px var(--accent-glow);box-shadow:0 0 10px var(--accent-glow);color:var(--text-color);cursor:pointer;background:#ffffff0d;border-radius:40px;padding:15px 40px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.action-btn:hover{background:var(--highlight);color:var(--bg-color);-webkit-box-shadow:0 0 30px var(--highlight);box-shadow:0 0 30px var(--highlight);border-color:var(--highlight);transform:scale(1.05)}.action-btn.btn-danger{border-color:#f55}.action-btn.btn-danger:hover{background:#f55}.sketch-spin-btn{background:var(--highlight);color:var(--bg-color);cursor:pointer;-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);border:none;border-radius:50px;padding:15px 80px;font-family:Comic Sans MS,sans-serif;font-size:1.5rem;font-weight:700;transition:transform .1s}.sketch-spin-btn:hover{-webkit-box-shadow:0 0 25px var(--highlight);box-shadow:0 0 25px var(--highlight);transform:scale(1.05)}.sketch-spin-btn:active{transform:scale(.95)}.simple-back{color:#fff;opacity:.7;text-decoration:none;position:absolute;top:20px;left:20px}.simple-back:hover{opacity:1}.close-btn{color:var(--text-color);cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;transition:all .3s;display:flex}.close-btn:hover{background:var(--highlight);color:#000;border-color:var(--highlight);-webkit-box-shadow:0 0 15px var(--highlight);box-shadow:0 0 15px var(--highlight);transform:rotate(90deg)}.pause-btn{color:#fff;cursor:pointer;z-index:150;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;position:absolute;top:20px;left:20px}#global-back-btn{z-index:200;cursor:pointer;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--highlight);border-radius:30px;padding:10px 22px;font-family:inherit;font-weight:700;transition:all .3s;position:fixed;top:20px;left:20px;box-shadow:0 4px 15px #0000004d}#global-back-btn:hover{background:var(--highlight);color:var(--bg-color);-webkit-box-shadow:0 0 20px var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.05)}.btn-leaderboard{background:linear-gradient(45deg, var(--highlight), var(--blob-1));color:#fff;text-align:center;cursor:pointer;-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);border:none;border-radius:20px;margin:15px auto;padding:10px 25px;font-family:inherit;font-weight:700;transition:transform .2s;display:block}.btn-leaderboard:hover{-webkit-box-shadow:0 0 25px var(--highlight);box-shadow:0 0 25px var(--highlight);transform:scale(1.05)}.name-submit-btn{color:#000;text-transform:uppercase;cursor:pointer;background:#00d2ff;border:none;border-radius:50px;padding:12px 30px;font-family:inherit;font-size:1.1rem;font-weight:800;transition:all .3s}.name-submit-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 15px #fff}.name-submit-btn:disabled{opacity:.6;cursor:wait;background:#555;transform:none}.btn-change-name{border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:15px;margin:0 auto 10px;padding:8px 20px;font-family:inherit;font-size:.9rem;transition:all .2s;display:block}.btn-change-name:hover{background:var(--highlight);color:var(--bg-color);border-color:var(--highlight);-webkit-box-shadow:0 0 10px var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.secret-lock-btn{background:var(--highlight);color:var(--bg-color);cursor:pointer;border:none;border-radius:50px;padding:10px 30px;font-weight:700;transition:all .3s}.secret-lock-btn:hover{-webkit-box-shadow:0 0 15px var(--highlight);box-shadow:0 0 15px var(--highlight);transform:scale(1.05)}.video-overlay{-webkit-backdrop-filter:blur(15px);z-index:2000;opacity:0;visibility:hidden;background:#050a14d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.video-overlay:not(.hidden){opacity:1;visibility:visible}.video-overlay:not(.hidden) .video-card{opacity:1;transform:scale(1)translateY(0)}.video-card{background:var(--glass-bg);border:2px solid var(--highlight);width:100%;max-width:800px;-webkit-box-shadow:0 10px 30px -10px #00000080, 0 0 30px var(--accent-glow), inset 0 0 20px #0003;box-shadow:0 10px 30px -10px #00000080, 0 0 30px var(--accent-glow), inset 0 0 20px #0003;opacity:0;border-radius:20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:scale(.92)translateY(20px)}.video-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.video-header h3{color:var(--highlight);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px var(--accent-glow);white-space:nowrap;text-overflow:ellipsis;max-width:80%;margin:0;font-size:1.2rem;font-weight:800;overflow:hidden}.player-wrapper{background:#000;border-top:1px solid #ffffff1a;padding:4px;position:relative}.player-wrapper video{border-radius:0 0 16px 16px;width:100%;height:auto;display:block}.winner-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s fadeIn;display:flex;position:fixed;top:0;left:0}.winner-overlay.hidden{display:none}.winner-card{flex-direction:column;align-items:center;gap:20px;width:90%;max-width:500px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.winner-card h1{text-align:center;margin:0;font-size:2.5rem}.winner-img-wrapper{border:4px solid var(--highlight);width:100%;max-height:60vh;-webkit-box-shadow:0 0 50px var(--accent-glow);box-shadow:0 0 50px var(--accent-glow);border-radius:20px;overflow:hidden}.winner-img-wrapper img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.result-overlay{z-index:100;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pause-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:160;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.leaderboard-modal-legacy-unused{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;color:var(--text-color);background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.leaderboard-content{border:2px solid var(--highlight);background:var(--glass-bg);width:90%;max-width:500px;max-height:80vh;-webkit-box-shadow:0 0 30px var(--accent-glow);box-shadow:0 0 30px var(--accent-glow);text-align:center;border-radius:20px;padding:25px;position:relative;overflow-y:auto}.lb-close-btn{color:#f55;cursor:pointer;font-size:28px;transition:all .2s;position:absolute;top:10px;right:20px}.lb-close-btn:hover{transform:scale(1.2)}.lb-table{border-collapse:collapse;width:100%;margin-top:15px}.lb-table th{color:var(--highlight);border-bottom:2px solid #ffffff1a;padding:10px}.lb-table td{color:var(--text-color);border-bottom:1px solid #ffffff0d;padding:10px}.name-input-modal{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.name-input-content{color:#fff;text-align:center;background:#141414e6;border:2px solid #00d2ff;border-radius:20px;width:90%;max-width:350px;padding:30px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 0 30px #00d2ff80}.name-input-field{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;outline:none;width:100%;margin:12px 0;padding:10px 14px;font-family:inherit;font-size:1rem;box-sizing:border-box!important}.name-input-field:focus{border-color:#00d2ff;box-shadow:0 0 10px #00d2ff80}.input-error-msg{color:#f33;text-shadow:0 0 5px #ff333380;margin-top:15px;font-size:.9rem;font-weight:700;animation:.3s fadeIn;display:none}.secret-lock-modal{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.secret-lock-content{border:2px solid var(--highlight);background:var(--glass-bg);width:90%;max-width:400px;color:var(--text-color);text-align:center;-webkit-box-shadow:0 0 30px var(--accent-glow);box-shadow:0 0 30px var(--accent-glow);border-radius:24px;padding:30px;position:relative}.secret-lock-content .secret-lock-close{cursor:pointer;opacity:.6;color:var(--text-color);font-size:2rem;position:absolute;top:10px;right:15px}.secret-lock-content .secret-lock-close:hover{color:#f55;opacity:1}.secret-lock-content .secret-lock-icon{margin-bottom:15px;font-size:3rem}.secret-lock-content p{margin-bottom:20px;font-size:1.1rem;font-weight:500;line-height:1.4}.game-notification{z-index:10000;-webkit-backdrop-filter:blur(10px);border:1px solid var(--highlight);color:#fff;letter-spacing:.5px;text-align:center;-webkit-box-shadow:0 10px 30px #00000080, 0 0 20px var(--accent-glow);box-shadow:0 10px 30px #00000080, 0 0 20px var(--accent-glow);pointer-events:none;background:#0f172ae6;border-radius:50px;padding:15px 30px;font-family:inherit;font-size:1rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) toastSlideDown;position:fixed;top:30px;left:50%;transform:translate(-50%)}@keyframes toastSlideDown{0%{opacity:0;top:-100px;transform:translate(-50%)scale(.8)}to{opacity:1;top:30px;transform:translate(-50%)scale(1)}}@keyframes toastFadeOut{to{opacity:0;top:-100px}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);color:var(--text-color);background:var(--bg-color);background:var(--bg-gradient);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;user-select:none;background-size:cover;background-attachment:fixed;transition:background .6s}#snow-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.snowflake{opacity:.8;background:#fff;border-radius:50%;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)}}.lava-lamp-container{z-index:0;pointer-events:none;opacity:.55;contain:strict;width:100vw;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0;overflow:hidden}body[data-theme=light] .lava-lamp-container{opacity:.35}body.in-game .lava-lamp-container,body.in-game .lava-blob,body.in-game #lava-lamp-bg,#game-container:not(.hidden)~.lava-lamp-container{opacity:0!important;visibility:hidden!important;animation:none!important;display:none!important}body:has(#game-container:not(.hidden)) .lava-lamp-container{opacity:0!important;visibility:hidden!important;animation:none!important;display:none!important}body:has(#game-container:not(.hidden)) .lava-blob{opacity:0!important;visibility:hidden!important;animation:none!important;display:none!important}body:has(#game-container:not(.hidden)) #lava-lamp-bg{opacity:0!important;visibility:hidden!important;animation:none!important;display:none!important}body.in-game #game-container,body.in-game .game-header,body.in-game .lane-key,body.in-game .pause-btn,body.in-game .game-combo-pill,body.in-game .game-mod-pill,body.in-game .progress-container,body.in-game .star-marker,body.in-game .hud-star,body.in-game #rating-container,body.in-game .rating-popup{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:has(#game-container:not(.hidden)) .game-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:has(#game-container:not(.hidden)) .lane-key{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body:has(#game-container:not(.hidden)) .game-combo-pill{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.lava-blob{will-change:transform;pointer-events:none;contain:layout style paint;border-radius:50%;position:absolute;transform:translate(0,0)}.lava-blob.blob-1{background:radial-gradient(circle,#6366f173 0%,#6366f126 45%,#0000 70%);width:480px;height:480px;animation:26s ease-in-out infinite alternate lava-morph-1;top:-10%;left:15%}.lava-blob.blob-2{background:radial-gradient(circle,#ec489973 0%,#ec489926 45%,#0000 70%);width:520px;height:520px;animation:30s ease-in-out infinite alternate lava-morph-2;bottom:-15%;right:10%}.lava-blob.blob-3{background:radial-gradient(circle,#38bdf866 0%,#38bdf81f 45%,#0000 70%);width:420px;height:420px;animation:24s ease-in-out infinite alternate lava-morph-3;top:35%;left:-10%}.lava-blob.blob-4{background:radial-gradient(circle,#8b5cf666 0%,#8b5cf61f 45%,#0000 70%);width:460px;height:460px;animation:28s ease-in-out infinite alternate lava-morph-4;bottom:20%;left:30%}.lava-blob.blob-5{background:radial-gradient(circle,#f59e0b59 0%,#f59e0b1a 45%,#0000 70%);width:380px;height:380px;animation:22s ease-in-out infinite alternate lava-morph-5;top:15%;right:25%}@keyframes lava-morph-1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(60px,80px)scale(1.1)}to{transform:translate(-40px,120px)scale(.95)}}@keyframes lava-morph-2{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-80px,-60px)scale(1.15)}to{transform:translate(-40px,-110px)scale(.9)}}@keyframes lava-morph-3{0%{transform:translate(0,0)scale(1)}50%{transform:translate(90px,-40px)scale(1.08)}to{transform:translate(50px,60px)scale(.95)}}@keyframes lava-morph-4{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-50px,50px)scale(1.12)}to{transform:translate(70px,-30px)scale(.98)}}@keyframes lava-morph-5{0%{transform:translate(0,0)scale(.95)}50%{transform:translate(-60px,70px)scale(1.1)}to{transform:translate(-30px,-40px)scale(1)}}@media (width<=768px){.lava-blob.blob-3,.lava-blob.blob-4,.lava-blob.blob-5{display:none!important}.lava-blob.blob-1,.lava-blob.blob-2{width:280px;height:280px}*,:before,:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-overlay{background:#05070fe0!important}.user-profile-card,.shop-modal-card,.settings-modal-card,.friends-modal-card,.customize-modal-card,.custom-confirm-card,.admin-modal-card,.admin-modal-content,.leaderboard-modal,.catalog-toolbar-panel,.catalog-bottom-nav,.bottom-toolbar,.app-header,.song-card,.song-search-box,.shop-item-card,.profile-favorite-track-box{background:#0f172a!important;border-color:#ffffff1f!important;box-shadow:0 8px 24px #00000073!important}body[data-theme=light] .user-profile-card,body[data-theme=light] .shop-modal-card,body[data-theme=light] .settings-modal-card,body[data-theme=light] .friends-modal-card,body[data-theme=light] .customize-modal-card,body[data-theme=light] .custom-confirm-card,body[data-theme=light] .admin-modal-card,body[data-theme=light] .catalog-toolbar-panel,body[data-theme=light] .catalog-bottom-nav,body[data-theme=light] .bottom-toolbar,body[data-theme=light] .app-header,body[data-theme=light] .song-card,body[data-theme=light] .song-search-box,body[data-theme=light] .shop-item-card,body[data-theme=light] .profile-favorite-track-box{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 16px #0f172a1f!important}#song-list,.lb-scroll-area,#admin-track-list,.user-profile-card,.shop-modal-card,.shop-catalog-scroll,.settings-modal-card,.friends-modal-card,.customize-modal-card,.modal-scroll-body{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}button,.action-btn,.nav-btn,.song-card,input,select,textarea{touch-action:manipulation}.song-card{box-shadow:0 4px 12px #00000040!important}}.track-best-stat{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;margin-left:6px;padding:3px 10px;font-size:.78rem;display:inline-flex}.track-best-stat.not-played{opacity:.7}.track-record-label{color:#94a3b8;font-weight:500}.track-record-label b{color:#38bdf8;font-weight:700}.track-stars-visual{align-items:center;gap:2px;display:inline-flex}body[data-theme=light] .track-best-stat{background:#0000000a;border-color:#00000014}body[data-theme=light] .track-record-label{color:#64748b}body[data-theme=light] .track-record-label b{color:#0284c7}.admin-hint-chip{color:#94a3b8;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;background:#38bdf814;border:1px solid #38bdf833;border-radius:10px;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:10px 14px;font-size:.82rem;line-height:1.45;display:flex}.admin-hint-chip a{color:#38bdf8;overflow-wrap:anywhere;word-break:break-all;font-weight:600;text-decoration:underline}body[data-theme=light] .admin-hint-chip{color:#475569;background:#0284c70f;border-color:#0284c733}.duration-feedback-row{color:#38bdf8;align-items:center;gap:6px;min-height:18px;margin-top:-8px;margin-bottom:12px;font-size:.78rem;display:flex}.admin-spotify-box{box-sizing:border-box;background:#1ed76014;border:1px solid #1ed7604d;border-radius:10px;max-width:100%;margin-bottom:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.admin-spotify-box:focus-within{border-color:#1ed76099;box-shadow:0 0 16px #1ed7602e}.admin-spotify-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.admin-spotify-label{color:#1ed760;cursor:pointer;align-items:center;gap:6px;margin:0;font-size:.82rem;font-weight:700;display:flex}.admin-spotify-icon-container{justify-content:center;align-items:center;display:inline-flex}.admin-spotify-icon-container svg{vertical-align:middle}.admin-spotify-status{color:#94a3b8;font-size:.75rem;font-weight:500}.admin-spotify-input-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;display:flex}.admin-spotify-input{box-sizing:border-box;border-color:#1ed76040;flex:1;min-width:0;padding:8px 12px;font-size:.84rem}.admin-spotify-input:focus{border-color:#1ed760;box-shadow:0 0 10px #1ed76059}.admin-spotify-btn{color:#06180e;cursor:pointer;white-space:nowrap;background:#1ed760;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #1ed7604d}.admin-spotify-btn:hover:not(:disabled){background:#23f06b;transform:translateY(-1px);box-shadow:0 4px 14px #1ed76073}.admin-spotify-btn:active:not(:disabled){transform:translateY(0)}.admin-spotify-btn:disabled{opacity:.65;cursor:not-allowed}.admin-spotify-feedback{align-items:center;gap:6px;min-height:16px;margin-top:6px;font-size:.78rem;line-height:1.3;display:flex}.admin-spotify-feedback.loading{color:#38bdf8}.admin-spotify-feedback.success{color:#1ed760}.admin-spotify-feedback.error{color:#f87171}body[data-theme=light] .admin-spotify-box{background:#16a34a14;border-color:#16a34a4d}body[data-theme=light] .admin-spotify-label{color:#15803d}body[data-theme=light] .admin-spotify-icon-container svg{fill:#15803d}body[data-theme=light] .admin-spotify-btn{color:#fff;background:#16a34a}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,50px)}}.controls{z-index:100;gap:12px;display:flex;position:fixed;top:25px;right:25px}.sound-btn{font-size:1.2rem}.sound-btn.playing{border-color:var(--highlight);-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow)}.lang-dropdown{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0c29e6;border-radius:12px;flex-direction:column;display:none;position:absolute;top:60px;right:0}.lang-dropdown button{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px}.lang-dropdown button:hover{background:#ffffff1a}.lang-wrapper.open .lang-dropdown{display:flex}.main-container{z-index:10;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.view{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,transform .6s;display:flex;position:absolute}.view.active{opacity:1;pointer-events:all;z-index:10;transform:scale(1)}.view.hidden{opacity:0;pointer-events:none;z-index:0;transform:scale(1.2)}.shimmer-text{color:var(--text-color);background:linear-gradient(120deg,#fff3 40%,#fff 50%,#fff3 60%) 0 0/200%;-webkit-text-fill-color:transparent;will-change:background-position;-webkit-background-clip:text;font-size:1.8rem;font-weight:700;animation:3s linear infinite shimmer}@keyframes shimmer{to{background-position:200%}}@keyframes pulse-block{0%{box-shadow:0 0 #fff3}70%{box-shadow:0 0 0 20px #fff0}to{box-shadow:0 0 #fff0}}.carousel{perspective:1000px;justify-content:center;align-items:center;width:100%;max-width:1200px;height:600px;display:flex;position:relative}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);text-align:center;border-radius:24px;box-shadow:0 15px 35px #0003}.panel{width:300px;height:500px;-webkit-transition:all .6s var(--ease-smooth);transition:all .6s var(--ease-smooth);position:absolute}.panel .panel-content{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.panel#panel-memes .panel-content,.panel#panel-dance .panel-content,.panel#panel-surprise .panel-content{background-image:linear-gradient(#0f0c2966,#0f0c29cc)}.panel.center{z-index:10;opacity:1;transform:translate(0)scale(1)}.panel.center .panel-content{border:3px solid var(--highlight);-webkit-box-shadow:0 0 35px var(--accent-glow), inset 0 0 10px var(--accent-glow);box-shadow:0 0 35px var(--accent-glow), inset 0 0 10px var(--accent-glow)}.panel.left{z-index:5;opacity:.5;cursor:pointer;transform:translate(-340px)scale(.85)rotateY(15deg)}.panel.left:hover{opacity:.8;transform:translate(-340px)scale(.9)rotateY(10deg)}.panel.right{z-index:5;opacity:.5;cursor:pointer;transform:translate(340px)scale(.85)rotateY(-15deg)}.panel.right:hover{opacity:.8;transform:translate(340px)scale(.9)rotateY(-10deg)}.panel.left .action-btn,.panel.right .action-btn{pointer-events:none;opacity:.5;cursor:default}.panel.center .action-btn{pointer-events:auto;opacity:1;cursor:pointer}.top-hud{background:0 0;border:2px solid #fffc;border-radius:20px;justify-content:space-between;align-items:flex-start;width:90%;max-width:800px;height:100px;padding:0;display:flex;position:relative}.top-hud .hud-line{background:#ffffff80;width:2px;height:100%;margin:0 15%}.top-hud .hud-arrow{color:#fff;text-shadow:0 0 10px #fff;font-size:2rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.center-console{background:#000;background:var(--glass-bg);width:400px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:2px solid #ffffff1a;border:1px solid var(--glass-border);box-shadow:0 20px 60px #000c;-webkit-box-shadow:var(--glass-shadow);box-shadow:var(--glass-shadow);z-index:50;border-radius:40px;flex-direction:column;align-items:center;gap:30px;padding:40px 60px;display:flex;position:relative;transform:translateZ(0)}.center-console .console-text{text-align:center;color:#fff}.center-console .console-text h2{text-transform:uppercase;letter-spacing:1px;color:var(--highlight);text-shadow:0 0 10px var(--accent-glow);margin:0;font-size:1.2rem}.center-console .console-text p{opacity:.6;margin:5px 0 0;font-size:.9rem}.sketch-layout{flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex;position:relative}.horizontal-slot{justify-content:center;width:90%;max-width:800px;height:120px;animation:.5s ease-out slideDown;display:flex;position:relative}.horizontal-slot.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pointer-arrow{color:#fff;z-index:20;text-shadow:0 0 10px #fff;font-size:2rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.slot-window-horizontal{background:#00000080;border:2px solid #fffc;border-radius:20px;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.strip-horizontal{will-change:transform;flex-direction:row;align-items:center;height:100%;display:flex}.slot-item-text{text-transform:uppercase;text-align:center;text-shadow:0 2px 5px #000c;white-space:normal;letter-spacing:1px;border-right:1px solid #ffffff1a;justify-content:center;align-items:center;min-width:320px;height:100%;padding:0 15px;font-family:Comic Sans MS,sans-serif;font-size:1rem;font-weight:900;line-height:1.2;animation:2s infinite alternate neonPulse;display:flex}@keyframes neonPulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.8;filter:brightness(130%)}}.common{color:#fff;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0}.rare{color:#fff;text-shadow:0 0 5px #00e6e6,0 0 10px #00e6e6,0 0 20px #00e6e6,0 0 40px #0ff}.epic{color:#fff;text-shadow:0 0 5px #d400ff,0 0 10px #d400ff,0 0 20px #d400ff,0 0 40px #f0f}.legendary{color:#fff;text-shadow:0 0 5px #f80,0 0 10px #f80,0 0 20px #f80,0 0 40px red;animation:.5s infinite alternate neonPulse}.shadow-left,.shadow-right{z-index:10;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.shadow-left{background:linear-gradient(90deg,#0f0c29 0%,#0000 100%);left:0}.shadow-right{background:linear-gradient(270deg,#0f0c29 0%,#0000 100%);right:0}.ptr-container{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:80px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:-80px;left:0}.ptr-container.loading{transform:translateY(80px)!important}.ptr-spinner{border:3px solid #ffffff1a;border-top-color:var(--highlight);width:40px;height:40px;-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);border-radius:50%;transition:transform .3s}.ptr-container.loading .ptr-spinner{animation:.6s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.battle-container{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:relative}.battle-header{text-align:center;margin-bottom:30px}.battle-header h1{margin:0;font-size:2.5rem}.battle-header p{color:var(--text-color);opacity:.7}.arena{justify-content:center;align-items:center;gap:40px;width:100%;max-width:1000px;display:flex;position:relative}.fighter-card{border:2px solid var(--glass-border);cursor:pointer;background:#000;border-radius:20px;justify-content:center;align-items:center;width:45%;max-width:350px;height:60vh;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.fighter-card:hover{border-color:var(--highlight);-webkit-box-shadow:0 0 25px var(--accent-glow);box-shadow:0 0 25px var(--accent-glow);transform:scale(1.03)}.fighter-card:active{transform:scale(.95)}.fighter-card .img-wrapper{width:100%;height:100%;position:relative}.fighter-card .img-wrapper img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.vote-overlay{color:#fff;text-shadow:0 2px 10px #00000080;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00ff804d;justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:0;left:0}.fighter-card.winner .vote-overlay{opacity:1}.fighter-card.loser{opacity:0;pointer-events:none;transform:scale(.8)translateY(50px)}.vs-badge{color:#fff;z-index:20;background:linear-gradient(135deg,#ff416c,#ff4b2b);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;font-weight:900;display:flex;position:absolute;box-shadow:0 0 20px #ff4b2b99}.stats-panel{color:var(--text-color);margin-top:30px;padding:10px 30px;font-weight:700}.archive-link{color:var(--text-color);border:1px solid var(--highlight);background:#0003;border-radius:20px;margin-top:-10px;padding:10px 25px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s}.archive-link:hover{background:var(--highlight);color:var(--bg-color);-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.leaderboard-list{border:1px solid var(--glass-border);background:#0000004d;border-radius:15px;width:100%;min-width:300px;max-height:60vh;margin:15px 0;padding:10px;overflow-y:auto}.leader-item{background:var(--glass-bg);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px;transition:all .2s;display:flex}.leader-item:hover{border-color:var(--highlight);background:#ffffff1a}.rank-num{color:var(--highlight);width:30px;font-size:1.2rem;font-weight:700}.mini-thumb{-o-object-fit:cover;object-fit:cover;width:50px;height:50px;cursor:-webkit-zoom-in;cursor:zoom-in;border:1px solid #fff3;border-radius:8px;transition:transform .2s}.mini-thumb:hover{border-color:#fff;transform:scale(1.1)}.vote-count{color:#fff;margin-left:auto;padding-left:10px;font-size:.9rem;font-weight:700}.hidden{display:none!important}.song-selection{box-sizing:border-box;z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;padding-top:76px;padding-bottom:20px;display:flex;position:relative;overflow-y:auto}.song-list-container{border:1px solid var(--glass-border);scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;background:#0000004d;border-radius:20px;width:90%;max-width:500px;height:60vh;padding:10px;overflow-y:auto}.song-card{background:var(--glass-bg);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px 20px;transition:all .2s;display:flex}.song-card:hover{border-color:var(--highlight);background:#ffffff1a;transform:scale(1.02)}.song-info h3{color:#fff;margin:0;font-size:1rem}.song-info p{color:var(--highlight);margin:0;font-size:.8rem}#game-view{z-index:50;background:#000;justify-content:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.controls-layer{z-index:200;gap:10px;display:flex;position:fixed;top:20px;right:20px}#game-container{will-change:border-color, box-shadow;contain:strict;-ms-touch-action:none;touch-action:none;background:radial-gradient(at 50% 25%,#182452 0%,#0d1533 52%,#050818 100%);border-left:1px solid #38bdf859;border-right:1px solid #38bdf859;width:100%;max-width:500px;height:100vh;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 0 80px #000000d9,0 0 35px #38bdf838}canvas#rhythmCanvas{z-index:10;-ms-touch-action:none;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}canvas#pixiCanvas{z-index:11;pointer-events:none;-ms-touch-action:none;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.song-selection{background:var(--bg-color);z-index:50;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.song-list-container{width:90%;max-width:500px;max-height:70vh;overflow-y:auto}#hold-effects-container{pointer-events:none;z-index:25;contain:strict;width:100%;height:100%;position:absolute;top:0;left:0}.long-note-hold-effect{pointer-events:none;z-index:5;opacity:.25;mix-blend-mode:screen;will-change:background, opacity;width:25%;height:100%;transition:background .2s,opacity .2s;position:absolute;bottom:0}.click-effect{pointer-events:none;z-index:10;background:linear-gradient(#0000,#fffc);width:100%;height:100px;animation:.3s forwards fadeOut;position:absolute}@keyframes fadeOut{to{opacity:0;transform:scaleY(1.5)}}.lane-active{background:linear-gradient(#0000 0%,#66fcf166 100%);transition:background .1s}.loading-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:200;contain:strict;box-sizing:border-box;background:#050816e0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.cyber-loader-card{text-align:center;background:#0c132cbf;border:1px solid #38bdf859;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:88%;max-width:320px;padding:32px 28px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 35px #38bdf838,inset 0 0 20px #a855f71f}.cyber-loader-card:before{content:"";background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#38bdf8), color-stop(#a855f7), to(transparent));background:linear-gradient(90deg,#0000,#38bdf8,#a855f7,#0000);height:2px;position:absolute;top:0;left:0;right:0}.cyber-spinner-wrapper{justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:20px;display:flex;position:relative}.cyber-spinner-outer{filter:drop-shadow(0 0 8px #38bdf8cc);border:2.5px solid #38bdf8;border-color:#38bdf8 #38bdf866 #0000 #0000;border-radius:50%;animation:1.2s cubic-bezier(.5,.1,.5,.9) infinite cyber-spin-cw;position:absolute;inset:0}.cyber-spinner-inner{filter:drop-shadow(0 0 6px #a855f7b3);border:2px solid #0000;border-color:#0000 #0000 #a855f7 #a855f780;border-radius:50%;animation:.9s cubic-bezier(.5,.1,.5,.9) infinite cyber-spin-ccw;position:absolute;inset:8px}.cyber-spinner-core{color:#38bdf8;filter:drop-shadow(0 0 10px #38bdf8e6);justify-content:center;align-items:center;animation:1.6s ease-in-out infinite alternate cyber-pulse-core;display:flex}@keyframes cyber-spin-cw{to{transform:rotate(360deg)}}@keyframes cyber-spin-ccw{to{transform:rotate(-360deg)}}@keyframes cyber-pulse-core{0%{opacity:.75;transform:scale(.88)}to{opacity:1;transform:scale(1.1)}}.cyber-loader-text{margin-bottom:20px}.cyber-loader-title{letter-spacing:2px;text-transform:uppercase;color:#f8fafc;text-shadow:0 0 12px #38bdf899;margin:0 0 6px;font-family:inherit;font-size:1.15rem;font-weight:800}.cyber-loader-subtitle{color:#94a3b8;letter-spacing:.3px;margin:0;font-size:.82rem;font-weight:500;line-height:1.35}.cyber-loader-bar{background:#ffffff14;border-radius:3px;width:100%;height:3px;position:relative;overflow:hidden}.cyber-loader-bar-glow{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(#38bdf8), color-stop(#a855f7), to(transparent));background:linear-gradient(90deg,#0000,#38bdf8,#a855f7,#0000);border-radius:3px;width:45%;height:100%;animation:1.4s ease-in-out infinite cyber-bar-slide;position:absolute;top:0;left:0}@keyframes cyber-bar-slide{0%{left:-45%}to{left:100%}}.spinner{border:5px solid #ffffff1a;border-top:5px solid var(--highlight);border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.game-header{z-index:50;pointer-events:none;flex-direction:column;align-items:center;width:80%;max-width:400px;transition:top .3s;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.game-header *{pointer-events:auto}.progress-container{background:#fff3;border-radius:10px;width:100%;height:10px;margin-top:10px;position:relative;overflow:visible}.progress-fill{background:-webkit-gradient(linear, left top, right top, from(var(--highlight)), to(#fff));background:linear-gradient(90deg, var(--highlight), #fff);width:0%;height:100%;-webkit-box-shadow:0 0 10px var(--highlight);box-shadow:0 0 10px var(--highlight);will-change:width;border-radius:10px;transition:width .1s linear}.stars-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.star-marker,.hud-star{color:#64748b;opacity:.35;text-shadow:0 0 2px #000;pointer-events:none;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-11px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:-12px}#star-3,#star-5,.star-marker:last-child,.hud-star:last-child{margin-left:-19px}.star-marker.active,.hud-star.active{opacity:1;color:gold;text-shadow:0 0 15px gold;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards starPop}@keyframes starPop{0%{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1.6)}to{opacity:1;transform:scale(1.3)}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}#miss-flash-overlay{pointer-events:none;box-sizing:border-box;opacity:0;z-index:30;will-change:opacity;border:3px solid #ef4444d9;width:100%;height:100%;transition:opacity .18s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;box-shadow:inset 0 0 35px #ef44448c}#miss-flash-overlay.active{opacity:1;transition:none}.instruction-text{color:var(--text-color);opacity:.7;text-align:center;z-index:10;margin-top:15px;font-family:monospace;font-size:.9rem}.song-card{background:var(--glass-bg);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.song-info{flex-direction:column;flex:1;gap:5px;display:flex}.song-meta-row{justify-content:space-between;align-items:center;width:100%;margin-top:5px;display:flex}.artist-name{opacity:.7;font-size:.8rem}.score-badge{color:gold;background:#00000080;border:1px solid #ffd7004d;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.85rem;display:flex;box-shadow:0 0 10px #ffd7001a}.stars-display{color:gold;letter-spacing:1px;font-size:1rem}#game-container{background:#060919 radial-gradient(at 50% 25%,#182452 0%,#0d1533 52%,#050818 100%);transition:background .5s}body[data-theme=light] #game-container{background:0 0}#lanes-bg{pointer-events:none;z-index:2;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.lane-col{border-right:1px solid #38bdf81f;flex:1;height:100%;transition:background 80ms ease-out,box-shadow 80ms ease-out;position:relative}.lane-col:last-child{border-right:none}.lane-col:first-child{background:linear-gradient(#38bdf809 0%,#38bdf814 100%)}.lane-col:nth-child(2){background:linear-gradient(#a855f709 0%,#a855f714 100%)}.lane-col:nth-child(3){background:linear-gradient(#38bdf809 0%,#38bdf814 100%)}.lane-col:nth-child(4){background:linear-gradient(#a855f709 0%,#a855f714 100%)}.lane-col:after{content:"";pointer-events:none;background:linear-gradient(#38bdf814 0%,#38bdf84d 40%,#a855f773 80%,#38bdf826 100%);width:1px;height:100%;position:absolute;top:0;right:-1px}.lane-col:last-child:after{display:none}.lane-col{position:relative;overflow:hidden}.lane-col:before{content:"";opacity:0;pointer-events:none;will-change:opacity;background:linear-gradient(#0000 10%,#38bdf80a 35%,#a855f726 70%,#38bdf852 100%);transition:opacity 50ms ease-out;position:absolute;inset:0;box-shadow:inset 0 -40px 50px -10px #38bdf873,inset 0 0 20px #a855f740}.lane-col.active:before{opacity:1}.hit-line{display:none!important}.lane-hints{pointer-events:none;z-index:20;box-sizing:border-box;width:100%;padding:0 6px;display:flex;position:absolute;bottom:18px;left:0}.lane-key{letter-spacing:.05em;color:#ffffffa6;-webkit-backdrop-filter:blur(8px);will-change:transform;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;justify-content:center;align-items:center;height:38px;margin:0 5px;font-family:Montserrat,Inter,system-ui,sans-serif;font-size:1rem;font-weight:800;transition:transform 60ms ease-out;display:flex;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a}.lane-key.active{color:#fff;background:#38bdf838;border-color:#38bdf8d9;transform:translateY(2px)scale(.96);box-shadow:0 0 18px #38bdf8a6,inset 0 0 10px #38bdf859}.game-header h2{text-shadow:0 0 5px #00000080;color:#fff!important}#game-progress-bar{box-shadow:0 0 15px var(--highlight)}@media (width<=768px){.arena{flex-direction:row;gap:10px}.fighter-card{aspect-ratio:auto;width:48%;height:50vh}.vs-badge{border-width:2px;width:40px;height:40px;font-size:1rem}.battle-header h1{font-size:1.5rem}html,body{height:100%!important;overflow:hidden!important}.main-container{overflow:hidden;justify-content:center!important;height:100vh!important;padding:0!important}.carousel{margin-top:-50px;perspective:600px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important}.panel{border-radius:24px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);width:65vw!important;height:55vh!important;max-height:400px!important;margin-top:-27.5vh!important;margin-left:-32.5vw!important;transition:all .5s cubic-bezier(.25,.8,.25,1)!important;position:absolute!important;top:50%!important;left:50%!important;box-shadow:0 10px 20px #00000080!important}.panel.center{z-index:10!important;opacity:1!important;transform:translateZ(0)scale(1)!important}.panel.left{z-index:5!important;opacity:.6!important;transform:translate(-55%)scale(.8)rotateY(10deg)!important}.panel.right{z-index:5!important;opacity:.6!important;transform:translate(55%)scale(.8)rotateY(-10deg)!important}.action-btn{padding:12px 30px!important;font-size:1.1rem!important}.sketch-layout{justify-content:center!important;padding-top:0!important}.horizontal-slot{width:95%!important}.center-console{width:90%!important;padding:20px!important}#game-container{border-left:none!important;border-right:none!important;margin-left:0!important}.game-header{width:90%!important;top:85px!important;transform:translate(-50%)scale(.85)!important}#global-back-btn{padding:10px 20px!important;font-size:1rem!important;top:15px!important;left:15px!important}.pause-btn{width:50px;height:50px;font-size:1.5rem;top:85px!important;left:10px!important}.lane-key{opacity:.6;height:32px;font-size:.85rem}#game-container,canvas#rhythmCanvas,canvas#pixiCanvas{-ms-touch-action:none!important;touch-action:none!important}#hold-effects-container,.hit-line,.lane-hints{pointer-events:none!important}#song-search-input{font-size:16px!important}}@keyframes rainbow-border{0%{border-color:red;box-shadow:0 0 10px red}20%{border-color:#ff0;box-shadow:0 0 10px #ff0}40%{border-color:#0f0;box-shadow:0 0 10px #0f0}60%{border-color:#0ff;box-shadow:0 0 10px #0ff}80%{border-color:#f0f;box-shadow:0 0 10px #f0f}to{border-color:red;box-shadow:0 0 10px red}}.secret-song-card{will-change:border-color;border:3px solid #0000;animation:2s linear infinite rainbow-border;background:#0009!important}.song-locked{opacity:.5;filter:grayscale();cursor:not-allowed;position:relative;pointer-events:auto!important}.song-locked:after{content:"";background-color:var(--text-color);width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") 50%/contain no-repeat}@keyframes pulse-opacity{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}#game-container{z-index:0;position:relative}#game-container:after{content:"";border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;will-change:opacity;transition:opacity .5s;position:absolute;inset:-3px}@keyframes vignette-pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes xmas-border{0%{border-color:red;box-shadow:0 0 10px red,inset 0 0 10px red}33%{border-color:#0f0;box-shadow:0 0 10px #0f0,inset 0 0 10px #0f0}66%{border-color:gold;box-shadow:0 0 10px gold,inset 0 0 10px gold}to{border-color:red;box-shadow:0 0 10px red,inset 0 0 10px red}}.song-card.song-xmas{will-change:border-color;background:linear-gradient(90deg,#140000cc,#001400cc);border:2px solid #0000;animation:3s linear infinite xmas-border}.song-card.song-xmas h3:before{content:""}@keyframes gold-shimmer-border{0%{border-color:#b8860b;box-shadow:0 0 5px #b8860b}50%{border-color:gold;box-shadow:0 0 15px gold}to{border-color:#b8860b;box-shadow:0 0 5px #b8860b}}.song-card.song-gold{will-change:border-color;background:#281e0a99;border:1px solid gold;animation:2s ease-in-out infinite gold-shimmer-border}.song-duration{color:#fff9;background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;margin-left:10px;padding:2px 6px;font-family:monospace;font-size:.8rem}.search-container{z-index:5;width:100%;position:relative}#song-search-input{width:100%;height:42px;color:var(--text-primary);background:var(--surface-color);border:1px solid var(--surface-border);box-sizing:border-box;border-radius:12px;outline:none;font-family:inherit;font-size:.95rem;transition:all .2s;text-align:left!important;padding:0 16px 0 42px!important}#song-search-input:focus{border-color:var(--highlight);box-shadow:0 0 0 3px #38bdf833}#song-search-input::placeholder{color:var(--text-muted);font-style:normal}#song-search-input:focus{background:var(--glass-bg);border-color:var(--highlight);-webkit-box-shadow:0 0 20px var(--accent-glow);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.02)}.song-list-container{z-index:10;position:relative;pointer-events:auto!important}.song-card{z-index:11;position:relative;pointer-events:auto!important}@media (width<=768px){#song-search-input{font-size:16px!important}html,body,#game-container,canvas#rhythmCanvas,canvas#pixiCanvas{-ms-touch-action:none!important;touch-action:none!important;overflow:hidden!important}#legendary-border-overlay.active{will-change:opacity;animation:3s ease-in-out infinite vignette-pulse!important;display:block!important}#game-container{will-change:border-color, box-shadow;backface-visibility:hidden;perspective:1000px;contain:strict;transform:translateZ(0);border-left:none!important;border-right:none!important;margin-left:0!important}#miss-flash-overlay{border-width:4px;box-shadow:inset 0 0 32px #ef4444b3}#game-container .game-header{width:90%!important;top:50px!important;left:50%!important;transform:translate(-50%)scale(.9)!important}.pause-btn{top:120px!important;left:10px!important}#global-back-btn{top:15px!important;left:15px!important}.controls-layer{top:15px!important;right:15px!important}#hold-effects-container,.hit-line,.lane-hints,.click-effect,#legendary-border-overlay,#miss-flash-overlay{pointer-events:none!important}}.leaderboard-modal-legacy-380{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);width:95%;max-width:380px;height:550px;color:var(--text-color);border-radius:24px;flex-direction:column;padding:20px;transition:all .3s;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPopIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000080}.lb-title{color:var(--highlight);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin-right:15px;font-size:1.2rem;font-weight:900;overflow:hidden}.lb-close-btn{color:var(--text-color);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .2s;display:flex}.lb-table{border-collapse:collapse;width:100%}.lb-close-btn:hover{color:#fff;background:#f44;transform:rotate(90deg)}.lb-tabs{border:1px solid var(--glass-border);background:#0003;border-radius:12px;margin-bottom:15px;padding:5px;display:flex}.lb-tab-btn{color:var(--text-color);opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-weight:700;transition:all .3s}.lb-tab-btn:hover{opacity:1;background:#ffffff0d}.lb-tab-btn.active{background:var(--highlight);color:#000;opacity:1;-webkit-box-shadow:0 0 15px var(--accent-glow);box-shadow:0 0 15px var(--accent-glow)}.lb-content-wrapper{background:#0000001a;border:1px solid #ffffff0d;border-radius:12px;flex:1;position:relative;overflow:hidden}.lb-scroll-area{scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;opacity:1;height:100%;padding:5px;transition:opacity .2s ease-in-out;overflow-y:auto}.lb-scroll-area.fading{opacity:0}.lb-table{border-collapse:collapse;white-space:nowrap;width:100%;min-width:300px}.lb-table th{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--highlight);text-align:left;z-index:2;background:#00000080;padding:12px;font-size:.7rem;position:sticky;top:0}.lb-table td{border-bottom:1px solid #ffffff0d;padding:12px;font-size:.8rem}.lb-table tr:hover td{background:#ffffff0d}.rank-1{color:gold;text-shadow:0 0 10px gold;font-size:1.2rem}.rank-2{color:silver;text-shadow:0 0 10px silver;font-size:1.1rem}.rank-3{color:#cd7f32;text-shadow:0 0 10px #cd7f32;font-size:1.1rem}.star-marker.diamond,.hud-star.diamond{text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff,0 0 5px #fff;z-index:10;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(1.5)rotate(15deg);color:#00f2ff!important}.star-marker.diamond.active,.hud-star.diamond.active{animation:.6s ease-out forwards diamondPop}@keyframes diamondPop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.8)}to{transform:scale(1.5)rotate(15deg)}}.star-diamond{color:#00f2ff;text-shadow:0 0 8px #00f2ffcc;display:inline-block}.result-star{justify-content:center;align-items:center;display:inline-flex}.result-star.diamond svg{filter:drop-shadow(0 0 8px #00f2ff)drop-shadow(0 0 16px #00f2ffb3);animation:.45s cubic-bezier(.16,1,.3,1) both resultStarPop}.result-star.gold svg{filter:drop-shadow(0 0 8px #f59e0b)drop-shadow(0 0 14px #f59e0b99);animation:.45s cubic-bezier(.16,1,.3,1) both resultStarPop}.result-star.empty svg{opacity:.25}@keyframes resultStarPop{0%{transform:scale(.6)}50%{transform:scale(1.18)}to{transform:scale(1)}}.stars-display{gap:2px;display:inline-flex}body.book-theme{color:#2b231e;background:radial-gradient(circle,#1a1816 0%,#0f0e0d 100%);width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.scene{perspective:2000px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.book{width:480px;height:660px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;font-family:Cormorant Garamond,serif;transition:transform 1.4s cubic-bezier(.25,1,.5,1);position:relative}.book-shadow{filter:blur(20px);background:#0009;width:90%;height:40px;transition:all 1.4s;position:absolute;bottom:-20px;left:5%;transform:rotateX(90deg)translateZ(-40px)}.book-spine{transform-origin:0;background:#2a1d15;background-image:linear-gradient(90deg,#0009,#0000 40% 60%,#0009);width:40px;height:100%;position:absolute;top:0;left:0;transform:rotateY(90deg)translateZ(-20px)}.page{transform-origin:0;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:-webkit-grab;cursor:grab;transition:transform 1.4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.page:active{cursor:-webkit-grabbing;cursor:grabbing}.page.flipped{transform:rotateY(-180deg)}.page.flipped .layer-lighting{opacity:1}.page__face{backface-visibility:hidden;background-color:#e6dccf;border:1px solid #0000000d;border-radius:0 4px 4px 0;position:absolute;inset:0;overflow:hidden}.page__face--front{transform:rotateY(0)translateZ(1px)}.page__face--back{border-radius:4px 0 0 4px;transform:rotateY(180deg)translateZ(1px)}.page__face--back .layer-lighting{background:linear-gradient(270deg,#0003 0%,#0000 20%)}.layer-base{background-color:#e6dccf;position:absolute;inset:0}.layer-texture{filter:url(#paper-grain)sepia(20%);opacity:.8;mix-blend-mode:multiply;pointer-events:none;background-color:#e6dccf;background-image:radial-gradient(circle,#0000 40%,#2a1d151a 100%);position:absolute;inset:0}.layer-lighting{pointer-events:none;z-index:10;background:linear-gradient(90deg,#00000040 0%,#0000 12% 95%,#0000000d 100%);transition:opacity .5s;position:absolute;inset:0}.cover-texture{color:#c5a059;background-color:#2a1d15;background-image:radial-gradient(circle at 30% 30%,#4a3b3280,#0000 40%);border:3px solid #000;box-shadow:inset 0 0 50px #000000e6}.cover-texture:after{content:"";outline-offset:-4px;pointer-events:none;border:2px solid #c5a059;outline:1px solid #00000080;margin:12px;position:absolute;inset:0}.cover--back{border-radius:4px 0 0 4px;box-shadow:-5px 5px 20px #00000080;transform:translateZ(-40px)rotateY(180deg)!important}.content-wrapper{z-index:5;box-sizing:border-box;flex-direction:column;height:100%;padding:50px 40px;display:flex;position:relative}.content-wrapper.flex-center{justify-content:center;align-items:center}.content-wrapper.flex-bottom{justify-content:flex-end;align-items:center;padding-bottom:40px}.book h1,.book h2,.book h3{text-align:center;color:#2b231e;margin:0;font-family:Cinzel Decorative,cursive;font-weight:700;line-height:1.2}.book h3{border-bottom:1px solid #c5a05980;margin-bottom:5px;padding-bottom:10px;font-size:2rem}.book .chapter-ornament{text-align:center;color:#c5a059;margin-bottom:20px;font-family:Cinzel Decorative,cursive;font-size:1.5rem;display:block}.book p{text-align:justify;text-indent:1.5rem;margin-bottom:1rem;font-size:1.1rem;line-height:1.5}.book p.drop-cap-text{text-indent:0}.book p.caption{text-align:center;color:#5c4d42;text-indent:0;margin-top:10px;font-size:.9rem;font-style:italic}.book .drop-cap{float:left;color:#2a1d15;margin-top:4px;margin-right:8px;font-family:Cinzel Decorative,cursive;font-size:3.5rem;line-height:.8}.book .mt-auto{margin-top:auto}.video-frame{cursor:pointer;background:#000;width:100%;margin:15px 0;transition:transform .3s;position:relative;overflow:hidden}.video-frame video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:filter .5s;display:block}.video-frame.ink-style{border-radius:2px;box-shadow:0 4px 10px #0003}.video-frame.ink-style video{filter:sepia(.5)contrast(1.1)brightness(.9)grayscale(.2)}.video-frame.ink-style:hover video{filter:sepia(.1)contrast()brightness()grayscale(0)}.video-frame.large-frame{border:4px double #5c4d42;height:280px}.video-frame.full-fill{height:100%}.video-frame.circle-frame{border:4px solid #c5a059;border-radius:50%;width:220px;height:220px;margin:20px auto;box-shadow:0 0 15px #c5a0594d}.video-frame .video-overlay{color:#fff;opacity:.7;pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:opacity .3s;display:flex;position:absolute;top:10px;right:10px}.video-frame.playing .video-overlay{opacity:0}.video-frame:hover .video-overlay{opacity:1}.cover-content{z-index:5;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;transform:translateZ(2px)}.emboss-frame{text-align:center;background:#0003;border:2px solid #c5a059;width:70%;padding:40px 20px;position:relative;box-shadow:inset 0 0 20px #00000080}.emboss-frame h1{color:#0000;background:linear-gradient(135deg,#c5a059 0%,khaki 50%,#c5a059 100%);text-shadow:0 1px 2px #0009;letter-spacing:2px;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:20px 0;font-size:2rem;line-height:1}.emboss-frame .subtitle{color:#c5a059e6;letter-spacing:3px;text-transform:uppercase;font-family:Cormorant Garamond,serif;font-size:1.1rem}.emboss-frame .main-symbol{color:#c5a059;text-shadow:0 2px 10px #00000080;font-size:3.5rem}.corner-ornament{opacity:.8;background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2H20C35 2 48 15 48 30V48' stroke='%23c5a059' stroke-width='2'/%3E%3Cpath d='M6 6H18C28 6 38 16 38 28V44' stroke='%23c5a059' stroke-width='1'/%3E%3C/svg%3E");background-size:contain;width:50px;height:50px;position:absolute}.corner-ornament.top-left{top:15px;left:15px}.corner-ornament.top-right{top:15px;right:15px;transform:rotate(90deg)}.corner-ornament.bottom-right{bottom:15px;right:15px;transform:rotate(180deg)}.corner-ornament.bottom-left{bottom:15px;left:15px;transform:rotate(-90deg)}.divider-ornament{text-align:center;color:#c5a059;opacity:.7;margin:30px 0;font-family:Cinzel Decorative,cursive;font-size:1.2rem}.page-number{text-align:center;color:#2b231e80;font-family:Cinzel Decorative,cursive;font-size:.9rem;position:absolute;bottom:20px;left:0;right:0}.page-number:before,.page-number:after{content:"—";color:#c5a059;margin:0 8px}.illuminated-border{box-sizing:border-box;border:1px solid #c5a05966;flex-direction:column;justify-content:center;height:100%;padding:20px;display:flex;position:relative}.illuminated-border:before{content:"⚜";color:#c5a059;background:#e6dccf;padding:0 10px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.magic-back-btn{z-index:2000;color:#c5a059;background:#000000b3;border:1px solid #c5a05966;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-family:Cinzel Decorative,cursive;text-decoration:none;transition:all .3s;display:flex;position:fixed;top:20px;left:20px}.magic-back-btn:hover{background:#c5a05933;box-shadow:0 0 10px #c5a0594d}.orientation-lock{display:none}@media (width<=900px){.magic-back-btn .btn-text{display:none}.book p{font-size:1rem;line-height:1.4}.emboss-frame h1{font-size:2.2rem}}@media screen and (orientation:portrait) and (width<=600px){.orientation-lock{display:flex}.scene{display:none}}.lang-switcher{z-index:2000;background:#0009;border:1px solid #c5a0594d;border-radius:20px;gap:8px;padding:5px;display:flex;position:fixed;top:20px;right:20px}.lang-switcher .lang-btn{color:#c5a05999;cursor:pointer;background:0 0;border:none;border-radius:15px;padding:5px 10px;font-family:Cinzel Decorative,cursive;font-size:.9rem;transition:all .3s}.lang-switcher .lang-btn:hover{color:#c5a059;text-shadow:0 0 5px #c5a059}.lang-switcher .lang-btn.active{color:#0f0e0d;background:#c5a059;font-weight:700;box-shadow:0 0 10px #c5a05980}@media (width<=900px){.lang-switcher{top:15px;right:15px}.lang-switcher .lang-btn{padding:4px 8px;font-size:.8rem}}.icon{vertical-align:middle;pointer-events:none;flex-shrink:0;display:inline-block}.app-header{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--surface-border);box-sizing:border-box;background:#0b0f19d9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}body[data-theme=light] .app-header,body[data-theme=light]:not(.in-game) .app-header{background:#f8fafcf0!important;border-bottom-color:#e2e8f0!important}body[data-theme=light] .app-header .user-badge-pill{background:#0000000a!important;border-color:#0000001a!important}.header-left{align-items:center;gap:12px;display:flex}.header-brand{-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.header-brand:hover{opacity:.94}.brand-logo-wrap{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #c084fc40);width:auto;height:34px;max-height:34px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block}.header-brand:hover .brand-logo-img{transform:scale(1.06)rotate(-2deg)}.brand-name{font-family:var(--font-display,"Dela Gothic One"), var(--font-accent,"Dela Gothic One"), var(--font-sans), sans-serif;letter-spacing:.03em;white-space:nowrap;background:linear-gradient(135deg,#f472b6 0%,#c084fc 48%,#a78bfa 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #c084fc4d);-webkit-background-clip:text;padding-bottom:2px;font-size:1.22rem;font-weight:700;line-height:1.15;display:inline-block}body[data-theme=light] .brand-logo-img{filter:drop-shadow(0 2px 6px #7e22ce26)}body[data-theme=light] .brand-name{background:linear-gradient(135deg,#be185d 0%,#7e22ce 52%,#4f46e5 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px #be185d26);-webkit-background-clip:text}.logo-badge{letter-spacing:1.5px;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.logo-badge .icon{color:var(--highlight)}.header-right{align-items:center;gap:10px;display:flex}.header-group{align-items:center;gap:8px;display:flex}.header-divider{background:var(--surface-border);width:1px;height:24px;margin:0 4px}.nav-btn{border:1px solid var(--surface-border);background:var(--surface-color);height:38px;color:var(--text-color);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-btn:hover{background:var(--surface-hover);border-color:var(--surface-border-hover);color:var(--text-primary);transform:translateY(-1px)}.nav-btn-icon{width:38px;height:38px;padding:0}.nav-btn-primary{color:var(--highlight);background:#38bdf81f;border-color:#38bdf859}.nav-btn-primary:hover{background:var(--highlight);border-color:var(--highlight);color:#fff}.nav-btn-admin{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b59}.nav-btn-admin:hover{color:#000;background:#f59e0b;border-color:#f59e0b}.nav-btn-danger{color:#f87171;background:#ef44441f;border-color:#ef44444d}.nav-btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.user-badge-pill{border:1px solid var(--surface-border);background:var(--surface-color);height:38px;color:var(--text-primary);box-sizing:border-box;border-radius:12px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:.85rem;font-weight:600;display:inline-flex}.icon-user-container{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;min-width:24px;max-width:24px;height:24px;min-height:24px;max-height:24px;display:inline-flex;position:relative;overflow:hidden}.icon-user-container img,.icon-user-container .avatar-photo{object-fit:cover!important;border-radius:50%!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}.icon-user-container .avatar-letter{width:100%;height:100%;color:var(--highlight);background:#38bdf826;border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.icon-user-container svg{flex-shrink:0;width:16px;height:16px;display:block}body[data-theme=light] .user-badge-pill{color:#0f172a;background:#fff;border-color:#e2e8f0}.lang-wrapper{position:relative}.lang-dropdown{background:var(--surface-color);border:1px solid var(--surface-border);z-index:2000;border-radius:12px;flex-direction:column;gap:4px;min-width:135px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0006}body[data-theme=light] .lang-dropdown{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 25px -5px #0f172a14}.lang-dropdown.show-dropdown{display:flex!important}.lang-dropdown button{width:100%;color:var(--text-color);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s}.lang-dropdown button:hover{background:var(--surface-hover);color:var(--text-primary)}.search-container{z-index:10;width:90%;max-width:520px;margin-bottom:16px;position:relative}.search-container input{border:1px solid var(--surface-border);background:var(--surface-color);width:100%;height:44px;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:0 16px 0 42px;font-family:inherit;font-size:.95rem;transition:all .2s}.search-container input:focus{border-color:var(--highlight);box-shadow:0 0 0 3px #38bdf826}body[data-theme=light] .search-container input{color:#0f172a;background:#fff;border-color:#cbd5e1}.search-icon-inside{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.song-list-container{background:var(--glass-bg);border:1px solid var(--surface-border);box-sizing:border-box;width:90%;max-width:520px;height:60vh;max-height:540px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;border-radius:20px;padding:12px;overflow-y:auto}body[data-theme=light] .song-list-container{background:#ffffffd9;border-color:#e2e8f0}.btn-leaderboard{cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;color:var(--text-primary)!important;box-shadow:none!important;text-shadow:none!important;background:linear-gradient(135deg,#38bdf826,#6366f126)!important;border:1px solid #38bdf84d!important;border-radius:12px!important;margin:0 0 12px!important;padding:10px 18px!important;display:flex!important}.btn-leaderboard:hover{transform:translateY(-1px);border-color:var(--highlight)!important;background:linear-gradient(135deg,#38bdf840,#6366f140)!important}body[data-theme=light] .btn-leaderboard{color:#0284c7!important;background:linear-gradient(135deg,#0284c71a,#4f46e514)!important;border-color:#0284c74d!important}.song-card{background:var(--surface-color);border:1px solid var(--surface-border);cursor:pointer;box-sizing:border-box;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 18px;transition:all .2s;display:flex}.song-card:hover{background:var(--surface-hover);border-color:var(--surface-border-hover);transform:translateY(-1px)}body[data-theme=light] .song-card{background:#fff;border-color:#e2e8f0}body[data-theme=light] .song-card:hover{background:#f8fafc;border-color:#cbd5e1}.song-info h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 6px;font-size:.98rem;font-weight:600;display:flex}.song-duration{color:var(--text-muted);font-size:.8rem;font-weight:400}.song-meta-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;display:flex}.artist-name{color:var(--text-secondary)}.song-play-icon{width:34px;height:34px;color:var(--highlight);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:12px;transition:all .2s;display:flex}.song-card:hover .song-play-icon{background:var(--highlight);color:#fff;transform:scale(1.08)}body[data-theme=light] .song-play-icon{color:#0284c7;background:#0284c714}body[data-theme=light] .song-card:hover .song-play-icon{color:#fff;background:#0284c7}.leaderboard-modal,.name-input-modal,.pause-overlay{-webkit-backdrop-filter:blur(8px)!important;background:#000000b3!important}.admin-modal-content{position:relative;border:1px solid var(--surface-border-hover)!important;background:var(--surface-color)!important;width:95vw!important;max-width:1040px!important;max-height:90vh!important;color:var(--text-color)!important;text-align:left!important;box-sizing:border-box!important;border-radius:20px!important;flex-direction:column!important;padding:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 50px -10px #000000b3!important}body[data-theme=light] .admin-modal-content{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 40px -10px #0f172a26!important}.admin-sticky-header{-webkit-backdrop-filter:blur(16px);border-top-left-radius:20px;border-top-right-radius:20px;z-index:1000!important;background:#0f172afa!important;border-bottom:1px solid #ffffff1a!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:0!important;padding:16px 24px 14px!important;display:flex!important;position:relative!important;top:0!important}body[data-theme=light] .admin-sticky-header{background:#fffffffa!important;border-bottom-color:#00000014!important}.admin-modal-scroll-area{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:18px 22px!important;overflow:hidden auto!important}.admin-header-title-wrap{flex:1;min-width:0}.admin-header-title{color:var(--highlight,#38bdf8);letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.admin-header-subtitle{color:var(--text-secondary,#94a3b8);margin-top:3px;margin-bottom:0;font-size:.8rem;line-height:1.35}.admin-sticky-close-btn{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#ef4444!important;z-index:1001!important;background:#ef44442e!important;border:2px solid #ef44448c!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;display:flex!important;position:static!important;box-shadow:0 0 12px #ef444440!important}.admin-sticky-close-btn:hover{transform:scale(1.1);color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 0 20px #ef444499!important}.admin-sticky-close-btn svg{stroke:currentColor;stroke-width:2.5px;pointer-events:none;width:22px;height:22px}@media (width<=640px){.admin-sticky-header{margin:0!important;padding:12px 16px 10px!important;top:0!important}.admin-header-title{font-size:1.15rem}.admin-header-subtitle{font-size:.72rem}.admin-sticky-close-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.admin-sticky-close-btn svg{width:18px;height:18px}}.name-input-content,.leaderboard-content{background:var(--surface-color)!important;border:1px solid var(--surface-border)!important;color:var(--text-color)!important;border-radius:18px!important;box-shadow:0 20px 40px -10px #0009!important}body[data-theme=light] .name-input-content,body[data-theme=light] .leaderboard-content{color:#0f172a!important;background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 20px 40px -10px #0f172a1a!important}.modal-close-btn{width:36px;height:36px;color:var(--text-secondary,#94a3b8);cursor:pointer;z-index:200;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:18px;right:20px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff14}.modal-close-btn:empty:before,.modal-close-btn .profile-close-icon:before{content:"✕";font-family:inherit;font-size:15px;font-weight:700;line-height:1;display:block}.profile-close-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:scale(1.08);box-shadow:0 0 16px #ef444466}.modal-close-btn:active{transform:scale(.95)}body[data-theme=light] .modal-close-btn{color:#64748b;background:#0000000d;border-color:#0000001f;box-shadow:0 2px 6px #0000000d}body[data-theme=light] .modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.admin-autobot-banner{background:#38bdf814;border:1px solid #38bdf840;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;padding:14px 18px;transition:all .3s;display:flex}body[data-theme=light] .admin-autobot-banner{background:#0ea5e90f;border-color:#0ea5e940}.admin-autobot-info{align-items:center;gap:12px;min-width:220px;display:flex}.admin-bot-icon-container{color:var(--highlight);background:#38bdf826;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.admin-autobot-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.admin-autobot-desc{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.admin-bot-btn{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:130px;height:38px;font-weight:700;transition:all .25s;display:inline-flex}.admin-bot-btn .bot-status-dot{background:#64748b;border-radius:50%;width:8px;height:8px;transition:all .25s}.admin-bot-btn.active-bot{box-shadow:0 0 12px #22c55e4d;color:#22c55e!important;background:#22c55e26!important;border-color:#22c55e80!important}.admin-bot-btn.active-bot .bot-status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.game-bot-pill{color:#34d399;letter-spacing:1px;text-transform:uppercase;z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b98133;border:1px solid #10b98180;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;animation:2s ease-in-out infinite botPulse;display:inline-flex;position:absolute;top:75px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #10b9814d}@keyframes botPulse{0%,to{opacity:.85;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.04)}}.game-bot-pill .bot-pill-dot{background:#34d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #34d399}.admin-tab-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:inset 0 1px #ffffff08}.admin-tab-btn:hover{color:#f8fafc;background:#ffffff0f;border-color:#ffffff26}.admin-tab-btn.active{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf833,#818cf81f)!important;border-color:#38bdf880!important;box-shadow:0 4px 14px #38bdf838,inset 0 1px #ffffff1f!important}.auth-tabs{background:#00000059;border:1px solid #ffffff14;border-radius:14px;gap:6px;margin-bottom:20px;padding:5px;display:flex;box-shadow:inset 0 1px 2px #0006}.auth-tab-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.auth-tab-btn.active{color:#38bdf8;background:linear-gradient(135deg,#38bdf838,#6366f12e);border-color:#38bdf88c;box-shadow:0 4px 14px #38bdf838,inset 0 1px #ffffff26}.admin-star-toggle{border:1px solid var(--surface-border);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:inline-flex}.admin-star-toggle:hover{border-color:#ffffff4d;transform:translateY(-2px)}.admin-star-toggle.gold{background:#eab30826;border-color:#eab308}.admin-star-toggle.diamond{background:#38bdf82e;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.admin-level-row{cursor:pointer;transition:background .15s}.admin-level-row:hover{background:#38bdf81a!important}.admin-level-row.selected{border-left:3px solid #38bdf8;background:#38bdf833!important}.admin-btn-danger{transition:all .2s;color:#f87171!important;border-color:#ef4444!important}.admin-btn-danger:hover{box-shadow:0 0 10px #ef444466;color:#fff!important;background:#ef444433!important;border-color:#f87171!important}.admin-row-delete-btn{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;justify-content:center;align-items:center;padding:5px 9px;transition:all .2s;display:inline-flex}.admin-row-delete-btn:hover{color:#fff;background:#ef444459;border-color:#ef4444;transform:scale(1.1);box-shadow:0 0 8px #ef444480}.lb-limit-bar{align-items:center;gap:6px;margin-top:10px;display:flex}.lb-limit-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;padding:3px 10px;font-size:.76rem;transition:all .15s}.lb-limit-btn:hover{border-color:var(--highlight);color:#fff}.lb-limit-btn.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;font-weight:700}body.in-game .app-header{display:none!important}@media (width<=680px){.app-header{height:52px;padding:0 8px}.settings-group{gap:3px!important;display:flex!important}.header-divider{opacity:.25!important;height:20px!important;margin:0 3px!important;display:block!important}.header-left{flex-shrink:0;gap:6px}.header-brand{gap:8px}.brand-logo-img{height:30px;max-height:30px}.brand-name{letter-spacing:.02em;font-size:1.08rem}.logo-badge{letter-spacing:.5px;gap:6px;font-size:.92rem}.header-right{flex-shrink:0;gap:3px}.header-group{gap:3px!important}.nav-btn-primary{justify-content:center;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}.nav-btn-primary span[data-i18n=login]{display:none!important}.nav-btn-admin{justify-content:center;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}.nav-btn-admin span[data-i18n=adminPanel]{display:none!important}.nav-btn-icon{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important}.lang-wrapper button#langToggle{height:32px!important;padding:0 5px!important;font-size:.72rem!important}.lang-wrapper button#langToggle .icon-globe-container{display:none!important}.user-badge-pill{gap:4px;max-width:85px;height:32px;padding:0 6px;font-size:.76rem}.user-badge-pill #username-span{text-overflow:ellipsis;white-space:nowrap;max-width:50px;overflow:hidden}}@media (width<=480px){.logo-badge .logo-title,.user-badge-pill #username-span{display:none!important}.user-badge-pill{justify-content:center;width:30px!important;min-width:30px!important;height:30px!important;padding:0!important}.user-badge-pill .icon-user-container{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important}.nav-btn-icon,.nav-btn-admin,.nav-btn-primary{width:29px!important;min-width:29px!important;height:29px!important}.lang-wrapper button#langToggle{height:29px!important;padding:0 3px!important;font-size:.68rem!important}}@media (width<=420px){.app-header{padding:0 4px}.logo-badge{gap:0}.nav-btn-icon,.nav-btn-admin,.nav-btn-primary{width:28px!important;min-width:28px!important;height:28px!important}.lang-wrapper button#langToggle{height:28px!important;padding:0 2px!important;font-size:.65rem!important}}.lb-table tr.rank-podium-1{border-left:4px solid #f59e0b;background:linear-gradient(90deg,#f59e0b2e 0%,#f59e0b08 100%)!important}.lb-table tr.rank-podium-2{border-left:4px solid #94a3b8;background:linear-gradient(90deg,#94a3b82e 0%,#94a3b808 100%)!important}.lb-table tr.rank-podium-3{border-left:4px solid #d97706;background:linear-gradient(90deg,#d977062e 0%,#d9770608 100%)!important}.podium-badge{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.9rem;font-weight:800;display:inline-flex}.podium-badge.gold{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b80;box-shadow:0 0 10px #f59e0b4d}.podium-badge.silver{color:#e2e8f0;background:#94a3b833;border:1px solid #94a3b880;box-shadow:0 0 10px #94a3b840}.podium-badge.bronze{color:#f59e0b;background:#d9770633;border:1px solid #d9770680;box-shadow:0 0 10px #d9770640}.user-badge-pill{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.user-badge-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf833;border-color:var(--highlight)!important}.profile-modal-card{text-align:center;position:relative;width:90vw!important;max-width:460px!important;max-height:85vh!important;color:var(--text-color)!important;box-sizing:border-box!important;background:radial-gradient(90% 60% at 50% -10%,#38bdf81f,#0000 70%),#0b111e!important;border:1px solid #ffffff1a!important;border-radius:24px!important;padding:28px!important;overflow-y:auto!important;box-shadow:0 24px 60px -10px #000000bf,inset 0 1px #ffffff14!important}body[data-theme=light] .profile-modal-card{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 40px -10px #0f172a26!important}.profile-header-section{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.profile-avatar-pill{border:2px solid var(--highlight);width:64px;height:64px;color:var(--highlight);background:linear-gradient(135deg,#38bdf833,#818cf833);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex;overflow:hidden;box-shadow:0 0 16px #38bdf84d}.profile-title{color:var(--text-color);word-break:break-all;margin:0;font-size:1.45rem;font-weight:700}.profile-rank-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:20px;align-items:center;gap:6px;margin-top:8px;padding:4px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}@media (width<=480px){.profile-stats-grid{grid-template-columns:1fr}}.profile-stat-box{border:1px solid var(--surface-border);text-align:left;background:#0003;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s;display:flex}.profile-stat-box:hover{border-color:var(--surface-border-hover)}.stat-box-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stat-icon-blue{color:#38bdf8;background:#38bdf826}.stat-icon-purple{color:#c084fc;background:#a855f726}.stat-icon-gold{color:#fbbf24;background:#f59e0b26}.stat-icon-cyan{color:#22d3ee;background:#06b6d426}.stat-box-info{flex-direction:column;min-width:0;display:flex}.stat-box-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.stat-box-value{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:1.15rem;font-weight:800;overflow:hidden}#app-shell .app-main .app-view .settings-modal-card,.app-view .settings-modal-card,.settings-modal-card{position:relative;border-radius:var(--radius-xl,22px)!important;border:1px solid var(--border-subtle,#ffffff14)!important;background:var(--surface-1,#14121e)!important;width:100%!important;max-width:680px!important;box-shadow:var(--shadow-card,0 20px 60px #0009)!important;-webkit-backdrop-filter:blur(24px)!important;box-sizing:border-box!important;color:var(--text-primary,#f4f2ff)!important;font-family:var(--font-sans)!important;margin:0 auto!important;padding:28px 32px!important;overflow:visible!important}.settings-header{text-align:center!important;background:0 0!important;border:none!important;flex-direction:column!important;align-items:center!important;margin:0 0 26px!important;padding:0!important;display:flex!important;position:static!important}.settings-title-wrap{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;display:flex!important}.settings-modal-icon{color:#c4b5fd!important;background:#8b5cf629!important;border:1px solid #8b5cf659!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin-bottom:4px!important;display:inline-flex!important}.settings-title-text{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;letter-spacing:.02em!important;text-align:center!important;margin:0!important;font-size:clamp(1.35rem,3.8vw,1.85rem)!important;font-weight:700!important;line-height:1.25!important}.settings-subtitle{font-family:var(--font-sans)!important;color:#9b93b3!important;text-align:center!important;margin:0!important;font-size:.88rem!important;font-weight:500!important}.settings-section{box-sizing:border-box!important;background:#ffffff06!important;border:1px solid #ffffff12!important;border-radius:16px!important;margin-bottom:18px!important;padding:20px 22px!important}.settings-section:last-child{margin-bottom:0!important}.settings-section-title{font-family:var(--font-sans)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#c4b5fd!important;align-items:center!important;gap:8px!important;margin:0 0 16px!important;font-size:.82rem!important;font-weight:700!important;display:flex!important}.settings-row{font-family:var(--font-sans)!important;color:#e2e8f0!important;border-bottom:1px solid #ffffff0a!important;justify-content:space-between!important;align-items:center!important;margin-bottom:0!important;padding:11px 0!important;font-size:.92rem!important;font-weight:600!important;display:flex!important}.settings-row:last-child{border-bottom:none!important}.settings-row>span{font-family:var(--font-sans)!important;color:inherit!important;font-size:.92rem!important;font-weight:600!important}.settings-row .nav-btn,#settings-theme-toggle,#settings-sound-toggle,#settings-fullscreen-toggle{font-family:var(--font-sans)!important;cursor:pointer!important;color:#f1f5f9!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:38px!important;padding:8px 16px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.settings-row .nav-btn:hover,#settings-theme-toggle:hover,#settings-sound-toggle:hover,#settings-fullscreen-toggle:hover{transform:translateY(-1px);color:#fff!important;background:#8b5cf62e!important;border-color:#8b5cf673!important}.settings-lang-pills{gap:6px!important;display:flex!important}.lang-pill{font-family:var(--font-sans)!important;color:#94a3b8!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:9px!important;min-height:36px!important;padding:6px 14px!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important}.lang-pill:hover{color:#f1f5f9!important;border-color:#8b5cf659!important}.lang-pill.active{color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;border-color:#8b5cf6!important;font-weight:700!important;box-shadow:0 2px 10px #7c3aed59!important}#settings-reset-confirmations{font-family:var(--font-sans)!important;color:#94a3b8!important;cursor:pointer!important;background:#ffffff0a!important;border:1px dashed #ffffff29!important;border-radius:10px!important;width:100%!important;margin:6px 0 0!important;padding:10px 16px!important;font-size:.86rem!important;font-weight:600!important;transition:all .2s!important}#settings-reset-confirmations:hover{color:#f1f5f9!important;background:#8b5cf61a!important;border-color:#a78bfa!important}.settings-form-label{font-family:var(--font-sans)!important;color:#cbd5e1!important;margin-bottom:8px!important;font-size:.84rem!important;font-weight:600!important;display:block!important}.settings-form .name-input-field{font-family:var(--font-sans)!important;color:#f8fafc!important;box-sizing:border-box!important;background:#0a0a0f99!important;border:1px solid #ffffff1f!important;border-radius:10px!important;height:42px!important;padding:0 14px!important;font-size:.9rem!important;transition:all .2s!important}.settings-form .name-input-field:focus{border-color:#8b5cf6!important;outline:none!important;box-shadow:0 0 0 3px #8b5cf638!important}.settings-form .input-with-button .action-btn,#btn-save-username,#btn-save-password{font-family:var(--font-sans)!important;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;border:1px solid #8b5cf6!important;border-radius:10px!important;height:42px!important;padding:0 20px!important;font-size:.88rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 2px 10px #7c3aed40!important}.settings-form .input-with-button .action-btn:hover,#btn-save-username:hover,#btn-save-password:hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #7c3aed66!important}.form-feedback-msg{font-family:var(--font-sans)!important;min-height:18px!important;margin-top:6px!important;font-size:.82rem!important;font-weight:500!important}.form-feedback-msg.error{color:#ef4444!important}.form-feedback-msg.success{color:#10b981!important}.settings-danger-zone{box-sizing:border-box!important;background:#ef444414!important;border:1px solid #ef444440!important;border-radius:16px!important;margin-top:20px!important;padding:18px 20px!important}.danger-header{font-family:var(--font-sans)!important;color:#ef4444!important;align-items:center!important;gap:8px!important;font-size:.95rem!important;font-weight:700!important;display:flex!important}.danger-header span[data-i18n=settingsDangerZone]{font-family:var(--font-sans)!important;font-weight:700!important}.settings-danger-zone p{font-family:var(--font-sans)!important;color:#94a3b8!important;margin:6px 0 12px!important;font-size:.82rem!important;line-height:1.45!important}.action-btn-danger,#btn-delete-account{font-family:var(--font-sans)!important;cursor:pointer!important;color:#fca5a5!important;background:#ef444426!important;border:1px solid #ef444473!important;border-radius:10px!important;width:100%!important;padding:12px 18px!important;font-size:.88rem!important;font-weight:700!important;transition:all .2s!important}.action-btn-danger:hover,#btn-delete-account:hover{transform:translateY(-1px);color:#fff!important;background:#ef4444!important;box-shadow:0 4px 14px #ef444466!important}.launch-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:2500;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) launchFadeIn;display:flex;position:fixed;inset:0}.launch-modal-backdrop.closing{animation:.18s forwards launchFadeOut}@keyframes launchFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes launchFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.launch-modal-card{color:#fff;background:linear-gradient(150deg,#161c30f5,#0c1020fa);border:1px solid #66fcf140;border-radius:20px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 50px #000000a6,0 0 30px #66fcf11f}.launch-modal-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.launch-track-icon{width:46px;height:46px;color:var(--highlight,#66fcf1);background:#66fcf11f;border:1px solid #66fcf14d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.launch-track-details{flex:1;min-width:0}.launch-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1.15rem;font-weight:700;overflow:hidden}.launch-track-artist{color:#8892b0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.launch-track-dur{color:#a8b2d1}.launch-section{margin-bottom:18px}.launch-section-label{color:#a8b2d1;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:flex}.launch-label-icon{color:#38bdf8;display:inline-flex}.launch-speed-pills{gap:10px;display:flex}.launch-speed-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:10px 6px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.launch-speed-btn:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.launch-speed-btn.active{color:#fff;background:#38bdf829;border-color:#38bdf8;box-shadow:0 0 16px #38bdf847}.launch-speed-btn .speed-val{letter-spacing:.5px;font-size:1.05rem;font-weight:700}.launch-speed-btn .speed-sub{color:#94a3b8;margin-top:2px;font-size:.72rem}.launch-speed-btn.active .speed-sub{color:#7dd3fc;font-weight:600}.launch-hardcore-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.launch-hardcore-row:hover{background:#ffffff0f;border-color:#fff3}.launch-hardcore-row.active{background:#f43f5e24;border-color:#f43f5e99;box-shadow:0 0 18px #f43f5e40}.launch-hardcore-info{flex:1}.launch-hardcore-title{color:#f1f5f9;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.launch-hardcore-row.active .launch-hardcore-title{color:#fda4af}.launch-hardcore-icon{color:#f43f5e;display:inline-flex}.launch-hardcore-badge{color:#f43f5e;background:#f43f5e40;border:1px solid #f43f5e66;border-radius:8px;padding:1px 7px;font-size:.7rem;font-weight:700}.launch-hardcore-desc{color:#8892b0;margin-top:3px;font-size:.78rem}.launch-hardcore-row.active .launch-hardcore-desc{color:#fca5a5}.launch-switch{background:#ffffff26;border-radius:12px;flex-shrink:0;width:44px;height:24px;margin-left:12px;transition:all .25s;position:relative}.launch-switch.checked{background:#f43f5e;box-shadow:0 0 10px #f43f5e80}.launch-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.launch-switch.checked .launch-switch-thumb{transform:translate(20px)}.launch-summary-box{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex}.launch-summary-item{align-items:center;gap:6px;display:flex}.launch-sum-label{color:#8892b0;font-size:.82rem}.launch-sum-bonus{align-items:center;gap:4px;font-size:.95rem;font-weight:700;display:inline-flex}.launch-sum-diff{font-size:.95rem}.launch-modal-actions{gap:12px;display:flex}.launch-btn-cancel{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:12px 16px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.launch-btn-cancel:hover{color:#fff;background:#ffffff1a}.launch-btn-start{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#00d2ff,#07f);border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #0096ff59}.launch-btn-start:hover{background:linear-gradient(135deg,#38bdf8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 24px #0096ff80}.game-mod-row{z-index:10;pointer-events:none;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.game-mod-pill{letter-spacing:.5px;text-transform:uppercase;background:#0f172ae6;border-radius:14px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.game-mod-pill.speed{color:#38bdf8;border:1px solid #38bdf873;box-shadow:0 0 10px #38bdf833}.game-mod-pill.hardcore{color:#fda4af;border:1px solid #f43f5e8c;animation:1.5s ease-in-out infinite hardcorePillPulse;box-shadow:0 0 12px #f43f5e4d}@keyframes hardcorePillPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.game-mod-pill.mult{color:#fde047;border:1px solid #facc1573;box-shadow:0 0 10px #facc1533}.game-combo-row{z-index:10;pointer-events:none;justify-content:center;align-items:center;margin-top:5px;display:flex}.game-combo-pill{letter-spacing:.5px;text-transform:uppercase;color:#38bdf8;will-change:transform;background:#0f172aeb;border:1px solid #38bdf873;border-radius:14px;align-items:center;gap:6px;padding:4px 12px 6px;font-size:.76rem;font-weight:800;transition:background .2s,border-color .2s,box-shadow .2s;animation:2s ease-in-out infinite comboGlowBreath;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #38bdf840}.game-combo-pill .combo-icon{color:inherit;transform-origin:50%;will-change:transform;align-items:center;display:inline-flex}.game-combo-pill .combo-value{letter-spacing:.5px;font-variant-numeric:tabular-nums;transform-origin:50%;will-change:transform;font-size:.94rem;font-weight:900}.game-combo-pill .combo-title{opacity:.85;font-size:.68rem;font-weight:700}.game-combo-pill .combo-mult-badge{letter-spacing:.5px;color:inherit;transform-origin:50%;will-change:transform;background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;margin-left:2px;padding:1px 7px;font-size:.72rem;font-weight:900;transition:all .2s;display:inline-flex}.combo-progress-track{pointer-events:none;background:#ffffff1f;width:100%;height:3px;position:absolute;bottom:0;left:0;overflow:hidden}.combo-progress-fill{background:#38bdf8;border-radius:999px;width:0%;height:100%;transition:width 80ms ease-out;box-shadow:0 0 8px #38bdf8}.game-combo-pill.tier-50{color:#5eead4;background:#0f172af0;border-color:#2dd4bfb3;animation:1.4s ease-in-out infinite comboPulse50;box-shadow:0 0 16px #2dd4bf59}.game-combo-pill.tier-50 .combo-mult-badge{color:#fff;text-shadow:0 0 8px #2dd4bfb3;background:#2dd4bf59;border-color:#2dd4bfb3}.game-combo-pill.tier-50 .combo-progress-fill{background:#5eead4;box-shadow:0 0 8px #5eead4}.game-combo-pill.tier-100{color:#fde047;background:#0f172af0;border-color:#facc15cc;animation:1.1s ease-in-out infinite comboPulse100;box-shadow:0 0 20px #facc1573}.game-combo-pill.tier-100 .combo-mult-badge{color:#fff;text-shadow:0 0 10px #facc15cc;background:#facc1566;border-color:#facc15d9}.game-combo-pill.tier-100 .combo-progress-fill{background:#fde047;box-shadow:0 0 8px #fde047}.game-combo-pill.tier-200{color:#f0abfc;background:#0f172af0;border-color:#d946efd9;animation:.9s ease-in-out infinite comboPulse200;box-shadow:0 0 24px #d946ef80}.game-combo-pill.tier-200 .combo-mult-badge{color:#fff;text-shadow:0 0 12px #d946efe6;background:#d946ef73;border-color:#d946efe6}.game-combo-pill.tier-200 .combo-progress-fill{background:#f0abfc;box-shadow:0 0 8px #f0abfc}.game-combo-pill.tier-400{color:#fda4af;background:#0f172af0;border-color:#f43f5ee6;animation:.75s ease-in-out infinite comboPulse400;box-shadow:0 0 28px #f43f5e99}.game-combo-pill.tier-400 .combo-mult-badge{color:#fff;text-shadow:0 0 14px #f43f5e;background:#f43f5e80;border-color:#f43f5e}.game-combo-pill.tier-400 .combo-progress-fill{background:#fda4af;box-shadow:0 0 8px #fda4af}.game-combo-pill.tier-800{color:#fff;background:linear-gradient(135deg,#0f172af5,#230f37f5);border:1px solid #ffffffe6;animation:.6s ease-in-out infinite comboPulse800;box-shadow:0 0 30px #00f2feb3,0 0 18px #ff008099,inset 0 0 14px #fff6}.game-combo-pill.tier-800 .combo-mult-badge{color:#fff;text-shadow:0 0 10px #fff;background:linear-gradient(135deg,#ff007f,#7928ca,#00f2fe) 0 0/200% 200%;border:1px solid #fff;animation:1.5s linear infinite comboRainbowShift;box-shadow:0 0 14px #ffffffb3}.game-combo-pill.tier-800 .combo-progress-fill{background:linear-gradient(90deg,#ff007f,#7928ca,#00f2fe,#fde047) 0 0/200% 100%;animation:1.5s linear infinite comboRainbowShift;box-shadow:0 0 10px #fff}@keyframes comboGlowBreath{0%,to{box-shadow:0 0 12px #38bdf833}50%{box-shadow:0 0 18px #38bdf866}}@keyframes comboPulse50{0%,to{transform:scale(1);box-shadow:0 0 14px #2dd4bf59}50%{transform:scale(1.03);box-shadow:0 0 22px #2dd4bf8c}}@keyframes comboPulse100{0%,to{transform:scale(1);box-shadow:0 0 18px #facc1566}50%{transform:scale(1.04);box-shadow:0 0 26px #facc15a6}}@keyframes comboPulse200{0%,to{transform:scale(1);box-shadow:0 0 22px #d946ef73}50%{transform:scale(1.05);box-shadow:0 0 30px #d946efbf}}@keyframes comboPulse400{0%,to{transform:scale(1);box-shadow:0 0 24px #f43f5e80}50%{transform:scale(1.06);box-shadow:0 0 34px #f43f5ed9}}@keyframes comboPulse800{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.25);transform:scale(1.07)}}@keyframes comboRainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=480px){.launch-modal-card{padding:18px 16px}.launch-speed-pills{gap:6px}.launch-speed-btn{padding:8px 4px}.launch-speed-btn .speed-val{font-size:.95rem}.launch-modal-actions{gap:8px}}.admin-card{border:1px solid var(--surface-border);color:var(--text-color);box-sizing:border-box;background:#ffffff08;border-radius:16px;padding:20px}body[data-theme=light] .admin-card{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.admin-card-title{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.admin-grid-tracks{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;width:100%;max-width:100%;display:grid}.admin-grid-tracks>*{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}@media (width<=992px){.admin-grid-tracks{grid-template-columns:1fr!important;gap:16px!important}}.admin-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-grid-3col{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.admin-hardcore-toggle-card{box-sizing:border-box;background:#f43f5e14;border:1px solid #f43f5e59;border-radius:12px;width:100%;padding:10px 14px;transition:all .2s;display:block}.admin-hardcore-toggle-card:hover{background:#f43f5e24;border-color:#f43f5e8c}.admin-hardcore-label-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:0;display:flex}.admin-hardcore-info{align-items:center;gap:10px;min-width:0;display:flex}.admin-hardcore-icon{filter:drop-shadow(0 0 6px #f43f5e80);font-size:1.3rem;line-height:1}.admin-hardcore-title{color:#f43f5e;font-size:.88rem;font-weight:700;line-height:1.2}.admin-hardcore-desc{color:var(--text-secondary,#94a3b8);margin-top:2px;font-size:.74rem;line-height:1.25}.admin-hardcore-checkbox-wrap{flex-shrink:0;align-items:center;display:flex}.admin-hardcore-checkbox{accent-color:#f43f5e;cursor:pointer;width:20px;height:20px}.admin-table-scroll-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.admin-action-btn,.admin-btn-primary,.admin-btn-secondary,.admin-btn-danger,.admin-btn-warning,.admin-btn-save{cursor:pointer;box-sizing:border-box;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;min-height:42px;padding:0 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-action-btn:hover,.admin-btn-primary:hover,.admin-btn-secondary:hover,.admin-btn-danger:hover,.admin-btn-warning:hover,.admin-btn-save:hover{transform:translateY(-1px)}.admin-btn-primary,.admin-btn-save{color:#fff;background:linear-gradient(135deg,#0284c7,#38bdf8);border:1px solid #38bdf8;box-shadow:0 4px 14px #38bdf840}.admin-btn-primary:hover,.admin-btn-save:hover{box-shadow:0 6px 20px #38bdf866}.admin-btn-secondary{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-color)}body[data-theme=light] .admin-btn-secondary{color:#0f172a;background:#fff;border-color:#cbd5e1}.admin-btn-danger{color:#f87171!important;background:#ef44441f!important;border:1px solid #ef444466!important}.admin-btn-danger:hover{box-shadow:0 4px 14px #ef444459;color:#fff!important;background:#ef4444!important}.admin-btn-warning{color:#fbbf24!important;background:#f59e0b1f!important;border:1px solid #f59e0b66!important}.admin-btn-warning:hover{box-shadow:0 4px 14px #f59e0b59;color:#fff!important;background:#f59e0b!important}.admin-btn-sm{border-radius:8px;height:36px;min-height:36px;padding:0 12px;font-size:.82rem}#admin-track-list{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}.admin-track-item{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;transition:all .2s;display:flex;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.admin-track-item:hover{border-color:var(--surface-border-hover);background:var(--surface-hover)}body[data-theme=light] .admin-track-item{background:#fff;border-color:#e2e8f0}body[data-theme=light] .admin-track-item:hover{background:#f1f5f9;border-color:#cbd5e1}.admin-track-item-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}body[data-theme=light] .admin-track-item-title{color:#0f172a}.admin-track-item-meta{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.8rem;overflow:hidden}.settings-form .input-with-button{box-sizing:border-box!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.settings-form .name-input-field,.settings-form .input-with-button .name-input-field{box-sizing:border-box!important;text-align:left!important;border-radius:9px!important;flex:1 1 0!important;width:100%!important;min-width:0!important;height:38px!important;margin:0!important;padding:6px 12px!important;font-size:.88rem!important}.settings-form .input-with-button .action-btn{box-sizing:border-box!important;white-space:nowrap!important;border-radius:9px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:38px!important;padding:0 16px!important;font-size:.88rem!important;font-weight:600!important;display:inline-flex!important}@media (width<=768px){.admin-modal-content{box-sizing:border-box!important;border-radius:16px!important;width:95vw!important;max-width:95vw!important;max-height:92vh!important;padding:0!important;overflow:hidden!important}.admin-modal-scroll-area{box-sizing:border-box!important;width:100%!important;padding:14px 12px 24px!important;overflow-x:hidden!important}.admin-grid,.admin-grid-tracks{grid-template-columns:1fr!important;gap:14px!important}.admin-grid-2col,.admin-grid-3col{grid-template-columns:1fr!important;gap:12px!important}.user-profile-admin-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.user-profile-admin-bar button{white-space:normal!important;text-align:center!important;justify-content:center!important;width:100%!important;min-height:42px!important}.settings-modal-card{width:95vw!important;padding:20px 14px!important}}.leaderboard-modal{z-index:5000;-webkit-backdrop-filter:blur(24px);box-sizing:border-box;flex-direction:column;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-color)!important;border:1px solid var(--surface-border-hover)!important;width:95vw!important;max-width:740px!important;max-height:92vh!important;color:var(--text-color)!important;border-radius:24px!important;padding:24px!important;box-shadow:0 24px 60px -10px #000000b3!important}.lb-scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;overflow-y:auto;max-height:440px!important}body[data-theme=light] .leaderboard-modal{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 50px -10px #0f172a2e!important}.lb-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lb-title{color:var(--highlight);letter-spacing:.5px;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.lb-podium-container{justify-content:center;align-items:flex-end;gap:12px;margin:12px 0 18px;padding:10px 6px;display:flex}.podium-card{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1;align-items:center;max-width:190px;padding:14px 10px;transition:all .22s;display:flex;position:relative}.podium-card:hover{transform:translateY(-4px)scale(1.02)}.podium-card.podium-rank-1{background:linear-gradient(#f59e0b33 0%,#f59e0b0d 100%);border-color:#f59e0b;margin-top:-8px;box-shadow:0 8px 24px #f59e0b40}.podium-card.podium-rank-1:hover{margin-top:-12px;box-shadow:0 12px 30px #f59e0b66}.podium-card.podium-rank-2{background:linear-gradient(#94a3b82e 0%,#94a3b80a 100%);border-color:#94a3b8;box-shadow:0 6px 18px #94a3b833}.podium-card.podium-rank-3{background:linear-gradient(#d977062e 0%,#d977060a 100%);border-color:#d97706;box-shadow:0 6px 18px #d9770633}.podium-crown-icon{margin-bottom:4px}.podium-avatar{border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:6px;font-size:1.15rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 10px #0000004d}.podium-rank-1 .podium-avatar{color:#0b0f19;background:#f59e0b;border:2px solid #fbbf24}.podium-rank-2 .podium-avatar{color:#0b0f19;background:#94a3b8;border:2px solid #cbd5e1}.podium-rank-3 .podium-avatar{color:#0b0f19;background:#d97706;border:2px solid #f59e0b}.podium-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.88rem;font-weight:700;overflow:hidden}body[data-theme=light] .podium-name{color:#0f172a}.podium-title-wrap{justify-content:center;max-width:100%;margin-top:3px;margin-bottom:2px;display:flex}.podium-title-badge{color:#fbbf24;white-space:nowrap;text-overflow:ellipsis;background:#f59e0b2e;border:1px solid #f59e0b80;border-radius:8px;max-width:105px;padding:1px 7px;font-size:.65rem;display:inline-block;overflow:hidden}body[data-theme=light] .podium-title-badge{color:#b45309;background:#fef3c7;border-color:#f59e0b}.podium-score{color:var(--highlight);margin-top:2px;font-size:.95rem;font-weight:800}.podium-levels{color:var(--text-secondary);margin-top:2px;font-size:.74rem}.lb-table{border-collapse:separate;border-spacing:0 4px;width:100%}.lb-table th{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);border-bottom:1px solid var(--surface-border);text-align:left;padding:8px 12px;font-size:.78rem}.lb-table tr.lb-player-row{cursor:pointer;background:#ffffff05;border-radius:10px;transition:all .18s}.lb-table tr.lb-player-row:hover{transform:translate(3px);background:#38bdf81f!important}body[data-theme=light] .lb-table tr.lb-player-row{background:#f8fafc}body[data-theme=light] .lb-table tr.lb-player-row:hover{background:#f1f5f9!important}.lb-table td{border:none;padding:10px 12px;font-size:.88rem}.lb-table td:first-child{border-radius:10px 0 0 10px}.lb-table td:last-child{border-radius:0 10px 10px 0}.lb-player-cell{align-items:center;gap:10px;display:flex}.lb-avatar-mini{width:28px;height:28px;color:var(--highlight);background:#38bdf826;border:1px solid #38bdf866;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.lb-player-name{color:var(--text-primary);font-weight:600}body[data-theme=light] .lb-player-name{color:#0f172a}.lb-score-val{color:var(--highlight);font-weight:700}.user-profile-card{background:var(--surface-color);border:1px solid var(--surface-border-hover);width:92vw;max-width:480px;max-height:calc(100vh - 40px);color:var(--text-color);box-sizing:border-box;border-radius:24px;padding:24px 20px;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;position:relative;overflow-y:auto;box-shadow:0 24px 60px -10px #000000bf}body[data-theme=light] .user-profile-card{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 20px 40px -10px #0f172a26}.user-profile-header{border-bottom:1px solid var(--surface-border);align-items:center;gap:18px;margin-bottom:22px;padding-bottom:18px;padding-right:48px;display:flex;position:relative}.user-profile-card .modal-close-btn{top:16px;right:16px;z-index:300!important}.user-profile-avatar-wrap{flex-shrink:0;position:relative}.user-profile-avatar{border:2px solid var(--highlight);width:64px;height:64px;color:var(--highlight);box-shadow:0 0 16px var(--accent-glow);background:linear-gradient(135deg,#38bdf833,#6366f133);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex;overflow:hidden}.user-profile-rank-badge{color:#0b0f19;z-index:4;background:#f59e0b;border:1px solid #fff;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:800;position:absolute;bottom:-4px;left:-4px;right:auto}.user-profile-name{color:var(--text-primary);word-break:break-word;margin:0 0 6px;font-size:1.3rem;font-weight:800}body[data-theme=light] .user-profile-name{color:#0f172a}.user-profile-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-tier-badge{color:var(--highlight);background:#38bdf826;border:1px solid #38bdf84d;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:700}.user-id-snippet{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.74rem;transition:all .2s;display:inline-flex}.user-id-snippet:hover{color:var(--highlight);background:#00f2fe1f;border-color:#00f2fe73;box-shadow:0 0 8px #00f2fe40}.user-id-snippet.copied-glow{font-weight:600;color:#0f8!important;background:#00ff8838!important;border-color:#00ff88b3!important;box-shadow:0 0 12px #00ff8873!important}#user-profile-modal{z-index:6000!important}.user-profile-stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.profile-stat-box{border:1px solid var(--surface-border);text-align:center;background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;padding:14px 12px;display:flex}.profile-stat-box.stat-box-wide{flex-direction:row;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;padding:12px 16px;display:flex}.profile-stat-box.stat-box-wide .stat-box-val{margin:0;font-size:1.15rem}.profile-stat-box .stat-box-val{color:var(--text-primary);margin:4px 0 2px;font-size:1.25rem;font-weight:800}body[data-theme=light] .profile-stat-box .stat-box-val{color:#0f172a}.profile-stat-box .stat-box-lbl{color:var(--text-secondary);font-size:.74rem}.user-profile-admin-bar{border-top:1px solid var(--surface-border);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.song-catalog-container{box-sizing:border-box;width:95%;max-width:1040px;margin:0 auto}.catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.catalog-stats-badge{color:var(--text-secondary);border:1px solid var(--surface-border);background:#ffffff0a;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.86rem;font-weight:600;display:inline-flex}body[data-theme=light] .catalog-stats-badge{color:#475569;background:#fff;border-color:#e2e8f0}.btn-shop-toolbar{cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;color:#fef08a!important;background:linear-gradient(135deg,#f59e0b29,#d9770638)!important;border:1px solid #f59e0b73!important;border-radius:20px!important;margin:0!important;padding:8px 16px!important}.btn-shop-toolbar:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b47;background:linear-gradient(135deg,#f59e0b47,#d9770659)!important;border-color:#f59e0b!important}.btn-shop-toolbar .shop-coins-pill{color:#fef08a;background:#00000040;border:1px solid #f59e0b59;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.85rem;display:inline-flex}body[data-theme=light] .btn-shop-toolbar{color:#b45309!important;background:linear-gradient(135deg,#d977061f,#b4530929)!important;border-color:#d9770666!important}body[data-theme=light] .btn-shop-toolbar:hover{background:linear-gradient(135deg,#d9770633,#b4530940)!important;border-color:#b45309!important}body[data-theme=light] .btn-shop-toolbar .shop-coins-pill{color:#92400e;background:#fff9;border-color:#d9770659}.filter-chip{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff14;border-radius:500px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.filter-chip.active{font-weight:700;box-shadow:0 4px 14px #00000059;color:#000!important;background:#fff!important;border-color:#fff!important}.catalog-controls-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.catalog-controls-row .search-container{flex:1;min-width:240px;margin:0!important}.catalog-sort-select{background:var(--surface-color);border:1px solid var(--surface-border);height:44px;color:var(--text-color);cursor:pointer;box-sizing:border-box;border-radius:12px;outline:none;padding:0 14px;font-size:.88rem;font-weight:600}body[data-theme=light] .catalog-sort-select{color:#0f172a;background:#fff;border-color:#cbd5e1}.song-grid{scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;max-height:56vh;padding:4px;display:grid;overflow-y:auto}@media (width<=768px){.song-catalog-container{width:96%!important;padding:0 4px!important}.catalog-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:10px!important;display:flex!important}.catalog-stats-badge{box-sizing:border-box!important;justify-content:center!important;gap:6px!important;width:100%!important;padding:6px 12px!important;font-size:.76rem!important}.catalog-toolbar-actions{justify-content:space-between!important;gap:8px!important;width:100%!important;display:flex!important}.btn-shop-toolbar,#btn-open-leaderboard{text-align:center!important;box-sizing:border-box!important;flex:1 1 0!important;justify-content:center!important;min-width:0!important;padding:8px 10px!important;font-size:.8rem!important}.catalog-filter-bar{-webkit-overflow-scrolling:touch!important;gap:6px!important;margin-bottom:8px!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.filter-chip{border-radius:16px!important;flex-shrink:0!important;padding:6px 12px!important;font-size:.78rem!important}.catalog-controls-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:10px!important;display:flex!important}.catalog-controls-row .search-container{width:100%!important;min-width:0!important;max-width:100%!important}.catalog-controls-row .search-container input{height:38px!important;padding-left:36px!important;font-size:.86rem!important}.catalog-sort-select{width:100%!important;height:40px!important;font-size:16px!important}.song-grid{-webkit-overflow-scrolling:touch!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-height:calc(100vh - 270px)!important;padding:6px 2px 110px!important;scroll-padding-bottom:90px!important}.song-grid:after{content:"";pointer-events:none;grid-column:1/-1;height:50px;display:block}.song-card{border-radius:8px!important;padding:10px!important}.spotify-play-btn{opacity:1!important;width:36px!important;height:36px!important;bottom:6px!important;right:6px!important;transform:translateY(0)!important}.spotify-track-title{font-size:.88rem!important}.spotify-track-artist{font-size:.74rem!important}}.song-grid{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff3 transparent;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px;max-height:calc(100vh - 270px);padding:8px 6px 36px;display:grid;overflow-y:auto}.song-card{text-align:left;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#181818;border:1px solid #ffffff0d;border-radius:8px;padding:14px;transition:background-color .25s,transform .2s,box-shadow .25s;position:relative;flex-direction:column!important;align-items:stretch!important;display:flex!important}.song-card:hover{background:#282828;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 24px #00000080}body[data-theme=light] .song-card{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a0d}body[data-theme=light] .song-card:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 10px 24px #0f172a1f}.spotify-cover-wrap{aspect-ratio:1;box-sizing:border-box;border-radius:6px;flex-direction:column;justify-content:space-between;width:100%;margin-bottom:12px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000073}.spotify-cover-top{z-index:2;justify-content:space-between;align-items:center;display:flex}.spotify-cover-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.spotify-lock-pill{color:#fff;background:#f43f5ed9;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.spotify-cover-art{z-index:1;flex:1;justify-content:center;align-items:center;display:flex}.spotify-vinyl-disc{color:#fff;background:radial-gradient(circle,#ffffff26 0%,#0009 75%);border:1.5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .5s;display:flex;box-shadow:0 4px 14px #0006}.song-card:hover .spotify-vinyl-disc{transform:rotate(45deg)scale(1.08)}.spotify-vinyl-disc.locked{color:#f43f5e;background:#000000a6;border-color:#f43f5e66}body[data-theme=light] .spotify-cover-wrap{border:1px solid #00000012!important;box-shadow:0 4px 14px #0f172a14!important}body[data-theme=light] .spotify-cover-badge{color:#0f172a!important;background:#ffffffd9!important;box-shadow:0 2px 6px #00000014!important}body[data-theme=light] .spotify-vinyl-disc{color:#1e293b!important;background:radial-gradient(circle,#fffffff2 0%,#e2e8f0e6 60%,#cbd5e1f2 100%)!important;border-color:#94a3b899!important;box-shadow:0 4px 12px #00000014!important}body[data-theme=light] .spotify-vinyl-disc svg{fill:#1e293b!important}.spotify-play-btn{cursor:pointer;color:#000;opacity:0;z-index:4;background:#1ed760;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s cubic-bezier(.3,0,0,1);display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(8px);box-shadow:0 8px 16px #00000073}.spotify-play-btn:hover{background:#1fdf64!important;transform:scale(1.08)!important}.spotify-card-info{flex-direction:column;gap:4px;width:100%;display:flex}.spotify-track-header{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.spotify-track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:.95rem;font-weight:700;line-height:1.3;overflow:hidden}.track-phonk-badge{letter-spacing:.03em;color:#f472b6;-webkit-user-select:none;user-select:none;background:#ec489926;border:1px solid #f472b659;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:1px 5px;font-size:.62rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 0 6px #ec489933}body[data-theme=light] .track-phonk-badge{color:#db2777;background:#db27771f;border-color:#db27774d;box-shadow:0 0 6px #db277726}.admin-track-phonk-toggle{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.admin-track-phonk-toggle:hover{background:#ffffff1a;border-color:#ffffff38}.admin-track-phonk-toggle input[type=checkbox]{cursor:pointer;accent-color:#ec4899;width:14px;height:14px;margin:0}body[data-theme=light] .admin-track-phonk-toggle{color:#475569;background:#f1f5f9;border-color:#cbd5e1}body[data-theme=light] .admin-track-phonk-toggle:hover{background:#e2e8f0}body[data-theme=light] .spotify-track-title{color:#0f172a}.spotify-track-artist{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}body[data-theme=light] .spotify-track-artist{color:#64748b}.spotify-track-footer{flex-direction:column;gap:4px;width:100%;margin-top:8px;display:flex}.spotify-track-footer .track-best-stat{box-sizing:border-box!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:8px!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;width:100%!important;margin-left:0!important;padding:4px 6px!important;font-size:.72rem!important;display:flex!important;overflow:hidden!important}.spotify-track-footer .track-best-stat .stat-main-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;display:flex!important}.spotify-track-footer .track-best-stat .stat-badge-row{align-items:center!important;margin-top:2px!important;display:flex!important}.spotify-track-footer .track-record-label{white-space:nowrap!important;text-overflow:clip!important;flex-shrink:0!important;align-items:center!important;gap:3px!important;min-width:0!important;font-size:.68rem!important;line-height:1.2!important;display:inline-flex!important;overflow:visible!important}.spotify-track-footer .track-record-label b{white-space:nowrap!important;font-weight:700!important}.spotify-track-footer .track-stars-visual{flex-shrink:0!important;align-items:center!important;gap:2px!important;margin-left:auto!important;font-size:.68rem!important;display:inline-flex!important}.secret-song-card{border-color:#c084fc4d!important}.secret-song-card:hover{border-color:#c084fc99!important;box-shadow:0 12px 26px #a855f740!important}.modal-overlay{z-index:5000!important;-webkit-backdrop-filter:blur(18px)!important;box-sizing:border-box!important;background:#04070fc7!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:16px!important;animation:.22s ease-out fadeInOverlay!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.modal-overlay.hidden{display:none!important}.settings-modal-card,.profile-modal-card,.user-profile-card,.friends-modal-card,.admin-modal-content,.leaderboard-modal,.name-input-content{scrollbar-width:thin!important;scrollbar-color:#ffffff2e transparent!important;background:#0b111e!important;border:1px solid #ffffff17!important;box-shadow:0 24px 64px -10px #000000d9,inset 0 1px #ffffff14!important}body[data-theme=light] .settings-modal-card,body[data-theme=light] .profile-modal-card,body[data-theme=light] .user-profile-card,body[data-theme=light] .friends-modal-card,body[data-theme=light] .admin-modal-content,body[data-theme=light] .leaderboard-modal,body[data-theme=light] .name-input-content{scrollbar-color:#0003 transparent!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 20px 48px -10px #0f172a26!important}.settings-modal-card::-webkit-scrollbar{width:6px!important}.profile-modal-card::-webkit-scrollbar{width:6px!important}.friends-modal-card::-webkit-scrollbar{width:6px!important}.admin-modal-content::-webkit-scrollbar{width:6px!important}.lb-scroll-area::-webkit-scrollbar{width:6px!important}.friends-scroll-area::-webkit-scrollbar{width:6px!important}.settings-modal-card::-webkit-scrollbar-track{background:0 0!important}.profile-modal-card::-webkit-scrollbar-track{background:0 0!important}.friends-modal-card::-webkit-scrollbar-track{background:0 0!important}.admin-modal-content::-webkit-scrollbar-track{background:0 0!important}.lb-scroll-area::-webkit-scrollbar-track{background:0 0!important}.friends-scroll-area::-webkit-scrollbar-track{background:0 0!important}.settings-modal-card::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.profile-modal-card::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.friends-modal-card::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.admin-modal-content::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.lb-scroll-area::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}.friends-scroll-area::-webkit-scrollbar-thumb{background:#ffffff29!important;border-radius:999px!important}body[data-theme=light] .settings-modal-card::-webkit-scrollbar-thumb{background:#0000002e!important}body[data-theme=light] .profile-modal-card::-webkit-scrollbar-thumb{background:#0000002e!important}body[data-theme=light] .friends-modal-card::-webkit-scrollbar-thumb{background:#0000002e!important}body[data-theme=light] .admin-modal-content::-webkit-scrollbar-thumb{background:#0000002e!important}body[data-theme=light] .lb-scroll-area::-webkit-scrollbar-thumb{background:#0000002e!important}body[data-theme=light] .friends-scroll-area::-webkit-scrollbar-thumb{background:#0000002e!important}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modern-input,.modern-select,select{box-sizing:border-box!important;height:40px!important;color:var(--text-primary)!important;text-align:left!important;background-color:#ffffff09!important;border:1px solid #ffffff17!important;border-radius:12px!important;outline:none!important;width:100%!important;margin:4px 0 10px!important;padding:8px 14px!important;font-family:inherit!important;font-size:.88rem!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important;box-shadow:inset 0 1px #ffffff0a!important}.modern-select,select{appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:calc(100% - 12px)!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:36px!important}select option,.modern-select option{color:#f8fafc!important;background-color:#0b111e!important;padding:10px!important}.modern-input:focus,.modern-select:focus,select:focus{background-color:#ffffff0e!important;border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf838,inset 0 1px #ffffff14!important}body[data-theme=light] .modern-input,body[data-theme=light] .modern-select,body[data-theme=light] select{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important;box-shadow:0 1px 2px #0f172a0d!important}body[data-theme=light] select option,body[data-theme=light] .modern-select option{color:#0f172a!important;background-color:#fff!important}.modern-btn{box-sizing:border-box!important;cursor:pointer!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;border:1px solid #0000!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:38px!important;padding:0 16px!important;font-size:.84rem!important;font-weight:600!important;text-decoration:none!important;transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s,background-color .16s,border-color .16s!important;display:inline-flex!important}.modern-btn:active{transform:scale(.97)!important}.modern-btn-primary{color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#0284c7 60%,#38bdf8 100%)!important;border-color:#ffffff2e!important;box-shadow:0 4px 16px #0284c759,inset 0 1px #ffffff40!important}.modern-btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 6px 20px #38bdf873,inset 0 1px #ffffff59!important}.modern-btn-secondary{color:var(--text-primary)!important;background:#ffffff0d!important;border:1px solid #ffffff17!important;box-shadow:inset 0 1px #ffffff0d!important}.modern-btn-secondary:hover{background:#ffffff17!important;border-color:#ffffff29!important}.modern-btn-danger{color:#ef4444!important;background:#ef44441f!important;border:1px solid #ef444452!important;box-shadow:inset 0 1px #ffffff0d!important}.modern-btn-danger:hover{color:#fff!important;background:#ef4444!important;box-shadow:0 4px 14px #ef444466!important}.modern-btn-warning{color:#fbbf24!important;background:#f59e0b24!important;border:1px solid #f59e0b59!important;box-shadow:inset 0 1px #ffffff0d!important}.modern-btn-warning:hover{color:#07090e!important;background:#f59e0b!important;box-shadow:0 4px 14px #f59e0b66!important}.modern-btn-success{color:#10b981!important;background:#10b98124!important;border:1px solid #10b98159!important;box-shadow:inset 0 1px #ffffff0d!important}.modern-btn-success:hover{color:#fff!important;background:#10b981!important;box-shadow:0 4px 14px #10b98166!important}.friends-modal-card{background:var(--surface-color);border:1px solid var(--surface-border-hover);width:92vw;max-width:520px;max-height:85vh;color:var(--text-color);box-sizing:border-box;border-radius:24px;flex-direction:column;padding:24px;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;position:relative;box-shadow:0 24px 60px -10px #000000bf}body[data-theme=light] .friends-modal-card{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 20px 50px -10px #0f172a26}.friends-header-row{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.friends-tabs-bar{gap:8px;margin-bottom:14px;display:flex}.friends-tab-btn{border:1px solid var(--surface-border);height:36px;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.friends-tab-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.friends-tab-btn.active{background:var(--surface-color);color:var(--highlight);border-color:var(--surface-border-hover);box-shadow:0 0 10px var(--accent-glow)}body[data-theme=light] .friends-tab-btn{color:#64748b;background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .friends-tab-btn.active{color:#0284c7;background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a14}.tab-badge{color:var(--text-primary);background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:.72rem;font-weight:700}.tab-badge.alert{color:#fff!important;background:#ef4444!important}.friends-title{color:var(--highlight);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}#btn-open-friends{position:relative!important;overflow:visible!important}#btn-open-friends .friends-badge-count{display:none;pointer-events:none!important;z-index:15!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:18px!important;height:18px!important;margin:0!important;padding:0 4px!important;font-size:.65rem!important;font-weight:800!important;line-height:18px!important;position:absolute!important;top:-4px!important;right:-6px!important;box-shadow:0 0 10px #38bdf8b3!important}#btn-open-friends .friends-badge-count.visible{display:inline-flex!important}#btn-open-friends .friends-badge-count[style*="display: none"]{display:none!important}#btn-open-friends .friends-badge-count.alert{color:#fff!important;background:#f43f5e!important;box-shadow:0 0 12px #f43f5ecc!important}.friends-badge-count{background:var(--highlight);color:#0b0f19;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:.72rem;font-weight:800}.friends-add-bar{align-items:center;gap:8px;margin-bottom:16px;display:flex}.friends-add-bar input{flex:1;margin:0!important}.friends-list{scrollbar-width:thin;scrollbar-color:var(--highlight) transparent;flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.friend-row{border:1px solid var(--surface-border);background:#ffffff06;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .18s;display:flex}.friend-row:hover{border-color:var(--surface-border-hover);background:#38bdf814}body[data-theme=light] .friend-row{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .friend-row:hover{background:#f1f5f9}.friend-info{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.friend-avatar{border:1px solid var(--highlight);width:38px;height:38px;color:var(--highlight);background:linear-gradient(135deg,#38bdf833,#6366f133);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;overflow:hidden}.friend-meta{flex-direction:column;min-width:0;display:flex}.friend-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}body[data-theme=light] .friend-name{color:#0f172a}.friend-stats-snippet{color:var(--text-secondary);font-size:.76rem}.friends-empty{text-align:center;color:var(--text-secondary);padding:36px 16px;font-size:.9rem;line-height:1.5}.friend-request-row{border:1px solid var(--surface-border);background:#ffffff06;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;display:flex}body[data-theme=light] .friend-request-row{background:#f8fafc;border-color:#e2e8f0}.friend-request-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.lb-podium-container{box-sizing:border-box!important;justify-content:center!important;align-items:flex-end!important;gap:14px!important;width:100%!important;margin:12px 0 16px!important;padding:6px 4px!important;display:flex!important}.podium-card{text-align:center!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:18px!important;flex-direction:column!important;flex:1!important;align-items:center!important;max-width:190px!important;padding:14px 10px!important;transition:all .22s!important;display:flex!important;position:relative!important}.podium-card.podium-rank-1{background:linear-gradient(#f59e0b38 0%,#f59e0b0d 100%)!important;border:1px solid #f59e0b!important;order:2!important;min-height:138px!important;box-shadow:0 8px 24px #f59e0b40!important}.podium-card.podium-rank-2{background:linear-gradient(#94a3b833 0%,#94a3b80a 100%)!important;border:1px solid #94a3b8!important;order:1!important;min-height:118px!important;box-shadow:0 6px 18px #94a3b833!important}.podium-card.podium-rank-3{background:linear-gradient(#d9770633 0%,#d977060a 100%)!important;border:1px solid #d97706!important;order:3!important;min-height:108px!important;box-shadow:0 6px 18px #d9770633!important}.filter-chip{border:1px solid var(--surface-border)!important;color:var(--text-secondary)!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;background:#ffffff0a!important;border-radius:20px!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.filter-chip:hover{border-color:var(--surface-border-hover)!important;color:var(--text-primary)!important;background:#ffffff14!important}body[data-theme=light] .filter-chip{color:#475569!important;background:#fff!important;border-color:#cbd5e1!important}body[data-theme=light] .filter-chip:hover{color:#0f172a!important;background:#f1f5f9!important;border-color:#94a3b8!important}body[data-theme=light] .filter-chip.active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}@media (width<=640px){.song-selection{padding-top:max(82px, env(safe-area-inset-top,82px))!important;-webkit-overflow-scrolling:touch!important;padding-bottom:75px!important;overflow-y:auto!important}.song-selection h1.shimmer-text{margin:6px 0 10px!important;font-size:1.5rem!important}.instruction-text{text-align:center!important;margin-top:10px!important;padding:0 10px!important;font-size:.76rem!important}.shop-modal-card{padding:16px!important}.shop-header-row{margin:-16px -16px 0!important;padding:14px 16px 12px!important;top:-16px!important}.leaderboard-modal{border-radius:18px!important;width:95vw!important;max-height:92vh!important;padding:14px 10px!important}.lb-header-row{margin-bottom:8px!important}.lb-title{font-size:1.05rem!important}.lb-limit-bar{scrollbar-width:none!important;gap:4px!important;margin:6px 0!important;overflow-x:auto!important}.lb-limit-btn{border-radius:12px!important;padding:3px 8px!important;font-size:.72rem!important}.lb-podium-container{gap:6px!important;margin:8px 0 12px!important;padding:2px 0!important}.podium-card{border-radius:12px!important;padding:8px 4px!important}.podium-card.podium-rank-1{min-height:110px!important}.podium-card.podium-rank-2{min-height:96px!important}.podium-card.podium-rank-3{min-height:88px!important}.podium-avatar{width:32px!important;height:32px!important;margin-bottom:4px!important;font-size:.8rem!important}.podium-name{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:75px!important;font-size:.72rem!important;overflow:hidden!important}.podium-score{font-size:.68rem!important}.podium-levels{font-size:.62rem!important}.lb-scroll-area{max-height:220px!important}.lb-table th,.lb-table td{padding:6px 4px!important;font-size:.75rem!important}.lb-player-cell{gap:6px!important}.lb-avatar{width:26px!important;height:26px!important;font-size:.72rem!important}.lb-player-name{text-overflow:ellipsis!important;max-width:90px!important;font-size:.75rem!important;overflow:hidden!important}.user-profile-card{border-radius:18px!important;width:95vw!important;max-height:90vh!important;padding:16px 14px!important;overflow-y:auto!important}.user-profile-header{gap:12px!important;margin-bottom:14px!important;padding-bottom:12px!important;padding-right:46px!important;position:relative!important}.user-profile-card .modal-close-btn{z-index:300!important;top:14px!important;right:14px!important}.user-profile-avatar{width:52px!important;height:52px!important;font-size:1.3rem!important}.user-profile-name{font-size:1.1rem!important}.user-profile-stats{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:12px!important}.profile-stat-box{border-radius:12px!important;padding:10px 8px!important}.stat-box-val{font-size:1.1rem!important}.stat-box-lbl{font-size:.7rem!important}.user-profile-admin-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.user-profile-admin-bar button{white-space:normal!important;text-align:center!important;justify-content:center!important;width:100%!important;min-height:42px!important}.friends-modal-card{border-radius:18px!important;width:95vw!important;max-height:90vh!important;padding:16px 12px!important}.friends-header-row{margin-bottom:12px!important;padding-bottom:8px!important}.friends-title{font-size:1.05rem!important}.friends-add-bar{gap:6px!important;margin-bottom:12px!important}.friends-add-bar input{height:36px!important;font-size:.84rem!important}.friends-add-bar button{height:36px!important;padding:0 12px!important;font-size:.82rem!important}.friend-row{gap:8px!important;padding:8px 10px!important}.friend-avatar{width:32px!important;height:32px!important;font-size:.82rem!important}.friend-name{font-size:.84rem!important}.friend-stats-snippet{font-size:.7rem!important}.admin-modal-content{box-sizing:border-box!important;border-radius:16px!important;width:95vw!important;max-width:95vw!important;max-height:92vh!important;padding:0!important;overflow:hidden!important}.admin-modal-scroll-area{box-sizing:border-box!important;width:100%!important;padding:12px 10px 24px!important;overflow-x:hidden!important}.admin-sticky-header{box-sizing:border-box!important;width:100%!important;padding:12px 14px!important}.admin-tabs{scrollbar-width:none!important;flex-direction:row!important;gap:6px!important;width:100%!important;overflow-x:auto!important}.admin-tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:8px 12px!important;font-size:.82rem!important}.admin-grid,.admin-grid-tracks,.admin-grid-2col,.admin-grid-3col{grid-template-columns:1fr!important;gap:12px!important}.admin-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 10px!important}.admin-spotify-box{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:10px!important}.admin-spotify-input-row{box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.admin-spotify-input{box-sizing:border-box!important;width:100%!important;min-width:0!important}.admin-spotify-btn{box-sizing:border-box!important;justify-content:center!important;width:100%!important}.admin-hint-chip{overflow-wrap:anywhere!important;word-break:break-word!important;box-sizing:border-box!important;white-space:normal!important;max-width:100%!important}.admin-modal-content input,.admin-modal-content select,.admin-modal-content textarea{box-sizing:border-box!important;max-width:100%!important}.settings-modal-card{width:95vw!important;padding:20px 14px!important;padding-bottom:calc(64px + env(safe-area-inset-bottom,24px))!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;border-radius:18px!important;max-height:85dvh!important;overflow-y:auto!important}.settings-danger-zone{margin-bottom:calc(44px + env(safe-area-inset-bottom,24px))!important}}.pause-modal-card{-webkit-backdrop-filter:blur(24px);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:90vw;max-width:420px;animation:.25s cubic-bezier(.16,1,.3,1) forwards modal-pop;display:flex;position:relative;background:#0b1324e0!important;border:1px solid #ffffff1f!important;border-radius:24px!important;padding:32px 24px!important;box-shadow:0 25px 60px -15px #000c,0 0 30px #38bdf81a!important}body[data-theme=light] .pause-modal-card{background:#fffffff0!important;border-color:#cbd5e1!important;box-shadow:0 25px 50px -12px #0f172a33!important}.pause-header{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.pause-icon-badge{width:52px;height:52px;color:var(--highlight);background:#38bdf81f;border:1px solid #38bdf859;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex;box-shadow:0 0 20px #38bdf840}.pause-header h2{letter-spacing:2px!important;color:var(--text-primary)!important;margin:0 0 6px!important;font-size:1.6rem!important;font-weight:800!important}.pause-song-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:320px;font-size:.9rem;overflow:hidden}.pause-stats-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:space-around;align-items:center;width:100%;margin-bottom:24px;padding:14px 16px;display:flex}body[data-theme=light] .pause-stats-row{background:#f1f5f9d9;border-color:#e2e8f0}.pause-stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.pause-stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:.75rem;font-weight:600}.pause-stat-value{color:var(--highlight);font-size:1.3rem;font-weight:800}.pause-stat-divider{background:#ffffff1a;width:1px;height:32px}body[data-theme=light] .pause-stat-divider{background:#cbd5e1}.pause-actions{flex-direction:column;gap:10px;width:100%;display:flex}.pause-actions .action-btn{border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:44px!important;margin:0!important;font-size:.95rem!important;font-weight:600!important;display:flex!important}.results-modal-card{-webkit-backdrop-filter:blur(24px);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:92vw;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-pop;display:flex;position:relative;background:#0b1324eb!important;border:1px solid #ffffff1f!important;border-radius:28px!important;padding:30px 22px 24px!important;box-shadow:0 30px 70px -15px #000000d9,0 0 40px #38bdf81f!important}body[data-theme=light] .results-modal-card{background:#fffffff5!important;border-color:#cbd5e1!important;box-shadow:0 30px 60px -15px #0f172a40!important}.results-header{flex-direction:column;align-items:center;width:100%;margin-bottom:18px;display:flex}.res-grade-badge{-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;font-family:inherit;font-size:2.8rem;font-weight:900;transition:transform .25s;display:flex}.res-grade-badge:hover{transform:scale(1.06)}.res-grade-badge.grade-s{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border:2px solid #ffffff80;box-shadow:0 0 30px #ec4899a6,inset 0 0 12px #fff6}.res-grade-badge.grade-a{color:#fff;background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);border:2px solid #fff6;box-shadow:0 0 25px #10b9818c,inset 0 0 10px #fff6}.res-grade-badge.grade-b{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%);border:2px solid #ffffff59;box-shadow:0 0 22px #3b82f680,inset 0 0 10px #ffffff4d}.res-grade-badge.grade-c{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);border:2px solid #ffffff4d;box-shadow:0 0 20px #f59e0b80,inset 0 0 8px #ffffff4d}.res-grade-badge.grade-d{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:2px solid #ffffff40;box-shadow:0 0 20px #ef444480,inset 0 0 8px #ffffff40}.results-header h1{letter-spacing:1px!important;margin:0 0 4px!important;font-size:1.5rem!important;font-weight:800!important}.res-track-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin-bottom:8px;font-size:.92rem;overflow:hidden}.res-difficulty-pill{margin-bottom:8px}.res-stars-row{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.res-stars-summary{letter-spacing:.5px;color:#fde047;text-shadow:0 0 10px #facc1566;text-align:center;margin-bottom:14px;font-size:.95rem;font-weight:700}.res-stars-summary.diamond{color:#38bdf8;text-shadow:0 0 12px #38bdf880}.res-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-bottom:22px;display:grid}.res-stat-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;padding:12px 14px;transition:background .2s,border-color .2s;display:flex}body[data-theme=light] .res-stat-card{background:#f1f5f9e6;border-color:#e2e8f0}.res-stat-icon{color:var(--highlight);opacity:.85;justify-content:center;align-items:center;margin-bottom:3px;display:flex}.res-stat-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);margin-bottom:2px;font-size:.72rem;font-weight:600}.res-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:800}.res-actions-row{align-items:center;gap:10px;width:100%;display:flex}.res-actions-row .action-btn{flex:1;border-radius:14px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:44px!important;margin:0!important;padding:0 12px!important;font-size:.88rem!important;font-weight:600!important;display:inline-flex!important}@media (width<=440px){.results-modal-card{border-radius:22px!important;padding:22px 14px 18px!important}.res-grade-badge{border-radius:16px;width:60px;height:60px;font-size:2.3rem}.res-stats-grid{gap:8px;margin-bottom:16px}.res-stat-card{padding:10px 8px}.res-stat-value{font-size:1.1rem}.res-actions-row{gap:6px}.res-actions-row .action-btn{height:40px!important;padding:0 6px!important;font-size:.8rem!important}}.user-profile-avatar img,.podium-avatar img,.lb-avatar-mini img,.friend-avatar img,.user-badge-pill img,.profile-avatar-pill img,.avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-letter{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-action-btn{cursor:pointer;z-index:10;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s;display:inline-flex;position:absolute}.avatar-action-btn:hover{transform:scale(1.12)}.avatar-action-btn:active{transform:scale(.95)}.edit-avatar-btn{background:var(--highlight,#00d2ff);color:#0b0f19;width:26px;height:26px;bottom:-2px;right:-2px;box-shadow:0 2px 10px #00d2ff80}.reset-avatar-btn{color:#fff;background:#f43f5e;width:22px;height:22px;top:-2px;right:-2px;box-shadow:0 2px 8px #f43f5e66}.frame-neon-start{border:2.5px solid #00d2ff!important;animation:2.2s ease-in-out infinite neon-frame-pulse!important;box-shadow:0 0 10px #00d2ff,0 0 22px #00d2ff99,inset 0 0 8px #00d2ff66!important}@keyframes neon-frame-pulse{0%,to{box-shadow:0 0 8px #00d2ff,0 0 18px #00d2ff80,inset 0 0 6px #00d2ff4d}50%{box-shadow:0 0 16px #00d2ff,0 0 32px #00d2ffd9,inset 0 0 10px #00d2ff80}}.frame-gold-prestige{border:2.5px solid #fbbf24!important;animation:2.5s ease-in-out infinite gold-frame-breathe!important;box-shadow:0 0 12px #fbbf24,0 0 26px #fbbf24a6,inset 0 0 8px #f59e0b80!important}@keyframes gold-frame-breathe{0%,to{box-shadow:0 0 9px #fbbf24,0 0 20px #fbbf2480,inset 0 0 6px #f59e0b4d}50%{box-shadow:0 0 18px #fbbf24,0 0 36px #fbbf24e6,inset 0 0 12px #f59e0ba6}}.frame-crimson-fire{border:2.5px solid #f43f5e!important;animation:1.8s ease-in-out infinite alternate crimson-frame-flicker!important;box-shadow:0 0 14px #f43f5e,0 0 28px #ef4444cc,inset 0 0 9px #f9731699!important}@keyframes crimson-frame-flicker{0%{border-color:#f43f5e;box-shadow:0 0 10px #f43f5e,0 0 22px #ef444499,inset 0 0 6px #f43f5e66}50%{border-color:#fb923c;box-shadow:0 0 18px #ef4444,0 0 36px #f97316d9,inset 0 0 12px #f97316a6}to{border-color:#f43f5e;box-shadow:0 0 13px #f97316,0 0 26px #ef4444bf,inset 0 0 8px #f43f5e80}}.frame-cosmic-nebula{border:2.5px solid #c084fc!important;animation:3s ease-in-out infinite cosmic-frame-pulse!important;box-shadow:0 0 14px #a855f7,0 0 28px #a855f7b3,0 0 42px #38bdf873,inset 0 0 9px #a855f780!important}@keyframes cosmic-frame-pulse{0%,to{border-color:#a855f7;box-shadow:0 0 11px #a855f7,0 0 22px #a855f780,0 0 34px #38bdf859}50%{border-color:#38bdf8;box-shadow:0 0 20px #c084fc,0 0 38px #a855f7d9,0 0 50px #38bdf8b3}}.frame-cyber-glitch{border:2.5px solid #0ff!important;animation:2s steps(2,start) infinite cyber-frame-glitch!important;box-shadow:2.5px 0 12px #ff007f,-2.5px 0 12px #00f0ff,inset 0 0 8px #00f0ff80!important}@keyframes cyber-frame-glitch{0%,to{transform:translate(0);box-shadow:2px 0 10px #ff007f,-2px 0 10px #00f0ff}48%{transform:translate(0);box-shadow:2px 0 10px #ff007f,-2px 0 10px #00f0ff}50%{transform:translate(-1px,1px);box-shadow:-3px 0 14px #ff007f,3px 0 14px #00f0ff}52%{transform:translate(1px,-1px);box-shadow:3px 0 14px #00f0ff,-3px 0 14px #ff007f}}.frame-prismatic{border:2.5px solid #fff!important;animation:4s linear infinite prismatic-frame-cycle!important;box-shadow:0 0 16px #38bdf8,0 0 32px #ec4899,inset 0 0 9px #fffc!important}@keyframes prismatic-frame-cycle{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}:is(.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi){isolation:isolate;position:relative;border:1px solid var(--frame-edge,#80766b)!important;border-radius:var(--frame-radius,20%)!important;animation:none!important;overflow:visible!important;box-shadow:0 3px 6px #0008,inset 0 1px 2px #fff5!important}:is(.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi):before{content:"";pointer-events:none;z-index:2;border-radius:inherit;background:var(--frame-material);-webkit-mask-composite:xor;padding:6px;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:is(.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi):after{content:"";pointer-events:none;z-index:3;background:var(--frame-ornament) left top / 12px 12px no-repeat, var(--frame-ornament) right top / 12px 12px no-repeat, var(--frame-ornament) left bottom / 12px 12px no-repeat, var(--frame-ornament) right bottom / 12px 12px no-repeat;filter:drop-shadow(0 1px 1px #0009);position:absolute;inset:-7px}:is(.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi)>.avatar-photo{border-radius:inherit}body[data-theme=light] :is(.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi){box-shadow:0 3px 7px #17202d50,inset 0 1px 2px #fff8!important}.frame-cyber-alloy{--frame-radius:12%;--frame-edge:#899398;--frame-material:repeating-linear-gradient(90deg, #13191b 0 1px, transparent 1px 3px) 50% 100% / 35% 4px no-repeat, linear-gradient(90deg, transparent 14%, #6d767b 15%, #a6adb0 48%, #4b555a 52%, #293237 85%, transparent 86%), repeating-linear-gradient(45deg, #101619 0 2px, #3c454a 2px 4px, #202a2f 4px 6px);--frame-ornament:radial-gradient(circle, #e5e8e8 0 16%, #a6b1b6 19% 27%, #273236 29% 38%, transparent 40%)}.frame-cyber-alloy:before{clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.frame-baroque-gold{--frame-radius:25%;--frame-edge:#ddbc60;--frame-material:repeating-radial-gradient(ellipse at 50% 50%, transparent 0 3px, #4f3119aa 4px, #f7dc8588 5px, transparent 6px 9px), linear-gradient(135deg, #5b3519, #efd797 16%, #a57c31 25%, #f6d47b 40%, #6d481e 53%, #ba8d3d 75%, #f0d58d 87%, #57341c);--frame-ornament:radial-gradient(ellipse, #f5a1a0 0 6%, #901d35 10% 23%, #380d16 25% 29%, #f4d890 31% 39%, #7c521c 41% 48%, transparent 51%), repeating-conic-gradient(from 20deg, #ddbb67 0 22deg, #654421 23deg 40deg, transparent 41deg 60deg)}.frame-baroque-gold:after{border-radius:24%}.frame-frostbound{--frame-radius:18%;--frame-edge:#bfdae0;--frame-material:repeating-linear-gradient(126deg, transparent 0 9px, #f4ffffc9 10px, transparent 11px 19px), repeating-conic-gradient(from 35deg, #e8faffdd 0 30deg, #8db6c8bb 31deg 68deg, #f6ffffee 69deg 88deg, #678da488 89deg 110deg);--frame-ornament:conic-gradient(from 20deg, #e9ffffdd, #6792ac99, #fff, #add8e3aa, #f7ffffee, #8fadbacc)}.frame-frostbound:after{clip-path:polygon(0 0,19% 5%,12% 18%,5% 24%,0 12%,0 0,100% 0,97% 20%,85% 13%,91% 4%,100% 0,100% 100%,80% 96%,91% 82%,99% 91%,100% 100%,0 100%,4% 81%,17% 91%,8% 99%);inset:-9px}.frame-street-drift{--frame-radius:10%;--frame-edge:#b7c1c4;--frame-material:linear-gradient(180deg, #e9f0f0, #78838b 18%, #202d35 38%, #fff 49%, #a5b0b5 58%, #39414a 83%, #e4e9e8) top / 100% 7px no-repeat, linear-gradient(180deg, #edf4f5, #7b858b 20%, #151f26 44%, #eef4f7 52%, #8d979c 76%, #222d31) bottom / 100% 7px no-repeat, repeating-linear-gradient(135deg, #111618 0 3px, #4a4c4c 3px 4px, #252a2c 4px 7px)}.frame-street-drift:after{content:"ドリフト";color:#1c2429;letter-spacing:.3px;background:linear-gradient(#e4e5e2,#949da1);border:1px solid #4c555c;border-radius:1px;padding:1px 2px;font:700 5px/1.2 sans-serif;inset:auto 8% -7px auto;box-shadow:-10px 0 0 -1px #971d2b,-10px 0 0 1px #bd5560}.frame-gothic-thorn{--frame-radius:38% 38% 14% 14%;--frame-edge:#59555d;--frame-material:repeating-linear-gradient(127deg, transparent 0 13px, #651e30 14px, #210d18 15px, transparent 16px 24px), linear-gradient(120deg, #100f13, #727079 18%, #25232b 24%, #0b0b10 50%, #48404a 71%, #0d0d12 83%, #69626c);--frame-ornament:radial-gradient(ellipse at 50% 72%, #9e6673 0 5%, #290f1c 12% 23%, #050509 27% 34%, #747079 37% 42%, #222028 44% 51%, transparent 53%)}.frame-gothic-thorn:after{clip-path:polygon(0 0,17% 8%,10% 28%,4% 20%,0 0,100% 0,96% 20%,90% 28%,83% 8%,100% 0,100% 100%,80% 97%,92% 80%,100% 100%,0 100%,8% 80%,20% 97%,0 100%);background-size:15px 19px;inset:-10px}.frame-steampunk-chrono{--frame-radius:30%;--frame-edge:#c49a5d;--frame-material:repeating-conic-gradient(#392918 0 2deg, transparent 3deg 14deg), linear-gradient(145deg, #51341e, #e9cd89 20%, #8c6335 38%, #c98959 58%, #64422a 70%, #ecd99a 85%, #98643c);--frame-ornament:radial-gradient(circle, #1d2322 0 12%, #e4bd76 14% 21%, #8c5d32 23% 35%, transparent 37%), repeating-conic-gradient(#ba8950 0 19deg, #382a1e 20deg 27deg, #d9b57a 28deg 40deg, transparent 41deg 45deg)}.frame-steampunk-chrono:after{background-size:13px 13px;border-radius:18%}.frame-sakura-urushi{--frame-radius:22%;--frame-edge:#8b635d;--frame-material:linear-gradient(117deg, transparent 21%, #bfa058 22% 23%, transparent 24% 72%, #ead49b 73% 74%, transparent 75%), linear-gradient(36deg, transparent 35%, #c2a360 36% 37%, transparent 38%), linear-gradient(160deg, #100a11, #662a3d 16%, #e4b7aa 19%, #3d1526 23%, #130910 52%, #3b1725 76%, #0c0910);--frame-ornament:radial-gradient(ellipse at 50% 27%, #fff3ec 0 16%, transparent 18%), radial-gradient(ellipse at 28% 47%, #d2bdce 0 16%, transparent 18%), radial-gradient(ellipse at 72% 47%, #ffe9e2 0 16%, transparent 18%), radial-gradient(ellipse at 36% 72%, #f7e0ee 0 16%, transparent 18%), radial-gradient(ellipse at 65% 72%, #c6cbdc 0 16%, transparent 18%), radial-gradient(circle, #ba9955 0 20%, transparent 22%)}.user-profile-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.user-title-badge{color:#f59e0b;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b2e,#ea580c2e);border:1px solid #f59e0b66;border-radius:12px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 0 8px #f59e0b33}.user-profile-status-wrap{margin-bottom:6px}.user-profile-bio{color:var(--text-secondary,#94a3b8);word-break:break-word;min-height:18px;font-size:.82rem;font-style:italic;line-height:1.35}.user-bio-edit-box{align-items:center;gap:6px;width:100%;margin-top:4px;display:flex}.up-bio-input{border-radius:8px;flex:1;min-width:0;height:32px;padding:6px 10px;font-size:.82rem;margin:0!important}.bio-counter{color:var(--text-muted,#64748b);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.68rem}.up-bio-save-btn{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.profile-favorite-track-box{border:1px solid var(--surface-border,#ffffff14);background:#ffffff08;border-radius:12px;margin-bottom:14px;padding:8px 12px}.favorite-track-header{align-items:center;gap:6px;font-size:.82rem;display:flex}.fav-label{color:var(--text-secondary,#94a3b8);font-weight:600}.fav-title{color:var(--highlight,#00d2ff);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.up-customization-section{border:1px solid var(--surface-border,#ffffff14);background:#ffffff05;border-radius:14px;margin-bottom:14px;padding:12px}.customization-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cust-title{color:var(--text-primary,#fff);font-size:.9rem;font-weight:700}.customization-tabs{gap:6px;display:flex}.cust-tab-btn{border:1px solid var(--surface-border,#ffffff1a);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.cust-tab-btn:hover{color:#fff;border-color:#ffffff4d}.cust-tab-btn.active{background:var(--highlight,#00d2ff);color:#0b0f19;border-color:var(--highlight,#00d2ff);font-weight:700}.cust-panel{gap:8px;max-height:180px;padding-right:4px;display:grid;overflow-y:auto}#cust-panel-frames,#cust-panel-titles{grid-template-columns:1fr}.cust-tab-pane .cust-panel{max-height:none;overflow-y:visible}.cust-collection-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--highlight,#00d2ff);border-bottom:1px solid #ffffff14;grid-column:1/-1;align-items:center;gap:6px;margin:8px 0 2px;padding:10px 4px 4px;font-size:.74rem;font-weight:700;display:flex}.cust-collection-heading:first-child{margin-top:0;padding-top:2px}body[data-theme=light] .cust-collection-heading{color:#0284c7;border-bottom-color:#00000014}.cosmetic-item-card{border:1px solid var(--surface-border,#ffffff14);cursor:pointer;text-align:left;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.cosmetic-item-card:hover:not(.locked){border-color:var(--highlight,#00d2ff);background:#38bdf814}.cosmetic-item-card.equipped{border-color:var(--highlight,#00d2ff);background:#38bdf824;box-shadow:0 0 10px #38bdf840}.cosmetic-item-card.locked{opacity:.55;cursor:not-allowed;filter:grayscale(.5)}.cust-frame-preview{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex}.cust-item-info{flex:1;min-width:0}.cust-item-name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.cust-item-desc{color:var(--text-secondary,#94a3b8);font-size:.68rem;line-height:1.25}.cust-status-badge{border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:700}.cust-status-badge.equipped{background:var(--highlight,#00d2ff);color:#0b0f19}.cust-status-badge.locked{color:var(--text-muted,#64748b);background:#ffffff1a}.cust-status-badge.unlocked{color:#4ade80;background:#4ade802e}body[data-theme=light] .user-profile-card{background:#fff!important;border-color:#0000001f!important;box-shadow:0 20px 45px #00000029!important}body[data-theme=light] .user-profile-avatar{color:#0284c7!important;background:linear-gradient(135deg,#0284c71f,#6366f11f)!important;border-color:#0284c7!important;box-shadow:0 0 14px #0284c740!important}body[data-theme=light] .profile-stat-box{background:#f8fafc!important;border-color:#e2e8f0!important}body[data-theme=light] .stat-box-val{color:#0f172a!important}body[data-theme=light] .stat-box-lbl{color:#64748b!important}body[data-theme=light] .profile-favorite-track-box,body[data-theme=light] .up-customization-section{background:#f8fafc!important;border-color:#e2e8f0!important}body[data-theme=light] .cust-title{color:#0f172a!important}body[data-theme=light] .cust-tab-btn{color:#64748b!important;border-color:#cbd5e1!important}body[data-theme=light] .cust-tab-btn:hover{color:#0f172a!important;border-color:#94a3b8!important}body[data-theme=light] .cust-tab-btn.active{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}body[data-theme=light] .cosmetic-item-card{background:#fff!important;border-color:#e2e8f0!important}body[data-theme=light] .cosmetic-item-card:hover:not(.locked){background:#0284c70d!important;border-color:#0284c7!important}body[data-theme=light] .cosmetic-item-card.equipped{background:#0284c71a!important;border-color:#0284c7!important;box-shadow:0 0 10px #0284c733!important}body[data-theme=light] .cust-item-name{color:#0f172a!important}body[data-theme=light] .cust-item-desc{color:#64748b!important}body[data-theme=light] .user-profile-bio{color:#475569!important}body[data-theme=light] .user-title-badge{color:#b45309!important;background:#fef3c7!important;border-color:#fde68a!important}body[data-theme=light] .cust-status-badge.equipped{color:#fff!important;background:#0284c7!important}body[data-theme=light] .cust-status-badge.locked{color:#94a3b8!important;background:#e2e8f0!important}body[data-theme=light] .cust-status-badge.unlocked{color:#16a34a!important;background:#dcfce7!important}body[data-theme=light] .frame-neon-start{border:2.5px solid #0284c7!important;box-shadow:0 0 8px #0284c7,0 0 18px #0284c773!important}body[data-theme=light] .frame-gold-prestige{border:2.5px solid #d97706!important;box-shadow:0 0 10px #d97706,0 0 20px #d9770673!important}body[data-theme=light] .frame-crimson-fire{border:2.5px solid #e11d48!important;box-shadow:0 0 10px #e11d48,0 0 22px #e11d4873!important}body[data-theme=light] .frame-cosmic-nebula{border:2.5px solid #9333ea!important;box-shadow:0 0 10px #9333ea,0 0 22px #9333ea73!important}body[data-theme=light] .frame-cyber-glitch{border:2.5px solid #0284c7!important;box-shadow:2px 0 8px #e11d48,-2px 0 8px #0284c7!important}body[data-theme=light] .frame-prismatic{border:2.5px solid #0284c7!important;box-shadow:0 0 12px #0284c780,0 0 24px #db277766!important}#custom-confirm-modal{z-index:9999!important}.custom-confirm-box{background:var(--surface-bg,#10121ef2);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border,#00f2fe40);border-radius:18px;flex-direction:column;gap:14px;width:90%;max-width:440px;padding:24px 22px;animation:.25s cubic-bezier(.175,.885,.32,1.275) confirmPop;display:flex;position:relative;box-shadow:0 10px 40px #000000b3,0 0 20px #00f2fe26}@keyframes confirmPop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.custom-confirm-header{align-items:center;gap:12px;display:flex}.custom-confirm-icon-wrap{background:#ffaa0026;border:1px solid #ffaa0059;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;line-height:1;display:flex}.custom-confirm-title{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:700}.custom-confirm-body{color:var(--text-secondary,#a0aec0);word-break:break-word;font-size:.92rem;line-height:1.5}.custom-confirm-body p{margin:4px 0}.custom-confirm-options{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:8px 12px}.custom-confirm-checkbox-label{color:var(--text-secondary,#cbd5e1);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.86rem;display:flex}.custom-confirm-checkbox-label input[type=checkbox]{accent-color:#00f2fe;cursor:pointer;width:16px;height:16px}.custom-confirm-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.custom-confirm-actions button{min-width:95px;padding:8px 16px;font-size:.9rem}.auth-error-msg{color:#ff5e5e;text-align:center;background:#ff444424;border:1px solid #ff44448c;border-radius:9px;margin-bottom:14px;padding:9px 12px;font-size:.86rem;line-height:1.35;animation:.35s ease-in-out shakeError;box-shadow:0 0 10px #f443}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}body[data-theme=light] .custom-confirm-box{background:#fffffff7!important;border-color:#0000001f!important;box-shadow:0 12px 35px #0003,0 0 15px #0284c733!important}body[data-theme=light] .custom-confirm-title{color:#0f172a!important}body[data-theme=light] .custom-confirm-body{color:#475569!important}body[data-theme=light] .custom-confirm-options{background:#00000008!important;border-color:#00000014!important}body[data-theme=light] .custom-confirm-checkbox-label{color:#334155!important}body[data-theme=light] .auth-error-msg{color:#b91c1c!important;background:#fef2f2!important;border-color:#fca5a5!important}.nav-btn-shop{color:#fef08a;cursor:pointer;background:linear-gradient(135deg,#f59e0b26,#d9770640);border:1px solid #f59e0b73;border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.nav-btn-shop:hover{background:linear-gradient(135deg,#f59e0b47,#d9770666);border-color:#f59e0bb3;transform:translateY(-1px);box-shadow:0 0 16px #f59e0b59}.shop-coins-pill{color:#fde047;background:#00000059;border-radius:9999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.shop-modal-card{-webkit-backdrop-filter:blur(20px);background:radial-gradient(90% 50% at 50% -10%,#f59e0b1f,#0000 70%),#0b111e;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;gap:16px;width:95%;max-width:680px;max-height:85vh;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #000000bf,0 0 35px #f59e0b1f,inset 0 1px #ffffff14}.shop-header-row{-webkit-backdrop-filter:blur(16px);z-index:50;background:#0b111ef2;border-bottom:1px solid #ffffff14;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-between;align-items:center;margin:-24px -24px 0;padding:18px 24px 14px;display:flex;position:sticky;top:-24px}body[data-theme=light] .shop-header-row{background:#fff;border-bottom-color:#00000014}.shop-title{align-items:center;gap:10px;display:flex}.shop-title-text{background:linear-gradient(135deg,#fef08a,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.shop-subtitle{color:var(--text-secondary,#94a3b8);margin-top:2px;font-size:.8rem}.shop-header-right{align-items:center;gap:12px;display:flex}.shop-header-right .modal-close-btn{flex-shrink:0;margin:0!important;position:static!important}.shop-balance-pill{color:#fef08a;background:linear-gradient(135deg,#f59e0b33,#d9770659);border:1px solid #f59e0b80;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 0 12px #f59e0b40}.shop-info-banner{color:#bae6fd;background:#38bdf814;border:1px solid #38bdf840;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;line-height:1.4;display:flex}.shop-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shop-search-box{flex:200px;align-items:center;display:flex;position:relative}.shop-search-icon{pointer-events:none;opacity:.7;font-size:.9rem;position:absolute;left:12px}.shop-search-input{color:#f8fafc;box-sizing:border-box;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:8px 32px 8px 36px;font-family:inherit;font-size:.88rem;transition:all .2s}.shop-search-input:focus{background:#0f172ad9;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b40}.shop-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem;line-height:1;position:absolute;right:8px}.shop-search-clear:hover{color:#f8fafc}.shop-sort-box{flex-shrink:0;align-items:center;gap:8px;display:flex}.shop-sort-label{color:var(--text-secondary,#94a3b8);font-size:.82rem;font-weight:600}.shop-sort-select{color:#f8fafc;cursor:pointer;background:#0f172abf;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:.86rem;font-weight:600;transition:all .2s}.shop-sort-select:focus{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b40}.shop-empty-msg{text-align:center;color:var(--text-secondary,#94a3b8);padding:28px 16px;font-size:.95rem;font-weight:600}body[data-theme=light] .shop-search-input{color:#0f172a;background:#fff;border-color:#cbd5e1}body[data-theme=light] .shop-search-input:focus{border-color:#b45309;box-shadow:0 0 10px #d9770633}body[data-theme=light] .shop-sort-select{color:#0f172a;background:#fff;border-color:#cbd5e1}body[data-theme=light] .shop-sort-select:focus{border-color:#b45309}.shop-themes-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:4px;display:grid}.shop-theme-card{background:#121a2bb3;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.shop-theme-card:hover{border-color:#f59e0b66;transform:translateY(-3px);box-shadow:0 14px 30px #00000073,0 0 20px #f59e0b26,inset 0 1px #ffffff1a}.shop-theme-card.active-theme{border-color:#f59e0b;box-shadow:0 0 24px #f59e0b4d,inset 0 1px #fef08a4d}.theme-card-preview{justify-content:center;align-items:center;height:110px;display:flex;position:relative;overflow:hidden}.theme-card-img{object-fit:cover;object-position:center 20%;opacity:.85;width:100%;height:100%;transition:transform .3s}.shop-theme-card:hover .theme-card-img{transform:scale(1.05)}.theme-card-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000000a6;border:1px solid #fff3;border-radius:9999px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:8px}.theme-card-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.theme-card-title{color:#fff;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.theme-card-desc{color:#94a3b8;flex:1;font-size:.8rem;line-height:1.4}.theme-card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.theme-card-price{color:#fde047;align-items:center;gap:4px;font-size:.95rem;font-weight:800;display:flex}.theme-action-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-theme-buy{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.btn-theme-buy:hover{filter:brightness(1.1);transform:scale(1.02)}.btn-theme-equip{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf880}.btn-theme-equip:hover{background:#38bdf84d}.btn-theme-equipped{color:#4ade80;cursor:default;background:#22c55e33;border:1px solid #22c55e80}body[data-theme=light] .shop-modal-card{background:#fffffffa;border-color:#0000001f;box-shadow:0 20px 45px #00000026}body[data-theme=light] .shop-header-row{border-bottom-color:#00000014}body[data-theme=light] .shop-title-text{background:linear-gradient(135deg,#d97706,#b45309);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body[data-theme=light] .shop-theme-card{background:#f8fafc;border-color:#e2e8f0}body[data-theme=light] .theme-card-title{color:#0f172a}body[data-theme=light] .theme-card-desc{color:#475569}body[data-theme=light] .shop-info-banner{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.customization-modal-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#0b132bf5;border:1px solid #38bdf847;border-radius:20px;flex-direction:column;width:92%;max-width:680px;max-height:88vh;padding:20px 22px;animation:.22s ease-out modalIn;display:flex;box-shadow:0 16px 48px #000000bf,0 0 24px #38bdf826}.cust-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.cust-title-wrap{align-items:center;gap:12px;display:flex}.cust-modal-title{color:#38bdf8;margin:0;font-size:1.25rem;font-weight:800}.customization-nav-tabs{background:#0f172aa6;border:1px solid #ffffff14;border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.cust-main-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.cust-main-tab:hover{color:#f8fafc;background:#ffffff0d}.cust-main-tab.active{color:#38bdf8;background:#38bdf829;box-shadow:0 0 12px #38bdf833}.cust-tab-pane{flex:1;max-height:calc(88vh - 190px);padding-right:4px;overflow-y:auto}.cust-tab-pane.hidden{display:none!important}.btn-theme-preview{color:#38bdf8!important;cursor:pointer!important;white-space:nowrap!important;background:#38bdf81f!important;border:1px solid #38bdf859!important;border-radius:8px!important;padding:6px 12px!important;font-size:.78rem!important;font-weight:700!important;transition:all .18s!important}.btn-theme-preview:hover{background:#38bdf83d!important;border-color:#38bdf8!important;box-shadow:0 0 10px #38bdf859!important}body[data-theme=light] .customization-modal-card{background:#fffffffa;border-color:#0000001f;box-shadow:0 20px 45px #00000026}body[data-theme=light] .cust-modal-header{border-bottom-color:#00000014}body[data-theme=light] .customization-nav-tabs{background:#f1f5f9;border-color:#e2e8f0}body[data-theme=light] .cust-main-tab{color:#64748b}body[data-theme=light] .cust-main-tab.active{color:#0284c7;background:#fff;box-shadow:0 2px 8px #00000014}.theme-preview-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#0b132bf7;border:1px solid #38bdf859;border-radius:18px;width:90%;max-width:420px;padding:22px;animation:.2s ease-out modalIn;box-shadow:0 16px 48px #000000bf,0 0 24px #38bdf833}.theme-preview-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.theme-preview-hud{z-index:10000;-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#0f172aeb;border:1px solid #38bdf873;border-radius:999px;align-items:center;gap:12px;padding:7px 16px;animation:.25s ease-out slideDownFade;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #000000a6,0 0 16px #38bdf840}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.preview-hud-content{align-items:center;gap:8px;display:flex}.preview-hud-pulse{background:#38bdf8;border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite alternate pulseDot;box-shadow:0 0 10px #38bdf8}@keyframes pulseDot{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.25)}}.preview-hud-title{color:#f8fafc;letter-spacing:.3px;font-size:.84rem;font-weight:700;white-space:nowrap!important}.preview-hud-timer{color:#facc15;font-variant-numeric:tabular-nums;background:#facc1526;border:1px solid #facc1559;border-radius:999px;padding:2px 8px;font-size:.84rem;font-weight:800}.preview-hud-exit-btn{color:#f43f5e;cursor:pointer;background:#f43f5e33;border:1px solid #f43f5e73;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700;transition:all .18s}.preview-hud-exit-btn:hover{background:#f43f5e61;box-shadow:0 0 10px #f43f5e66}#btn-open-customization{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf829,#0ea5e938)!important;border-color:#38bdf873!important}#btn-open-customization:hover{box-shadow:0 4px 14px #38bdf847;background:linear-gradient(135deg,#38bdf847,#0ea5e959)!important;border-color:#38bdf8!important}@media (width<=768px){select,.modern-select,.catalog-sort-select,.shop-sort-select{height:42px!important;font-size:16px!important}.catalog-toolbar-actions{gap:6px!important;width:100%!important;display:flex!important}.catalog-toolbar-actions .btn-shop-toolbar,.catalog-toolbar-actions #btn-open-leaderboard{flex:1 1 0!important;justify-content:center!important;min-width:0!important;padding:8px 6px!important;font-size:.78rem!important}}.admin-themes-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;width:100%;max-width:100%;display:grid}@media (width<=640px){.admin-themes-grid{grid-template-columns:1fr!important}}.admin-theme-card{background:var(--surface-color);border:1px solid var(--surface-border);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.admin-theme-card:hover{border-color:var(--surface-border-hover);box-shadow:0 4px 20px #00000040}body[data-theme=light] .admin-theme-card{background:#fff;border-color:#cbd5e1}.admin-theme-accent-strip{border-radius:2px;width:100%;height:4px;margin-bottom:2px}.admin-theme-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-theme-id-tag{color:var(--text-secondary);background:#ffffff14;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem}.admin-theme-discount-box{background:#f59e0b14;border:1px solid #f59e0b47;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}body[data-theme=light] .admin-theme-discount-box{background:#f59e0b0d;border-color:#f59e0b59}.admin-discount-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fbbf24;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.admin-discount-preview-tag{background:#0000004d;border:1px dashed #f59e0b66;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;display:inline-flex}.theme-price-original{opacity:.5;color:#94a3b8;margin-right:6px;font-size:.8rem;text-decoration:line-through}.theme-price-discounted{font-weight:800;color:#4ade80!important}.theme-card-badge.theme-badge-sale{animation:2s ease-in-out infinite pulseSaleBadge;left:8px;right:auto;color:#fff!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;border-color:#ffffff4d!important;font-weight:800!important;box-shadow:0 0 12px #ef444480!important}@keyframes pulseSaleBadge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}html,body{touch-action:auto!important}button,a,[role=button]{touch-action:manipulation}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--highlight)!important;outline-offset:4px!important}:where(input,textarea){-webkit-user-select:text;user-select:text}:root{--text-muted:#94a3b8}body[data-theme=light]{--text-muted:#64748b}.catalog-filter-bar{padding-top:5px;padding-bottom:6px;scroll-padding-inline:8px}.filter-chip{flex-shrink:0;min-height:40px}.song-card:focus-within{border-color:var(--highlight)!important}.song-card:focus-within .spotify-play-btn{opacity:1;transform:translateY(0)}@media (pointer:coarse){.nav-btn,.filter-chip,.modal-close-btn,.lb-close-btn,.shop-search-clear,.btn-shop-toolbar,.friends-tab-btn,.auth-tab-btn,.cust-main-tab{min-width:44px;min-height:44px}.spotify-play-btn{opacity:1!important;transform:translateY(0)!important}.modal-overlay input,.modal-overlay select,.modal-overlay textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.simulated-fullscreen,body.simulated-fullscreen{z-index:99999!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}body.simulated-fullscreen .app-header{display:none!important}body.simulated-fullscreen #game-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)!important;z-index:100000!important;box-shadow:none!important;border:none!important;margin:0!important;position:fixed!important;inset:0!important}body.simulated-fullscreen canvas#rhythmCanvas,body.simulated-fullscreen canvas#pixiCanvas{width:100%!important;height:100%!important}.frame-cyber-alloy:after{background:radial-gradient(circle,#e5e8e8 0 16%,#a6b1b6 19% 27%,#273236 29% 38%,#0000 40%) 0 0/12px 12px no-repeat,radial-gradient(circle,#e5e8e8 0 16%,#a6b1b6 19% 27%,#273236 29% 38%,#0000 40%) 100% 0/12px 12px no-repeat,radial-gradient(circle,#e5e8e8 0 16%,#a6b1b6 19% 27%,#273236 29% 38%,#0000 40%) 0 100%/12px 12px no-repeat,radial-gradient(circle,#e5e8e8 0 16%,#a6b1b6 19% 27%,#273236 29% 38%,#0000 40%) 100% 100%/12px 12px no-repeat}.frame-frostbound:after{background:conic-gradient(from 20deg,#e9ffffdd,#6792ac99,#fff,#add8e3aa,#f7ffffee,#8fadbacc) 0 0/12px 12px no-repeat,conic-gradient(from 20deg,#e9ffffdd,#6792ac99,#fff,#add8e3aa,#f7ffffee,#8fadbacc) 100% 0/12px 12px no-repeat,conic-gradient(from 20deg,#e9ffffdd,#6792ac99,#fff,#add8e3aa,#f7ffffee,#8fadbacc) 0 100%/12px 12px no-repeat,conic-gradient(from 20deg,#e9ffffdd,#6792ac99,#fff,#add8e3aa,#f7ffffee,#8fadbacc) 100% 100%/12px 12px no-repeat}.frame-street-drift:after{background:radial-gradient(at 50% 72%,#9e6673 0 5%,#290f1c 12% 23%,#050509 27% 34%,#747079 37% 42%,#222028 44% 51%,#0000 53%) 0 0/12px 12px no-repeat,radial-gradient(at 50% 72%,#9e6673 0 5%,#290f1c 12% 23%,#050509 27% 34%,#747079 37% 42%,#222028 44% 51%,#0000 53%) 100% 0/12px 12px no-repeat,radial-gradient(at 50% 72%,#9e6673 0 5%,#290f1c 12% 23%,#050509 27% 34%,#747079 37% 42%,#222028 44% 51%,#0000 53%) 0 100%/12px 12px no-repeat,radial-gradient(at 50% 72%,#9e6673 0 5%,#290f1c 12% 23%,#050509 27% 34%,#747079 37% 42%,#222028 44% 51%,#0000 53%) 100% 100%/12px 12px no-repeat}.frame-steampunk-chrono:after{background:radial-gradient(circle, #1d2322 0 12%, #e4bd76 14% 21%, #8c5d32 23% 35%, transparent 37%) left top / 12px 12px no-repeat, repeating-conic-gradient(#ba8950 0 19deg, #382a1e 20deg 27deg, #d9b57a 28deg 40deg, transparent 41deg 45deg) left top / 12px 12px no-repeat, radial-gradient(circle, #1d2322 0 12%, #e4bd76 14% 21%, #8c5d32 23% 35%, transparent 37%) right top / 12px 12px no-repeat, repeating-conic-gradient(#ba8950 0 19deg, #382a1e 20deg 27deg, #d9b57a 28deg 40deg, transparent 41deg 45deg) right top / 12px 12px no-repeat, radial-gradient(circle, #1d2322 0 12%, #e4bd76 14% 21%, #8c5d32 23% 35%, transparent 37%) left bottom / 12px 12px no-repeat, repeating-conic-gradient(#ba8950 0 19deg, #382a1e 20deg 27deg, #d9b57a 28deg 40deg, transparent 41deg 45deg) left bottom / 12px 12px no-repeat, radial-gradient(circle, #1d2322 0 12%, #e4bd76 14% 21%, #8c5d32 23% 35%, transparent 37%) right bottom / 12px 12px no-repeat, repeating-conic-gradient(#ba8950 0 19deg, #382a1e 20deg 27deg, #d9b57a 28deg 40deg, transparent 41deg 45deg) right bottom / 12px 12px no-repeat}.frame-collection{isolation:isolate;transition:all .25s;position:relative;border-radius:var(--frame-radius,50%)!important;overflow:visible!important}.frame-collection>.avatar-photo,.frame-collection>img{border-radius:inherit}.frame-moon-rime{border:2px solid #a5f3fc!important;animation:3s ease-in-out infinite frame-moon-rime-shimmer!important;box-shadow:0 0 10px #a5f3fcbf,0 0 22px #38bdf873,inset 0 0 8px #e0f2fe99!important}@keyframes frame-moon-rime-shimmer{0%,to{border-color:#a5f3fc;box-shadow:0 0 8px #a5f3fc99,0 0 18px #38bdf859,inset 0 0 6px #e0f2fe80}50%{border-color:#fff;box-shadow:0 0 16px #a5f3fcf2,0 0 30px #38bdf8b3,inset 0 0 10px #e0f2fed9}}.frame-crimson-dawn{border:2px solid #ef4444!important;animation:2s ease-in-out infinite alternate frame-crimson-dawn-glow!important;box-shadow:0 0 12px #dc2626,0 0 26px #b91c1ccc,inset 0 0 9px #ef444480!important}@keyframes frame-crimson-dawn-glow{0%{border-color:#dc2626;box-shadow:0 0 10px #dc2626,0 0 20px #b91c1c99,inset 0 0 6px #ef444466}to{border-color:#f87171;box-shadow:0 0 18px #ef4444,0 0 34px #f87171d9,inset 0 0 12px #ef4444b3}}.frame-ice-moon-throne{border:2.5px solid #38bdf8!important;animation:2.8s ease-in-out infinite frame-ice-moon-throne-pulse!important;box-shadow:0 0 14px #0284c7,0 0 28px #38bdf8a6,inset 0 0 9px #e0f2fe!important}@keyframes frame-ice-moon-throne-pulse{0%,to{border-color:#38bdf8;box-shadow:0 0 10px #0284c7,0 0 22px #38bdf880,inset 0 0 7px #bae6fd}50%{border-color:#bae6fd;box-shadow:0 0 20px #38bdf8,0 0 40px #0ea5e9d9,inset 0 0 12px #f0f9ff}}.frame-silence-blades{border:2px solid #cbd5e1!important;animation:2.4s ease-in-out infinite frame-silence-blades-gleam!important;box-shadow:0 0 10px #e2e8f0cc,0 0 22px #94a3b880,inset 0 0 7px #f8fafcb3!important}@keyframes frame-silence-blades-gleam{0%,to{border-color:#94a3b8;box-shadow:0 0 8px #cbd5e199,0 0 18px #94a3b866,inset 0 0 5px #f1f5f980}50%{border-color:#fff;box-shadow:0 0 16px #fffffff2,0 0 30px #cbd5e1cc,inset 0 0 10px #fff}}.frame-blossom-charm{border:2px solid #f472b6!important;animation:3.2s ease-in-out infinite frame-blossom-charm-breathe!important;box-shadow:0 0 12px #f472b6bf,0 0 24px #fbcfe873,inset 0 0 8px #f472b673!important}@keyframes frame-blossom-charm-breathe{0%,to{border-color:#f472b6;box-shadow:0 0 9px #f472b699,0 0 18px #f472b659,inset 0 0 6px #fbcfe84d}50%{border-color:#fbcfe8;box-shadow:0 0 18px #f472b6e6,0 0 32px #fbcfe8b3,inset 0 0 11px #fdf2f8cc}}.frame-abyss-portal{border:2.5px solid #a855f7!important;animation:3.5s ease-in-out infinite frame-abyss-portal-vortex!important;box-shadow:0 0 16px #7c3aed,0 0 32px #7c3aedcc,0 0 46px #06b6d473,inset 0 0 10px #a855f7a6!important}@keyframes frame-abyss-portal-vortex{0%,to{border-color:#a855f7;box-shadow:0 0 12px #7c3aed,0 0 24px #7c3aed99,0 0 38px #06b6d459,inset 0 0 8px #a855f780}50%{border-color:#38bdf8;box-shadow:0 0 22px #c084fc,0 0 42px #7c3aedf2,0 0 54px #06b6d4b3,inset 0 0 14px #c084fcd9}}.frame-cassette-808{border:2px solid #ec4899!important;animation:1.6s ease-in-out infinite frame-cassette-808-beat!important;box-shadow:0 0 12px #ec4899,0 0 26px #eab308b3,inset 0 0 8px #ec489980!important}@keyframes frame-cassette-808-beat{0%,to{border-color:#ec4899;box-shadow:0 0 9px #ec4899,0 0 20px #eab30880,inset 0 0 6px #ec489959}50%{border-color:#eab308;box-shadow:0 0 18px #f43f5e,0 0 34px #eab308e6,inset 0 0 12px #facc15b3}}.frame-neon-archive{border:2.5px solid #10b981!important;animation:2.2s ease-in-out infinite frame-neon-archive-scan!important;box-shadow:0 0 12px #10b981,0 0 26px #06b6d4a6,inset 0 0 8px #10b98173!important}@keyframes frame-neon-archive-scan{0%,to{border-color:#10b981;box-shadow:0 0 9px #10b981,0 0 20px #06b6d473,inset 0 0 6px #10b98159}50%{border-color:#06b6d4;box-shadow:0 0 18px #06b6d4,0 0 34px #10b981d9,inset 0 0 12px #06b6d4a6}}.frame-star-forge{border:2.5px solid #fff!important;animation:2.5s ease-in-out infinite frame-star-forge-flare!important;box-shadow:0 0 16px #38bdf8,0 0 32px #f59e0bb3,0 0 48px #38bdf8bf,inset 0 0 10px #fff!important}@keyframes frame-star-forge-flare{0%,to{border-color:#fff;box-shadow:0 0 12px #38bdf8,0 0 24px #f59e0b80,0 0 36px #38bdf88c,inset 0 0 7px #e0f2fe}50%{border-color:#fef08a;box-shadow:0 0 24px #38bdf8,0 0 46px #f59e0be6,0 0 60px #38bdf8f2,inset 0 0 14px #fff}}body[data-theme=light] :is(.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge){box-shadow:0 3px 10px #0000002e,inset 0 1px 2px #fff9!important}body[data-theme=light] .frame-moon-rime{border-color:#0284c7!important}body[data-theme=light] .frame-crimson-dawn{border-color:#dc2626!important}body[data-theme=light] .frame-ice-moon-throne{border-color:#0284c7!important}body[data-theme=light] .frame-silence-blades{border-color:#475569!important}body[data-theme=light] .frame-blossom-charm{border-color:#db2777!important}body[data-theme=light] .frame-abyss-portal{border-color:#7c3aed!important}body[data-theme=light] .frame-cassette-808{border-color:#db2777!important}body[data-theme=light] .frame-neon-archive{border-color:#059669!important}body[data-theme=light] .frame-star-forge{border-color:#0284c7!important}:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge){isolation:isolate;background-clip:padding-box;position:relative;filter:none!important;box-shadow:inset 0 0 0 1px var(--ring-shadow), 0 2px 4px #0005!important;border:0!important;border-radius:50%!important;outline:none!important;animation:none!important;overflow:visible!important}:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge)>:is(.avatar-photo,.avatar-letter){border-radius:50%}:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge):before,:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge):after{content:"";pointer-events:none;box-sizing:border-box;opacity:1;width:auto;height:auto;margin:0;position:absolute;clip-path:none!important;filter:none!important;border-radius:50%!important;animation:none!important;transform:none!important}:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge):before{z-index:2;border:1px solid var(--ring-shadow);background:var(--ring-inlay), conic-gradient(from 145deg, var(--ring-shadow), var(--ring-metal) 12%, var(--ring-light) 26%, var(--ring-metal) 38%, var(--ring-shadow) 53%, var(--ring-metal) 70%, var(--ring-light) 78%, var(--ring-shadow));-webkit-mask-composite:xor;box-shadow:inset 0 1px 1px var(--ring-light), inset 0 -1px 2px var(--ring-shadow);padding:5px;inset:-5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge):after{z-index:3;border:1px solid var(--ring-metal);box-shadow:inset 0 1px 0 var(--ring-light), 0 1px 2px #0006;background:0 0;padding:0;inset:-6px;-webkit-mask:none;mask:none}.frame-neon-start{--ring-metal:#6be4d8;--ring-shadow:#143d47;--ring-light:#d6ffff;--ring-inlay:repeating-conic-gradient(#061c29 0deg 4deg, transparent 4deg 45deg)}.frame-gold-prestige{--ring-metal:#e9b852;--ring-shadow:#543416;--ring-light:#fff0bc;--ring-inlay:repeating-conic-gradient(#71421199 0deg 2deg, transparent 2deg 12deg)}.frame-crimson-fire{--ring-metal:#d94b28;--ring-shadow:#390e13;--ring-light:#ffc28a;--ring-inlay:conic-gradient(from 30deg, transparent, #ffb85b 18%, transparent 25%, #711823 52%, transparent 60%, #ffcf8b 85%, transparent)}.frame-cosmic-nebula{--ring-metal:#7468a5;--ring-shadow:#181827;--ring-light:#ced5ff;--ring-inlay:radial-gradient(circle at 50% 2%, #fff 0 2%, transparent 3%), conic-gradient(#31345e, #9985c9, #101529, #476884, #31345e)}.frame-cyber-glitch{--ring-metal:#76b99a;--ring-shadow:#24302e;--ring-light:#ddf8e8;--ring-inlay:repeating-conic-gradient(from 12deg, #102b26 0deg 6deg, transparent 6deg 40deg, #abe9ca 40deg 43deg, transparent 43deg 60deg)}.frame-prismatic{--ring-metal:#d7c6d4;--ring-shadow:#65556d;--ring-light:#fff7f0;--ring-inlay:conic-gradient(#efb9b8, #e5d69b, #b6d6cb, #a6b7dc, #ccb4dd, #efb9b8)}.frame-cyber-alloy{--ring-metal:#a0b6be;--ring-shadow:#27363e;--ring-light:#edf8fa;--ring-inlay:repeating-conic-gradient(#263e4899 0deg 2deg, transparent 2deg 30deg, #e7f3f6 30deg 32deg, transparent 32deg 60deg)}.frame-baroque-gold{--ring-metal:#d7a34c;--ring-shadow:#58351a;--ring-light:#fff2c6;--ring-inlay:repeating-conic-gradient(from 9deg, #5c351999 0deg 3deg, #e4bd75 3deg 6deg, transparent 6deg 18deg)}.frame-frostbound{--ring-metal:#a6d8e5;--ring-shadow:#486880;--ring-light:#f4ffff;--ring-inlay:repeating-conic-gradient(from 15deg, #fffb 0deg 2deg, #6288a966 2deg 12deg, transparent 12deg 30deg)}.frame-street-drift{--ring-metal:#8f959b;--ring-shadow:#17191e;--ring-light:#e2e5e8;--ring-inlay:repeating-conic-gradient(from 8deg, #080b10 0deg 7deg, #69717b 7deg 10deg, #222731 10deg 20deg)}.frame-gothic-thorn{--ring-metal:#977b83;--ring-shadow:#261b27;--ring-light:#e5cbd1;--ring-inlay:repeating-conic-gradient(from 15deg, #1d1727 0deg 3deg, #b3959e 3deg 5deg, transparent 5deg 30deg)}.frame-steampunk-chrono{--ring-metal:#b99052;--ring-shadow:#493324;--ring-light:#ffe2a0;--ring-inlay:repeating-conic-gradient(#241e17 0deg 2deg, transparent 2deg 30deg, #fff1b8 30deg 33deg, transparent 33deg 36deg)}.frame-sakura-urushi{--ring-metal:#ba8b81;--ring-shadow:#391623;--ring-light:#f6ddca;--ring-inlay:conic-gradient(from 120deg, #441a2c, #ab625f 28%, #f2cf8b 29%, #5e293a 30%, #211b29 70%, #f2cf8b 71%, #441a2c 72%)}.frame-moon-rime{--ring-metal:#cfdae4;--ring-shadow:#526179;--ring-light:#f8ffff;--ring-inlay:conic-gradient(from 220deg, #35445d, #9aafc9 45%, #fff 70%, #becfe0 85%, #35445d)}.frame-crimson-dawn{--ring-metal:#c37883;--ring-shadow:#371d32;--ring-light:#ffdacb;--ring-inlay:conic-gradient(from 90deg, #311c30, #773e58, #edb09a, #b86072, #311c30)}.frame-ice-moon-throne{--ring-metal:#c3c5e7;--ring-shadow:#484066;--ring-light:#fff7ff;--ring-inlay:repeating-conic-gradient(from 18deg, #faf1ff 0deg 2deg, #746495 2deg 12deg, transparent 12deg 36deg)}.frame-silence-blades{--ring-metal:#bbc7ce;--ring-shadow:#2e3548;--ring-light:#fff;--ring-inlay:repeating-conic-gradient(from 45deg, #1e2637 0deg 20deg, #cbdde4 20deg 42deg, #fff 42deg 45deg, #778999 45deg 90deg)}.frame-blossom-charm{--ring-metal:#e7b5c1;--ring-shadow:#805666;--ring-light:#fff2e8;--ring-inlay:repeating-conic-gradient(from 18deg, #f9e3de 0deg 7deg, #b88097 7deg 12deg, transparent 12deg 72deg)}.frame-abyss-portal{--ring-metal:#6e608b;--ring-shadow:#171622;--ring-light:#d1b4e0;--ring-inlay:repeating-conic-gradient(from 30deg, #0e1323 0deg 28deg, #b5a4c6 28deg 30deg, #40384f 30deg 60deg)}.frame-cassette-808{--ring-metal:#a2a7af;--ring-shadow:#26222a;--ring-light:#eeeeef;--ring-inlay:repeating-conic-gradient(#18171c 0deg 6deg, #b4b9bf 6deg 8deg, #34303b 8deg 30deg)}.frame-neon-archive{--ring-metal:#75a797;--ring-shadow:#263c39;--ring-light:#daf3da;--ring-inlay:repeating-conic-gradient(from 5deg, #122d2d 0deg 3deg, transparent 3deg 10deg, #dbeab6 10deg 12deg, transparent 12deg 45deg)}.frame-star-forge{--ring-metal:#d7baa0;--ring-shadow:#504454;--ring-light:#fff3d9;--ring-inlay:repeating-conic-gradient(from 22deg, #fbeedc 0deg 2deg, #827188 2deg 20deg, transparent 20deg 45deg)}.frame-baroque-gold:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #a62542 2% 4%, var(--ring-shadow) 5%, transparent 6%)}.frame-gothic-thorn:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #86273e 2% 4%, var(--ring-shadow) 5%, transparent 6%)}.frame-ice-moon-throne:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #babbea 2% 4%, var(--ring-shadow) 5%, transparent 6%)}.frame-sakura-urushi:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #f5b9bc 2% 4%, var(--ring-shadow) 5%, transparent 6%)}.frame-cassette-808:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #c84753 2% 4%, var(--ring-shadow) 5%, transparent 6%)}.frame-neon-archive:after{background:radial-gradient(ellipse at 50% 4%, #fff7 0 1%, #b6d990 2% 4%, var(--ring-shadow) 5%, transparent 6%)}@media (prefers-reduced-motion:reduce){.frame-collection{animation:none!important}}body[data-theme] :is(.frame-neon-start,.frame-gold-prestige,.frame-crimson-fire,.frame-cosmic-nebula,.frame-cyber-glitch,.frame-prismatic,.frame-cyber-alloy,.frame-baroque-gold,.frame-frostbound,.frame-street-drift,.frame-gothic-thorn,.frame-steampunk-chrono,.frame-sakura-urushi,.frame-moon-rime,.frame-crimson-dawn,.frame-ice-moon-throne,.frame-silence-blades,.frame-blossom-charm,.frame-abyss-portal,.frame-cassette-808,.frame-neon-archive,.frame-star-forge){box-shadow:inset 0 0 0 1px var(--ring-shadow), 0 2px 4px #0005!important}.icon-user-container{border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.track-diff-badge.hardcore-modifier{vertical-align:middle;color:#fda4af;background:#9f123922;border:1px solid #fb718566;border-radius:4px;align-items:center;margin-inline-start:5px;padding:2px 7px;font-size:.7rem;font-weight:700;line-height:1.4;display:inline-flex}body[data-theme=light] .track-diff-badge.hardcore-modifier{color:#9f1239;background:#ffe4e6;border-color:#e9a9b5}:is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon){isolation:isolate!important;filter:none!important;box-shadow:none!important;background-clip:padding-box!important;border:0!important;border-radius:50%!important;animation:none!important;position:relative!important;overflow:visible!important}:is(.icon-user-container,.profile-avatar-pill,.user-profile-avatar,.podium-avatar,.lb-avatar-mini,.cust-frame-preview,.cust-frame-mini-avatar,.cust-showcase-avatar)[class*=frame-]{position:relative!important;overflow:visible!important}:is(.icon-user-container,.profile-avatar-pill,.user-profile-avatar,.podium-avatar,.lb-avatar-mini,.cust-frame-preview,.cust-frame-mini-avatar,.cust-showcase-avatar):is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon){overflow:visible!important}:is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon)>:is(.avatar-photo,.avatar-letter,img,svg){z-index:1!important;border-radius:50%!important;display:block!important;position:relative!important;overflow:hidden!important}.cust-frame-preview:is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon){margin:4px 10px;z-index:1!important;position:relative!important;overflow:visible!important}.cust-frame-preview.frame-champion-crown{margin:6px 14px!important}:is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon):before{content:""!important;z-index:10!important;pointer-events:none!important;box-sizing:border-box!important;clip-path:none!important;filter:none!important;backface-visibility:hidden!important;image-rendering:-webkit-optimize-contrast!important;opacity:1!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border:0!important;border-radius:0!important;animation:none!important;position:absolute!important;inset:-35%!important;transform:translateZ(0)!important;-webkit-mask:none!important;mask:none!important}:is(.frame-champion-crown,.frame-leader-crown,.frame-silver-crown,.frame-eared-melon):after{content:none!important;display:none!important}.frame-champion-crown:before{background-image:url(/assets/champion-crown-Bc-N1KHu.svg)!important;inset:-92%!important}.frame-silver-crown:before{background-image:url(/assets/silver-crown-BUXrR3hL.svg)!important;inset:-22%!important}.frame-leader-crown:before{background-image:url(/assets/leader-crown-DGR5NHe6.svg)!important}.frame-eared-melon:before{background-image:url(/assets/eared-melon-bHO3tdRC.svg)!important;inset:-25%!important}.mobile-bottom-nav{display:none}@media (width<=600px){.mobile-bottom-nav{height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);z-index:95;box-sizing:border-box;background:#0b111ef5;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -8px 24px #0009,inset 0 1px #ffffff0f}html.in-game .mobile-bottom-nav,body.in-game .mobile-bottom-nav,#game-container:not(.hidden)~.mobile-bottom-nav{display:none!important}body:has(.modal-overlay:not(.hidden)) .mobile-bottom-nav{display:none!important}body:has(#lb-modal-overlay) .mobile-bottom-nav{display:none!important}body:not(.in-game){padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.mobile-nav-item{height:100%;color:var(--text-secondary,#94a3b8);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 0;font-family:inherit;font-size:.65rem;font-weight:600;transition:color .15s,transform .15s;display:flex}.mobile-nav-item .mob-nav-icon{border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mobile-nav-item.active{color:#38bdf8}.mobile-nav-item.active .mob-nav-icon{color:#38bdf8;background:#38bdf824;box-shadow:0 0 12px #38bdf840}.mobile-nav-item:active{transform:scale(.92)}}:root{--animeon-bg:#0a0a0a;--animeon-bg-2:#101014;--animeon-surface:#111118;--animeon-surface-2:#17151f;--animeon-surface-hover:#1c1a26;--animeon-border:#ffffff14;--animeon-border-hover:#ffffff29;--animeon-border-focus:#38bdf866;--animeon-text:#f4f2ff;--animeon-text-dim:#9b93b3;--animeon-accent:#38bdf8;--animeon-accent-rgb:56, 189, 248;--animeon-accent-glow:#38bdf840;--animeon-gold:#f59e0b;--animeon-pink:#ec4899}.app-shell{box-sizing:border-box;width:100%;min-height:100vh;position:relative}html.in-game,body.in-game{touch-action:none!important;-webkit-overflow-scrolling:auto!important;width:100%!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}html.in-game #app-shell,body.in-game #app-shell,html.in-game .app-shell,body.in-game .app-shell,html.in-game .mobile-bottom-nav,body.in-game .mobile-bottom-nav,html.in-game #mobile-bottom-nav,body.in-game #mobile-bottom-nav{display:none!important}html.in-game #game-container,body.in-game #game-container,#game-container:not(.hidden){inset:0!important;z-index:99999!important;box-sizing:border-box!important;width:100vw!important;max-width:500px!important;height:100dvh!important;margin:0 auto!important;position:fixed!important;inset:0!important;overflow:hidden!important}@media (width<=600px){html.in-game #game-container,body.in-game #game-container,#game-container:not(.hidden){border-left:none!important;border-right:none!important;width:100vw!important;max-width:100vw!important}}.app-view{box-sizing:border-box;width:100%;display:none}.app-view.active{animation:.2s cubic-bezier(.16,1,.3,1) forwards appViewFade;display:block!important}.app-view.hidden{display:none!important}@keyframes appViewFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-nav-rail{display:none}@media (width>=601px){.app-shell{display:block}.app-nav-rail{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:16px 0 20px;box-shadow:4px 0 24px #00000080;z-index:100!important;pointer-events:auto!important;background:#0a0a0c!important;border-right:1px solid #ffffff14!important;width:72px!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.nav-rail-top,.nav-rail-bottom{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.nav-rail-item{border-radius:var(--radius-md,12px);color:#9b93b3;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:56px;height:52px;padding:0;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;pointer-events:auto!important}.nav-rail-item .nav-rail-icon{pointer-events:none;justify-content:center;align-items:center;display:flex}.nav-rail-item .nav-rail-label{letter-spacing:-.01em;opacity:.85;white-space:nowrap;text-overflow:ellipsis;text-align:center;pointer-events:none;max-width:52px;font-size:.64rem;font-weight:600;line-height:1;overflow:hidden}.nav-rail-item:hover{color:#f4f2ff;background:#1a1727;border-color:#ffffff14;transform:translate(2px)}.nav-rail-item.active{color:#c4b5fd;background:#8b5cf629;border-color:#8b5cf673;box-shadow:0 0 16px #8b5cf640}.nav-rail-item.active:before{content:"";background:#8b5cf6;border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:-8px;box-shadow:0 0 8px #8b5cf6}.nav-rail-item.nav-rail-admin.active{color:#f59e0b;background:#f59e0b24;border-color:#f59e0b59;box-shadow:0 0 16px #f59e0b40}.nav-rail-item.nav-rail-admin.active:before{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.rail-badge{border-radius:var(--radius-full,9999px);color:#fff;background:#ec4899;padding:1px 5px;font-size:.62rem;font-weight:700;line-height:1.2;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ec489999}.app-header{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;z-index:90!important;background:#0a0a0cf0!important;border-bottom:1px solid #ffffff14!important;width:calc(100% - 72px)!important;height:52px!important;padding:0 32px!important;position:fixed!important;top:0!important;left:72px!important}.app-main.app-workspace{z-index:1;position:relative;box-sizing:border-box!important;width:calc(100% - 72px)!important;min-height:100vh!important;margin-top:0!important;margin-left:72px!important;padding:72px 32px 36px!important}.mobile-bottom-nav{display:none!important}}@media (width<=600px){:root{--mobile-nav-clearance:calc(58px + env(safe-area-inset-bottom,0px) + 24px)}.app-nav-rail{display:none!important}.app-header{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;z-index:90!important;background:#0a0a0cf5!important;border-bottom:1px solid #ffffff14!important;width:100%!important;height:50px!important;padding:0 16px!important;position:sticky!important;top:0!important;left:0!important}.app-main.app-workspace{width:100%!important;padding:14px 14px var(--mobile-nav-clearance) 14px!important;box-sizing:border-box!important;min-height:calc(100vh - 50px)!important;margin-left:0!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(24px);box-sizing:border-box;width:100%!important;height:calc(58px + env(safe-area-inset-bottom,0px))!important;z-index:100!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#0a0a0cfa!important;border-top:1px solid #ffffff14!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important}}.catalog-hero-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.catalog-hero-search-group{flex:1;grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center;gap:12px;min-width:280px;max-width:680px;display:grid}.catalog-hero-search-group .search-container{align-items:center;display:flex;position:relative;width:100%!important;max-width:none!important;margin:0!important}.catalog-hero-search-group .search-container input,.catalog-hero-search-group #song-search-input{border-radius:var(--radius-md,12px);color:#f4f2ff;box-sizing:border-box;background:#1a1727;border:1px solid #ffffff14;font-family:inherit;font-size:.9rem;transition:all .2s;width:100%!important;height:44px!important;margin:0!important;padding:0 16px 0 42px!important}.catalog-hero-search-group .search-container input:focus,.catalog-hero-search-group #song-search-input:focus{background:#252138;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf640}.catalog-hero-search-group .search-icon-inside{pointer-events:none;opacity:.6;z-index:2;color:#c4b5fd;align-items:center;display:flex;position:absolute;left:14px}.catalog-hero-search-group .catalog-sort-select{border-radius:var(--radius-md,12px);color:#f4f2ff;cursor:pointer;box-sizing:border-box;background:#1a1727;border:1px solid #ffffff14;outline:none;height:44px;padding:0 16px;font-family:inherit;font-size:.86rem;font-weight:500;transition:all .2s;width:100%!important;margin:0!important}.catalog-hero-search-group .catalog-sort-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.catalog-hero-bar .catalog-stats-badge{border-radius:var(--radius-full,9999px);color:#c4b5fd;white-space:nowrap;background:#14121e;border:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=600px){.catalog-hero-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:14px!important}.catalog-hero-search-group{flex-direction:column!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.catalog-hero-search-group .search-container input,.catalog-hero-search-group #song-search-input{height:42px!important;font-size:.88rem!important}.catalog-hero-search-group .catalog-sort-select{height:40px!important;font-size:.84rem!important}.catalog-hero-bar .catalog-stats-badge{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:6px 14px!important;font-size:.78rem!important}}.app-view .section-panel{-webkit-backdrop-filter:none!important;width:100%!important;max-width:1400px!important;box-shadow:none!important;z-index:1!important;background:0 0!important;border:none!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;transform:none!important}#app-shell .app-main .app-view .customization-modal-card,#app-shell .app-main .app-view .admin-modal-content,#app-shell .app-main .app-view .friends-modal-card,#app-shell .app-main .app-view .shop-modal-card,#app-shell .app-main .app-view .settings-modal-card,#app-shell .app-main .app-view .user-profile-card,#app-shell .app-main .app-view .profile-modal-card,#app-shell .app-main .app-view .leaderboard-modal,.app-view .customization-modal-card,.app-view .admin-modal-content,.app-view .friends-modal-card,.app-view .shop-modal-card,.app-view .settings-modal-card,.app-view .user-profile-card,.app-view .profile-modal-card,.app-view .leaderboard-modal{color:var(--text-primary,#f4f2ff);width:100%!important;max-width:1400px!important;height:auto!important;max-height:none!important;box-shadow:var(--shadow-card,0 20px 60px #0009)!important;border-radius:var(--radius-xl,22px)!important;border:1px solid var(--border-subtle,#ffffff14)!important;background:var(--surface-1,#14121e)!important;-webkit-backdrop-filter:blur(24px)!important;box-sizing:border-box!important;margin:0 auto!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}#app-shell .app-main .app-view .settings-modal-card,.app-view .settings-modal-card{max-width:680px!important;margin:0 auto!important}#app-shell .app-main .app-view .lb-content-wrapper,#app-shell .app-main .app-view .lb-scroll-area,#app-shell .app-main .app-view .cust-tab-pane,#app-shell .app-main .app-view .admin-modal-scroll-area,#app-shell .app-main .app-view #admin-track-list,#app-shell .app-main .app-view .friends-list-container,#app-shell .app-main .app-view #friends-list-container{flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}.app-view .modal-close-btn,.app-view .admin-sticky-close-btn,.app-view #admin-bottom-close-btn,.app-view #shop-bottom-close-btn,.app-view #customization-bottom-close-btn,.app-view .lb-close-btn,.app-view #user-profile-close-btn,.app-view #profile-close-btn,.app-view #settings-close-btn,.app-view #friends-close-btn{display:none!important}.leaderboard-modal{max-width:960px!important;margin:0 auto!important;padding:28px 32px!important}#app-shell .app-main .app-view .leaderboard-modal .lb-sticky-top,#view-leaderboard .leaderboard-modal .lb-sticky-top,#lb-view-container .leaderboard-modal .lb-sticky-top,.leaderboard-modal .lb-sticky-top{box-shadow:none!important;-webkit-backdrop-filter:none!important;text-align:center!important;background:0 0!important;border-bottom:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0 auto 16px!important;padding:0!important;display:flex!important;position:static!important}#app-shell .app-main .app-view .leaderboard-modal .lb-header-row,#view-leaderboard .leaderboard-modal .lb-header-row,#lb-view-container .leaderboard-modal .lb-header-row,.leaderboard-modal .lb-sticky-top .lb-header-row,.leaderboard-modal .lb-header-row{box-shadow:none!important;-webkit-backdrop-filter:none!important;text-align:center!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto 12px!important;padding:0!important;display:flex!important;position:static!important}.leaderboard-modal .lb-title,.leaderboard-modal .lb-page-title,.page-title,.page-title-gradient{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;letter-spacing:.02em!important;text-align:center!important;text-transform:none!important;background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 35%,#8b5cf6 70%,#c084fc 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;filter:drop-shadow(0 2px 10px #8b5cf638)!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;font-size:clamp(1.35rem,3.8vw,1.85rem)!important;font-weight:700!important;line-height:1.25!important;display:flex!important}.leaderboard-modal .lb-limit-bar{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:6px auto 20px!important;display:flex!important}.leaderboard-modal .lb-limit-label{color:#9b93b3;margin-right:4px;font-size:.8rem;font-weight:600}.leaderboard-modal .lb-limit-btn{color:#9b93b3!important;border-radius:var(--radius-full,9999px)!important;cursor:pointer!important;background:#1a1727!important;border:1px solid #ffffff14!important;padding:6px 16px!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important}.leaderboard-modal .lb-limit-btn:hover{color:#f4f2ff!important;background:#252138!important;border-color:#8b5cf666!important}.leaderboard-modal .lb-limit-btn.active{color:#fff!important;background:#8b5cf6!important;border-color:#8b5cf6!important;box-shadow:0 0 16px #8b5cf666!important}.leaderboard-modal .lb-podium-container{flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;gap:16px!important;width:100%!important;margin:16px 0 28px!important;padding:0!important;display:flex!important}.leaderboard-modal .podium-card{text-align:center!important;border-radius:var(--radius-lg,16px)!important;cursor:pointer!important;background:#1a1727!important;border:1px solid #ffffff14!important;flex-direction:column!important;flex:1 1 0!important;align-items:center!important;min-width:0!important;max-width:260px!important;padding:18px 14px 0!important;transition:transform .2s,border-color .2s,box-shadow .2s!important;display:flex!important;position:relative!important;overflow:visible!important;box-shadow:0 8px 24px #0006!important}.leaderboard-modal .podium-card:hover{border-color:#8b5cf666!important;transform:translateY(-4px)!important;box-shadow:0 12px 32px #00000080,0 0 20px #8b5cf633!important}.leaderboard-modal .podium-card.podium-rank-1{z-index:3;transform:translateY(-12px);background:linear-gradient(#f59e0b29 0%,#8b5cf61f 40%,#1a1727 85%)!important;border:1.5px solid #f59e0b80!important;order:2!important;box-shadow:0 12px 36px #0009,0 0 24px #f59e0b33!important}.leaderboard-modal .podium-card.podium-rank-1:hover{transform:translateY(-16px)!important}.leaderboard-modal .podium-card.podium-rank-2{z-index:2;background:linear-gradient(#94a3b824 0%,#1a1727 75%)!important;border:1px solid #94a3b84d!important;order:1!important}.leaderboard-modal .podium-card.podium-rank-3{z-index:1;background:linear-gradient(#d9770624 0%,#1a1727 75%)!important;border:1px solid #d977064d!important;order:3!important}.leaderboard-modal .podium-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.leaderboard-modal .podium-rank-badge{border-radius:var(--radius-full,9999px);background:#0006;align-items:center;gap:4px;padding:3px 8px;font-size:.84rem;font-weight:800;display:inline-flex}.leaderboard-modal .podium-rank-badge.rank-1{color:#fbbf24;border:1px solid #f59e0b66}.leaderboard-modal .podium-rank-badge.rank-2{color:#cbd5e1;border:1px solid #94a3b866}.leaderboard-modal .podium-rank-badge.rank-3{color:#f59e0b;border:1px solid #d9770666}.leaderboard-modal .podium-tier-label{letter-spacing:.06em;text-transform:uppercase;color:#9b93b3;font-size:.66rem;font-weight:700}.leaderboard-modal .podium-avatar-stage{justify-content:center!important;align-items:center!important;width:100%!important;height:100px!important;margin:6px 0!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-avatar{border-radius:50%!important;justify-content:center!important;align-items:center!important;width:62px!important;height:62px!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-rank-1 .podium-avatar{width:72px!important;height:72px!important}.leaderboard-modal .podium-player-details{flex-direction:column;flex:auto;align-items:center;gap:4px;width:100%;margin-top:6px;display:flex}.leaderboard-modal .podium-name{color:#f4f2ff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.95rem!important;font-weight:700!important;overflow:hidden!important}.leaderboard-modal .podium-title-wrap{max-width:100%;margin:2px 0}.leaderboard-modal .podium-title-badge{border-radius:var(--radius-full,9999px)!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:120px!important;padding:2px 8px!important;font-size:.65rem!important;display:inline-block!important;overflow:hidden!important}.leaderboard-modal .podium-title-badge.title-tier-common{color:#cbd5e1!important;box-shadow:none!important;background:#94a3b81f!important;border:1px solid #94a3b84d!important}.leaderboard-modal .podium-title-badge.title-tier-thematic{color:#7dd3fc!important;background:linear-gradient(135deg,#0ea5e92e,#6366f12e)!important;border:1px solid #38bdf873!important;box-shadow:0 0 10px #38bdf833!important}.leaderboard-modal .podium-title-badge.title-tier-rare{color:#fcd34d!important;background:linear-gradient(135deg,#f59e0b2e,#ec48992e)!important;border:1px solid #f59e0b80!important;box-shadow:0 0 12px #f59e0b40!important}.leaderboard-modal .podium-title-badge.title-tier-elite{color:#fef08a!important;text-shadow:0 0 8px #fbbf2480!important;background:linear-gradient(135deg,#fbbf2438,#a855f738,#38bdf838)!important;border:1px solid #fbbf2499!important;font-weight:700!important;box-shadow:0 0 16px #fbbf2459,inset 0 0 8px #fbbf2433!important}.leaderboard-modal .podium-title-badge:not([class*=title-tier-]){color:#cbd5e1!important;background:#94a3b81f!important;border:1px solid #94a3b84d!important}.leaderboard-modal .podium-score-wrap{flex-direction:column;align-items:center;gap:2px;margin-top:6px;margin-bottom:12px;display:flex}.leaderboard-modal .podium-score{font-family:var(--font-sans)!important;color:#f4f2ff!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.01em!important;font-size:1.15rem!important;font-weight:800!important}.leaderboard-modal .podium-rank-1 .podium-score{color:#fbbf24!important;font-size:1.25rem!important}.leaderboard-modal .podium-levels{color:#9b93b3;font-size:.74rem}.leaderboard-modal .podium-extra-stats{align-items:center;gap:8px;margin-top:4px;display:flex}.leaderboard-modal .podium-mini-stat{border-radius:var(--radius-full,9999px);color:#f4f2ff;background:#ffffff0d;border:1px solid #ffffff14;padding:1px 7px;font-size:.72rem;font-weight:600}.leaderboard-modal .podium-pedestal-base{border-radius:0 0 var(--radius-lg,16px) var(--radius-lg,16px)!important;border-top:1px solid #ffffff14!important;justify-content:center!important;align-items:center!important;width:calc(100% + 28px)!important;margin-left:-14px!important;margin-right:-14px!important;display:flex!important}.leaderboard-modal .podium-rank-1 .podium-pedestal-base{background:#f59e0b1f!important;border-top-color:#f59e0b4d!important;height:46px!important}.leaderboard-modal .podium-rank-2 .podium-pedestal-base{background:#94a3b814!important;border-top-color:#94a3b833!important;height:34px!important}.leaderboard-modal .podium-rank-3 .podium-pedestal-base{background:#d9770614!important;border-top-color:#d9770633!important;height:24px!important}.leaderboard-modal .podium-base-num{font-family:var(--font-sans)!important;opacity:.5!important;font-size:1.1rem!important;font-weight:900!important}.leaderboard-modal .lb-content-wrapper{width:100%}.leaderboard-modal .lb-table th{text-transform:uppercase!important;letter-spacing:.06em!important;color:#9b93b3!important;background:0 0!important;border:none!important;padding:8px 12px!important;font-size:.74rem!important;font-weight:700!important}.leaderboard-modal .lb-th-rank{text-align:center!important;grid-column:1!important;padding:0!important}.leaderboard-modal .lb-th-player{text-align:left!important;grid-column:2/4!important;padding:0!important}.leaderboard-modal .lb-th-levels{text-align:center!important;grid-column:4!important;padding:0!important}.leaderboard-modal .lb-th-score{text-align:right!important;grid-column:5!important;padding:0!important}.leaderboard-modal .lb-table tr.lb-player-row{cursor:pointer!important;border-radius:var(--radius-md,12px)!important;box-sizing:border-box!important;background:#1a1727!important;border:1px solid #ffffff0f!important;grid-template-columns:44px 52px minmax(0,1fr) 160px 140px!important;grid-template-areas:"rank avatar identity levels score"!important;align-items:center!important;gap:0 10px!important;padding:10px 14px!important;transition:all .18s!important;display:grid!important}.leaderboard-modal .lb-table tr.lb-player-row.has-title{grid-template-areas:"rank avatar identity levels score"".title title title title"!important;row-gap:6px!important}.leaderboard-modal .lb-table tr.lb-player-row:hover{background:#252138!important;transform:translate(3px)!important;box-shadow:0 4px 16px #0000004d!important}.leaderboard-modal .lb-table tr.lb-player-row.lb-top-tier{background:linear-gradient(90deg,#38bdf817 0%,#1e3a5861 40%,#1a1727 100%)!important;border:1px solid #38bdf838!important;border-left:3px solid #38bdf8!important}.leaderboard-modal .lb-table tr.lb-player-row td{vertical-align:middle!important;background:0 0!important;border:none!important;padding:0!important}.leaderboard-modal .lb-col-rank{grid-area:rank!important;justify-content:center!important;align-items:center!important;display:flex!important}.leaderboard-modal .lb-rank-num{font-family:var(--font-sans)!important;color:#9b93b3!important;font-size:.88rem!important;font-weight:700!important}.leaderboard-modal .lb-avatar-stage{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .lb-avatar-mini{border-radius:50%!important;width:38px!important;height:38px!important;position:relative!important;overflow:visible!important}.leaderboard-modal .lb-player-info{flex-direction:column;gap:2px;min-width:0;display:flex}.leaderboard-modal .lb-player-name-row{align-items:center;gap:8px;display:flex}.leaderboard-modal .lb-player-sub-row{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;margin-top:2px!important;display:flex!important}.leaderboard-modal .lb-player-name{color:#f4f2ff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.92rem!important;font-weight:700!important;overflow:hidden!important}.leaderboard-modal .lb-player-title-box .user-title-badge{white-space:normal!important;word-break:break-word!important;border-radius:var(--radius-full,9999px)!important;max-width:100%!important;padding:2px 8px!important;font-size:.7rem!important;line-height:1.3!important}.leaderboard-modal .lb-stats-cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.leaderboard-modal .lb-stat-pill{border-radius:var(--radius-full,9999px);color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff12;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;display:inline-flex}.leaderboard-modal .lb-stat-levels{color:#f4f2ff;font-weight:700}.leaderboard-modal .lb-score-val{font-family:var(--font-sans)!important;color:#c4b5fd!important;font-variant-numeric:tabular-nums!important;font-size:1.05rem!important;font-weight:800!important}@media (width<=600px){#app-shell .app-main .app-view .leaderboard-modal,.leaderboard-modal{border-radius:var(--radius-lg,16px)!important;height:auto!important;max-height:none!important;padding:16px 12px 24px!important;overflow:visible!important}#app-shell .app-main .app-view .leaderboard-modal .lb-sticky-top{background:0 0!important;border-bottom:none!important}.leaderboard-modal .lb-title,.leaderboard-modal .lb-page-title,.page-title,.page-title-gradient{text-align:center!important;letter-spacing:.01em!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding:0 8px!important;font-size:clamp(1.15rem,4.5vw,1.45rem)!important}#app-shell .app-main .app-view .leaderboard-modal .lb-podium-container,#app-shell .app-main #view-leaderboard .lb-podium-container,.leaderboard-modal .lb-podium-container{box-sizing:border-box!important;flex-flow:row!important;justify-content:center!important;align-items:flex-end!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:12px 0 16px!important;padding:0!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .podium-card,#app-shell .app-main #view-leaderboard .podium-card,.leaderboard-modal .podium-card{box-sizing:border-box!important;text-align:center!important;background:#1a1727!important;border:1px solid #ffffff14!important;border-radius:14px!important;flex-direction:column!important;flex:1 1 0!important;align-items:center!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:245px!important;max-height:none!important;padding:10px 5px 0!important;display:flex!important;transform:none!important}#app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-1,#app-shell .app-main #view-leaderboard .podium-card.podium-rank-1,.leaderboard-modal .podium-card.podium-rank-1{z-index:3!important;background:linear-gradient(#f59e0b29 0%,#8b5cf61f 40%,#1a1727 85%)!important;border:1.5px solid #f59e0b80!important;flex:1.1 1 0!important;order:2!important;transform:translateY(-10px)!important}#app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-2,#app-shell .app-main #view-leaderboard .podium-card.podium-rank-2,.leaderboard-modal .podium-card.podium-rank-2{z-index:2!important;background:linear-gradient(#94a3b824 0%,#1a1727 75%)!important;border:1px solid #94a3b84d!important;order:1!important}#app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-3,#app-shell .app-main #view-leaderboard .podium-card.podium-rank-3,.leaderboard-modal .podium-card.podium-rank-3{z-index:1!important;background:linear-gradient(#d9770624 0%,#1a1727 75%)!important;border:1px solid #d977064d!important;order:3!important}#app-shell .app-main .app-view .leaderboard-modal .podium-card-top,.leaderboard-modal .podium-card-top{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:4px!important;display:flex!important}.leaderboard-modal .podium-rank-badge{border-radius:var(--radius-full,9999px)!important;padding:2px 6px!important;font-size:.72rem!important;font-weight:800!important}.leaderboard-modal .podium-tier-label{text-transform:uppercase!important;color:#9b93b3!important;font-size:.58rem!important;font-weight:700!important;display:inline-block!important}#app-shell .app-main .app-view .leaderboard-modal .podium-avatar-stage,#app-shell .app-main #view-leaderboard .podium-avatar-stage,.leaderboard-modal .podium-avatar-stage,.leaderboard-modal .podium-rank-1 .podium-avatar-stage,.leaderboard-modal .podium-rank-2 .podium-avatar-stage,.leaderboard-modal .podium-rank-3 .podium-avatar-stage{justify-content:center!important;align-items:center!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:4px 0!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-avatar-stage:has(.frame-champion-crown){justify-content:center!important;align-items:center!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:4px 0!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-rank-1 .podium-avatar-stage:has(.frame-champion-crown){justify-content:center!important;align-items:center!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:4px 0!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-avatar{aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-rank-1 .podium-avatar{aspect-ratio:1!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important}#app-shell .app-main .app-view .leaderboard-modal .podium-player-details,.leaderboard-modal .podium-player-details{flex-direction:column!important;flex:auto!important;align-items:center!important;gap:3px!important;width:100%!important;margin-top:4px!important;display:flex!important}.leaderboard-modal .podium-name{color:#f4f2ff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:95px!important;font-size:.84rem!important;font-weight:700!important;overflow:hidden!important}.leaderboard-modal .podium-title-wrap{margin:0!important}.leaderboard-modal .podium-title-badge{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:80px!important;padding:1px 5px!important;font-size:.58rem!important;overflow:hidden!important}#app-shell .app-main .app-view .leaderboard-modal .podium-score-wrap,.leaderboard-modal .podium-score-wrap{flex-direction:column!important;align-items:center!important;gap:2px!important;width:100%!important;margin-top:auto!important;margin-bottom:6px!important;display:flex!important}.leaderboard-modal .podium-score{color:#c4b5fd!important;font-variant-numeric:tabular-nums!important;font-size:.94rem!important;font-weight:800!important}.leaderboard-modal .podium-rank-1 .podium-score{color:#fde047!important;font-size:1.05rem!important}.leaderboard-modal .podium-levels{color:#9b93b3!important;white-space:nowrap!important;font-size:.66rem!important}.leaderboard-modal .podium-extra-stats{gap:4px!important;margin-top:2px!important;display:flex!important}.leaderboard-modal .podium-mini-stat{background:#ffffff0f!important;border-radius:4px!important;padding:1px 4px!important;font-size:.62rem!important}#app-shell .app-main .app-view .leaderboard-modal .podium-pedestal-base,.leaderboard-modal .podium-pedestal-base{border-radius:0 0 14px 14px!important;justify-content:center!important;align-items:center!important;width:calc(100% + 10px)!important;margin-top:auto!important;margin-left:-5px!important;margin-right:-5px!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-pedestal-base{background:linear-gradient(#f59e0b66 0%,#f59e0b33 100%)!important;height:28px!important}#app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-pedestal-base{background:linear-gradient(#94a3b84d 0%,#94a3b826 100%)!important;height:20px!important}#app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-pedestal-base{background:linear-gradient(#d977064d 0%,#d9770626 100%)!important;height:14px!important}.leaderboard-modal .podium-base-num{font-size:.82rem!important;font-weight:800!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table,#app-shell .app-main #view-leaderboard .lb-table,.leaderboard-modal .lb-table{border-collapse:separate!important;border:none!important;width:100%!important;display:block!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table tbody,#app-shell .app-main #view-leaderboard .lb-table tbody,.leaderboard-modal .lb-table tbody{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table thead,#app-shell .app-main #view-leaderboard .lb-table thead,.leaderboard-modal .lb-table thead{display:none!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row,#app-shell .app-main #view-leaderboard .lb-table .lb-player-row,.leaderboard-modal .lb-table .lb-player-row{box-sizing:border-box!important;cursor:pointer!important;background:#1a1727!important;border:1px solid #ffffff14!important;border-radius:14px!important;grid-template-columns:26px 38px minmax(0,1fr) auto auto!important;grid-template-areas:"rank avatar identity levels score"!important;align-items:center!important;gap:0 8px!important;min-height:52px!important;padding:8px 10px!important;transition:transform .15s,border-color .15s!important;display:grid!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row.has-title,#app-shell .app-main #view-leaderboard .lb-table .lb-player-row.has-title,.leaderboard-modal .lb-table .lb-player-row.has-title{grid-template-areas:"rank avatar identity levels score"".title title title title"!important;row-gap:5px!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row:hover,.leaderboard-modal .lb-table .lb-player-row:hover{background:#201c30!important;border-color:#8b5cf659!important}#app-shell .app-main .app-view .leaderboard-modal .lb-table td,#app-shell .app-main #view-leaderboard .lb-table td,.leaderboard-modal .lb-table td{box-sizing:border-box!important;background:0 0!important;border:none!important;align-items:center!important;min-width:0!important;height:auto!important;padding:0!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-rank,.leaderboard-modal .lb-col-rank{flex:none!important;grid-area:rank!important;justify-content:center!important;width:auto!important}#app-shell .app-main .app-view .leaderboard-modal .lb-rank-num,.leaderboard-modal .lb-rank-num{color:#9b93b3!important;font-size:.82rem!important;font-weight:800!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-avatar,.leaderboard-modal .lb-col-avatar{flex:none!important;grid-area:avatar!important;justify-content:center!important;width:auto!important;overflow:visible!important}#app-shell .app-main .app-view .leaderboard-modal .lb-avatar-stage,#app-shell .app-main #view-leaderboard .lb-avatar-stage,.leaderboard-modal .lb-avatar-stage{aspect-ratio:1!important;border-radius:50%!important;flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;margin:0!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .lb-avatar-stage:has(.frame-champion-crown){aspect-ratio:1!important;border-radius:50%!important;flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;margin:0!important;display:flex!important;position:relative!important;overflow:visible!important}#app-shell .app-main .app-view .leaderboard-modal .lb-avatar-mini,#app-shell .app-main #view-leaderboard .lb-avatar-mini,.leaderboard-modal .lb-avatar-mini{aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;margin:0!important;position:relative!important;overflow:visible!important}#app-shell .app-main .app-view .leaderboard-modal .lb-avatar-mini :is(.avatar-photo,.avatar-letter,img),.leaderboard-modal .lb-avatar-mini :is(.avatar-photo,.avatar-letter,img){aspect-ratio:1!important;object-fit:cover!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-identity,.leaderboard-modal .lb-col-identity{flex-direction:column!important;flex:auto!important;grid-area:identity!important;justify-content:center!important;gap:1px!important;width:auto!important;min-width:0!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-info,.leaderboard-modal .lb-player-info{flex-direction:column!important;flex:auto!important;gap:1px!important;min-width:0!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-name-row,.leaderboard-modal .lb-player-name-row{align-items:center!important;gap:5px!important;min-width:0!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-name,.leaderboard-modal .lb-player-name{color:#f4f2ff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.88rem!important;font-weight:700!important;overflow:hidden!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-sub-row,.leaderboard-modal .lb-player-sub-row{flex-wrap:nowrap!important;align-items:center!important;gap:4px!important;min-width:0!important;margin-top:1px!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-sub-row .account-level,.leaderboard-modal .lb-player-sub-row .account-level{white-space:nowrap!important;border-radius:4px!important;flex-shrink:0!important;padding:1px 5px!important;font-size:.58rem!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-title,.leaderboard-modal .lb-col-title{flex:none!important;grid-area:title!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;padding:0!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-title-box,.leaderboard-modal .lb-player-title-box{align-items:center!important;max-width:100%!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-player-title-box .user-title-badge,.leaderboard-modal .lb-player-title-box .user-title-badge{white-space:normal!important;word-break:break-word!important;max-width:100%!important;padding:2px 7px!important;font-size:.6rem!important;line-height:1.25!important;display:inline-block!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-levels,.leaderboard-modal .lb-col-levels{flex:none!important;grid-area:levels!important;justify-content:center!important;width:auto!important;padding:0 2px!important}#app-shell .app-main .app-view .leaderboard-modal .lb-stats-cluster,.leaderboard-modal .lb-stats-cluster{flex-direction:column!important;flex-shrink:0!important;align-items:flex-end!important;gap:2px!important;display:flex!important}#app-shell .app-main .app-view .leaderboard-modal .lb-stat-pill,.leaderboard-modal .lb-stat-pill{white-space:nowrap!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:4px!important;flex-shrink:0!important;gap:2px!important;padding:1px 5px!important;font-size:.64rem!important}#app-shell .app-main .app-view .leaderboard-modal .lb-stat-levels-sub,.leaderboard-modal .lb-stat-levels-sub{display:none!important}#app-shell .app-main .app-view .leaderboard-modal .lb-col-score,.leaderboard-modal .lb-col-score{text-align:right!important;flex:none!important;grid-area:score!important;justify-content:flex-end!important;width:auto!important}#app-shell .app-main .app-view .leaderboard-modal .lb-score-val,.leaderboard-modal .lb-score-val{color:#c4b5fd!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;font-size:.98rem!important;font-weight:800!important}}.user-profile-card{max-width:760px!important;margin:0 auto!important;padding:32px!important}.user-profile-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.user-profile-name{font-family:var(--font-accent,sans-serif)!important;color:#f4f2ff!important;letter-spacing:.03em!important;margin:8px 0 4px!important;font-size:1.6rem!important;font-weight:400!important}.user-profile-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;width:100%!important;margin:20px 0!important;display:grid!important}.user-profile-stats-grid .profile-stat-box{text-align:center!important;border-radius:var(--radius-lg,16px)!important;background:#1a1727!important;border:1px solid #ffffff14!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:22px 16px!important;transition:transform .18s,border-color .18s,background .18s!important;display:flex!important;position:relative!important;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d!important}.user-profile-stats-grid .profile-stat-box:hover{background:#252138!important;border-color:#8b5cf666!important;transform:translateY(-2px)!important}.user-profile-stats-grid .profile-stat-box .stat-box-icon{opacity:.65!important;color:#c4b5fd!important;order:1!important;justify-content:center!important;align-items:center!important;margin-bottom:6px!important;display:flex!important}.user-profile-stats-grid .profile-stat-box .stat-box-val{font-family:var(--font-sans)!important;color:#f4f2ff!important;letter-spacing:-.02em!important;font-variant-numeric:tabular-nums!important;text-shadow:0 0 24px #8b5cf64d!important;order:2!important;margin:4px 0!important;font-size:2.3rem!important;font-weight:800!important;line-height:1.1!important}.user-profile-stats-grid .profile-stat-box .stat-box-lbl{color:#9b93b3!important;text-transform:uppercase!important;letter-spacing:.05em!important;text-align:center!important;order:3!important;margin-top:4px!important;font-size:.76rem!important;font-weight:600!important}.user-profile-stats-grid .profile-stat-box.stat-box-wide{grid-column:1/-1!important}@media (width<=600px){.user-profile-card{padding:20px 16px var(--mobile-nav-clearance) 16px!important}.user-profile-stats-grid .profile-stat-box .stat-box-val{font-size:1.9rem!important}}@media (width>=900px){.customization-modal-card{grid-template-rows:auto auto 1fr auto!important;grid-template-columns:240px 1fr!important;gap:20px 28px!important;padding:28px 32px!important;display:grid!important}.customization-modal-card .cust-modal-header{border-bottom:1px solid #ffffff14;margin-bottom:4px;padding-bottom:16px;grid-column:1/-1!important}.customization-modal-card .customization-nav-tabs{border-radius:var(--radius-lg,16px)!important;background:#100f18!important;border:1px solid #ffffff14!important;flex-direction:column!important;grid-area:2/1/span 2!important;gap:8px!important;height:fit-content!important;padding:14px!important;display:flex!important}.customization-modal-card .cust-main-tab{border-radius:var(--radius-md,12px)!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;padding:12px 16px!important;font-size:.92rem!important}.customization-modal-card .cust-showcase-pedestal{grid-column:2!important;margin:0!important}.customization-modal-card .cust-tab-pane{grid-column:2!important}}@media (width<=899px){.customization-modal-card{padding:20px 16px var(--mobile-nav-clearance) 16px!important}}.cust-item-card{border-radius:var(--radius-lg,16px)!important;background:#1a1727!important;border:1px solid #ffffff14!important;transition:all .2s!important}.cust-item-card:hover{background:#252138!important;border-color:#8b5cf659!important}.cust-item-card.equipped,.cust-item-card.selected{border-color:#8b5cf6!important;box-shadow:0 0 16px #8b5cf64d!important}.shop-modal-card{max-width:1100px!important;margin:0 auto!important;padding:28px 32px!important}.shop-theme-card{border-radius:var(--radius-lg,16px)!important;background:#1a1727!important;border:1px solid #ffffff14!important;transition:all .2s!important;box-shadow:0 4px 20px #0000004d!important}.shop-theme-card:hover{background:#252138!important;border-color:#8b5cf659!important}@media (width<=600px){.shop-modal-card{padding:20px 16px var(--mobile-nav-clearance) 16px!important}}@media (width>=900px){.admin-modal-content{box-sizing:border-box!important;flex-direction:column!important;padding:24px 32px!important;display:flex!important}.admin-modal-content .admin-sticky-header{border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:16px;flex-shrink:0!important;position:static!important}.admin-modal-scroll-area{flex:auto!important;grid-template-columns:240px 1fr!important;align-items:start!important;gap:20px 28px!important;padding:4px!important;display:grid!important}.admin-autobot-banner{grid-column:1!important;margin:0!important}.admin-tabs{background:var(--surface-2,#100f18)!important;border-radius:var(--radius-lg,16px)!important;border:1px solid var(--border-subtle,#ffffff14)!important;border-bottom:none!important;flex-direction:column!important;grid-column:1!important;gap:8px!important;margin:0!important;padding:14px!important;display:flex!important}.admin-tab-btn{border-radius:var(--radius-md,12px)!important;text-align:left!important;justify-content:flex-start!important;width:100%!important;padding:12px 16px!important;font-size:.92rem!important}.admin-grid-tracks,.admin-scores-view,.admin-themes-view{grid-area:1/2/span 3!important;padding-right:8px!important}}@media (width<=899px){.admin-modal-content{padding:20px 16px var(--mobile-nav-clearance) 16px!important}}.friends-modal-card{width:100%!important;max-width:960px!important;padding:24px 28px!important}#friends-list-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;gap:14px!important;display:grid!important}@media (width<=600px){#friends-list-container{grid-template-columns:1fr!important}.friends-modal-card{padding:20px 16px var(--mobile-nav-clearance) 16px!important}}.settings-modal-card{max-width:680px!important;margin:0 auto!important;padding:28px 32px!important}@media (width<=600px){#app-shell .app-main .app-view .settings-modal-card,.settings-modal-card{padding:20px 16px var(--mobile-nav-clearance) 16px!important}.settings-section{border-radius:14px!important;padding:16px 14px!important}.settings-form .input-with-button{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.settings-form .input-with-button .name-input-field,.settings-form .input-with-button .action-btn{width:100%!important}}.profile-nav-bar{align-items:center!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.profile-back-btn{border-radius:var(--radius-full,9999px)!important;color:#c4b5fd!important;cursor:pointer!important;background:#1a1727!important;border:1px solid #8b5cf659!important;align-items:center!important;gap:8px!important;padding:8px 18px!important;font-family:inherit!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 4px 12px #0000004d!important}.profile-back-btn:hover{color:#f4f2ff!important;background:#252138!important;border-color:#8b5cf6!important;transform:translate(-3px)!important;box-shadow:0 0 16px #8b5cf659!important}.profile-back-btn.hidden{display:none!important}.song-selection{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:0!important}.catalog-filter-bar{scrollbar-width:none!important;align-items:center!important;gap:8px!important;margin-bottom:20px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.catalog-filter-bar::-webkit-scrollbar{display:none!important}.filter-chip{border-radius:var(--radius-full,9999px)!important;color:#9b93b3!important;cursor:pointer!important;white-space:nowrap!important;background:#14121e!important;border:1px solid #ffffff14!important;align-items:center!important;gap:6px!important;padding:7px 16px!important;font-family:inherit!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.filter-chip:hover{color:#f4f2ff!important;background:#1a1727!important;border-color:#8b5cf659!important}.filter-chip.active{color:#fff!important;background:#8b5cf6!important;border-color:#8b5cf6!important;box-shadow:0 0 16px #8b5cf666!important}#app-shell .app-main .app-view .song-grid,.app-view .song-grid,.song-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;gap:16px!important;height:auto!important;max-height:none!important;margin-bottom:32px!important;padding:0!important;display:grid!important;overflow:visible!important}#app-shell .app-main .app-view .song-card,.app-view .song-card,.song-card{border-radius:var(--radius-lg,16px)!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;-webkit-user-select:none!important;user-select:none!important;background:#1a1727!important;border:1px solid #ffffff14!important;flex-direction:column!important;align-items:stretch!important;padding:14px!important;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s!important;display:flex!important;position:relative!important;box-shadow:0 8px 24px #00000059!important}#app-shell .app-main .app-view .song-card:hover,.app-view .song-card:hover,.song-card:hover{background:#252138!important;border-color:#8b5cf673!important;transform:translateY(-4px)!important;box-shadow:0 12px 32px #00000080,0 0 20px #8b5cf638!important}.song-card .spotify-cover-wrap{aspect-ratio:1!important;border-radius:12px!important;width:100%!important;margin-bottom:12px!important;position:relative!important;overflow:hidden!important;box-shadow:0 6px 16px #0006!important}.song-card .spotify-play-btn{color:#fff!important;opacity:0!important;z-index:5!important;background:linear-gradient(135deg,#8b5cf6,#38bdf8)!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important;bottom:10px!important;right:10px!important;transform:translateY(8px)scale(.9)!important;box-shadow:0 4px 16px #8b5cf680!important}.song-card:hover .spotify-play-btn{opacity:1!important;transform:translateY(0)scale(1)!important}.song-card .song-card-title{color:#f4f2ff!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-bottom:4px!important;font-family:inherit!important;font-size:.94rem!important;font-weight:700!important;overflow:hidden!important}.song-card .song-card-artist{color:#9b93b3!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.8rem!important;overflow:hidden!important}.instruction-text{text-align:center!important;color:#9b93b3!important;opacity:.75!important;padding:12px 0 24px!important;font-size:.82rem!important}@media (width<=600px){.mobile-bottom-nav{gap:2px!important;padding:0 4px!important;display:flex!important}.mobile-nav-item{flex:1 1 0!important;gap:2px!important;min-width:0!important;padding:3px 1px!important}.mobile-nav-item .mob-nav-icon{width:24px!important;height:24px!important}.mobile-nav-item .mob-nav-icon svg{width:17px!important;height:17px!important}.mobile-nav-item .mob-nav-label{letter-spacing:-.01em!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.62rem!important;overflow:hidden!important}.mobile-nav-item.active{color:#c4b5fd!important}.mobile-nav-item.active .mob-nav-icon{color:#c4b5fd!important;background:#8b5cf633!important;box-shadow:0 0 10px #8b5cf64d!important}#app-shell .app-main .app-view .song-grid,.app-view .song-grid,.song-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:24px!important}#app-shell .app-main .app-view .song-card,.app-view .song-card,.song-card{border-radius:12px!important;padding:10px!important}.song-card .spotify-cover-wrap{border-radius:8px!important;margin-bottom:8px!important}.song-card .spotify-play-btn{opacity:1!important;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#38bdf8)!important;border:none!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important;bottom:6px!important;right:6px!important;transform:none!important;box-shadow:0 4px 16px #8b5cf680!important}.song-card .song-card-title{font-size:.8rem!important}.song-card .song-card-artist{font-size:.7rem!important}.app-view{padding-bottom:100px!important}}#app-shell .app-main .app-view .leaderboard-modal .podium-avatar,#app-shell .app-main #view-leaderboard .podium-avatar,.leaderboard-modal .podium-avatar,#app-shell .app-main .app-view .leaderboard-modal .lb-avatar-mini,#app-shell .app-main #view-leaderboard .lb-avatar-mini,.leaderboard-modal .lb-avatar-mini,.podium-avatar,.lb-avatar-mini,.user-profile-avatar,.profile-avatar-pill,.icon-user-container,.cust-showcase-avatar,.cust-frame-mini-avatar{aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important;flex:none!important}:is(.header-avatar-stage,.user-profile-portrait,.user-profile-avatar-wrap,.cust-showcase-avatar-stage,.cust-frame-preview-stage){overflow:visible!important}#app-shell .app-main .app-view .leaderboard-modal .podium-avatar :is(.avatar-photo,.avatar-letter,img),#app-shell .app-main #view-leaderboard .podium-avatar :is(.avatar-photo,.avatar-letter,img),.leaderboard-modal .podium-avatar :is(.avatar-photo,.avatar-letter,img),#app-shell .app-main .app-view .leaderboard-modal .lb-avatar-mini :is(.avatar-photo,.avatar-letter,img),#app-shell .app-main #view-leaderboard .lb-avatar-mini :is(.avatar-photo,.avatar-letter,img),.leaderboard-modal .lb-avatar-mini :is(.avatar-photo,.avatar-letter,img),.avatar-photo,.avatar-letter{aspect-ratio:1!important;object-fit:cover!important;box-sizing:border-box!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}@media (width<=900px){#app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-avatar,#app-shell .app-main #view-leaderboard .podium-rank-1 .podium-avatar,.leaderboard-modal .podium-card.podium-rank-1 .podium-avatar,.leaderboard-modal .podium-rank-1 .podium-avatar{aspect-ratio:1!important;flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important;max-height:54px!important}#app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-avatar,#app-shell .app-main #view-leaderboard .podium-rank-2 .podium-avatar,.leaderboard-modal .podium-card.podium-rank-2 .podium-avatar,.leaderboard-modal .podium-rank-2 .podium-avatar,#app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-avatar,#app-shell .app-main #view-leaderboard .podium-rank-3 .podium-avatar,.leaderboard-modal .podium-card.podium-rank-3 .podium-avatar,.leaderboard-modal .podium-rank-3 .podium-avatar{aspect-ratio:1!important;flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important;max-height:46px!important}}#mob-header-admin{display:none!important}@media (width<=900px){#mob-header-admin{color:#c4b5fd!important;cursor:pointer!important;background:#8b5cf629!important;border:1px solid #8b5cf659!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;transition:background .2s,border-color .2s,transform .15s!important;display:inline-flex!important}#mob-header-admin:hover{color:#fff!important;background:#8b5cf647!important;border-color:#8b5cf699!important;transform:translateY(-1px)!important}#mob-header-admin:active{transform:translateY(0)!important}#mob-header-admin[style*="display: none"]{display:none!important}}.customization-modal-card{max-width:960px!important;margin:0 auto!important}.cust-modal-header{text-align:center!important;flex-direction:column!important;align-items:center!important;margin-bottom:24px!important;display:flex!important}.cust-title-wrap{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;display:flex!important}.cust-title-wrap .cust-modal-icon{color:#c4b5fd!important;background:#8b5cf629!important;border:1px solid #8b5cf659!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin-bottom:4px!important;display:inline-flex!important}.cust-title-wrap .shop-title-text{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 35%,#8b5cf6 70%,#c084fc 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;letter-spacing:.02em!important;filter:drop-shadow(0 2px 10px #8b5cf638)!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;margin:0!important;font-size:clamp(1.35rem,3.8vw,1.85rem)!important;font-weight:700!important;line-height:1.25!important}.cust-title-wrap .shop-subtitle{color:#9b93b3!important;margin:0!important;font-size:.88rem!important}.customization-nav-tabs{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-bottom:24px!important;display:flex!important}.cust-main-tab{border-radius:var(--radius-full,9999px)!important;color:#9b93b3!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;align-items:center!important;gap:8px!important;padding:9px 20px!important;font-size:.9rem!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.cust-showcase-pedestal{background:linear-gradient(#8b5cf614 0%,#1a1727 100%)!important;border:1px solid #8b5cf640!important;border-radius:16px!important;max-width:580px!important;margin:0 auto 28px!important;padding:20px!important}.cust-showcase-pedestal.hidden{display:none!important}.shop-modal-card{max-width:1080px!important;margin:0 auto!important}.shop-header-row{-webkit-backdrop-filter:none!important;text-align:center!important;background:0 0!important;border:none!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:0 0 24px!important;padding:0!important;display:flex!important;position:static!important}.shop-title{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;display:flex!important}.shop-modal-icon{color:#c4b5fd!important;background:#8b5cf629!important;border:1px solid #8b5cf659!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin-bottom:4px!important;display:inline-flex!important}.shop-title .shop-title-text{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;background:linear-gradient(135deg,#c4b5fd 0%,#a78bfa 35%,#8b5cf6 70%,#c084fc 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;letter-spacing:.02em!important;filter:drop-shadow(0 2px 10px #8b5cf638)!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important;margin:0!important;font-size:clamp(1.35rem,3.8vw,1.85rem)!important;font-weight:700!important;line-height:1.25!important}.shop-title .shop-subtitle{font-family:var(--font-sans,"Plus Jakarta Sans"), sans-serif!important;color:#9b93b3!important;font-size:.88rem!important}.shop-header-right{justify-content:center!important;align-items:center!important;margin-top:2px!important;display:flex!important}.shop-balance-pill{border-radius:var(--radius-full,9999px)!important;color:#fbbf24!important;background:#f59e0b1f!important;border:1px solid #f59e0b59!important;align-items:center!important;gap:8px!important;padding:7px 16px!important;font-size:.95rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 4px 12px #f59e0b26!important}.friends-title{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;letter-spacing:.02em!important}.friends-tab-btn{font-family:var(--font-sans,"Plus Jakarta Sans"), sans-serif!important;font-weight:600!important}.friend-name{font-family:var(--font-sans,"Plus Jakarta Sans"), sans-serif!important;font-weight:700!important}.friend-stats-snippet,.friend-stat-levels-pill,.friend-status-quote{font-family:var(--font-sans,"Plus Jakarta Sans"), sans-serif!important}.friends-empty-title{font-family:var(--font-display,"Dela Gothic One"), sans-serif!important;letter-spacing:.02em!important}.friends-empty-desc{font-family:var(--font-sans,"Plus Jakarta Sans"), sans-serif!important}.custom-dropdown-native{opacity:0!important;pointer-events:none!important;border:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;position:absolute!important}.custom-dropdown{box-sizing:border-box;width:100%;font-family:var(--font-sans,inherit);display:inline-block;position:relative}.custom-dropdown.compact{max-width:180px}.custom-dropdown-trigger{border-radius:var(--radius-md,12px);background:var(--control-bg,#1a1727d9);border:1px solid var(--border-subtle,#ffffff1a);width:100%;height:42px;min-height:42px;color:var(--text-primary,#f4f2ff);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;text-align:left;box-shadow:var(--shadow-soft,0 2px 8px #0000001a);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.custom-dropdown-trigger:hover{background:var(--surface-hover,#252138eb);border-color:var(--border-strong,#8b5cf673)}.custom-dropdown-trigger:focus-visible,.custom-dropdown.open .custom-dropdown-trigger{border-color:var(--accent,#8b5cf6);box-shadow:0 0 0 3px var(--accent-soft,#8b5cf633);outline:none}.custom-dropdown-value{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.custom-dropdown-icon{color:var(--text-secondary,#9b93b3);flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex}.custom-dropdown.open .custom-dropdown-icon{color:var(--accent,#8b5cf6);transform:rotate(180deg)}.custom-dropdown-menu{background:var(--surface-1,#14121e);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong,#8b5cf659);border-radius:var(--radius-md,12px);box-shadow:var(--shadow-card,0 16px 36px #00000080);z-index:10000;box-sizing:border-box;flex-direction:column;gap:3px;max-height:280px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto}.custom-dropdown.opens-up .custom-dropdown-menu{top:auto;bottom:calc(100% + 6px)}.custom-dropdown.open .custom-dropdown-menu{display:flex}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown.opens-up .custom-dropdown-menu{animation-name:dropdownFadeInUp}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-option{border-radius:var(--radius-sm,8px);min-height:38px;color:var(--text-primary,#f4f2ff);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;font-weight:500;transition:all .15s;display:flex}.custom-dropdown-option:hover,.custom-dropdown-option.highlighted{background:var(--surface-hover,#252138e6);color:var(--accent-light,#c4b5fd)}.custom-dropdown-option.selected{background:var(--accent-soft,#8b5cf629);color:var(--accent,#8b5cf6);font-weight:700}.custom-dropdown-option.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.custom-dropdown-option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.custom-dropdown-check-wrap{color:var(--accent,#8b5cf6);justify-content:center;align-items:center;display:none}.custom-dropdown-option.selected .custom-dropdown-check-wrap{display:inline-flex}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:0 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--border-subtle,#ffffff26);border-radius:3px}@media (width<=640px){.custom-dropdown-trigger{height:44px;min-height:44px}.custom-dropdown-option{min-height:44px;padding:10px 14px;font-size:.9rem}.custom-dropdown-menu{max-height:260px}}.admin-player-select-wrap{flex:1;min-width:0}.admin-player-actions-wrap{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-player-control-row{align-items:center;gap:8px;width:100%;display:flex}@media (width<=640px){.admin-grid-2col{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important;min-width:0!important}.admin-grid-2col>*{min-width:0!important;max-width:100%!important}.admin-select-player-block{width:100%!important;min-width:0!important;max-width:100%!important}.admin-player-control-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.admin-player-select-wrap{width:100%!important;min-width:0!important}.admin-player-actions-wrap{flex-direction:column!important;gap:8px!important;width:100%!important;min-width:0!important;display:flex!important}.admin-player-actions-wrap button{white-space:normal!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important;min-height:44px!important;font-size:.85rem!important}.admin-player-label-row{flex-direction:column!important;align-items:stretch!important;gap:6px!important;width:100%!important;min-width:0!important}.admin-select-self-btn{text-align:center!important;white-space:normal!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important;min-height:40px!important}.admin-grid-3col{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important}.admin-table-scroll-wrapper{max-height:420px!important;overflow-x:hidden!important}.admin-scores-table,.admin-scores-table tbody,.admin-scores-table tr{box-sizing:border-box!important;width:100%!important;min-width:0!important;display:block!important}.admin-scores-table thead{display:none!important}.admin-scores-table tbody{flex-direction:column!important;gap:8px!important;display:flex!important}.admin-scores-table tr.admin-level-row{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md,12px)!important;cursor:pointer!important;box-sizing:border-box!important;grid-template:"rank player actions""score stars diff"/36px 1fr auto!important;align-items:center!important;gap:6px 10px!important;margin:0!important;padding:10px 12px!important;transition:all .15s!important;display:grid!important}.admin-scores-table tr.admin-level-row:hover{background:var(--surface-hover)!important;border-color:var(--border-strong)!important}.admin-scores-table tr.admin-level-row.selected{border-color:var(--accent)!important;box-shadow:0 0 12px var(--accent-glow)!important;background:var(--accent-soft)!important}.admin-scores-table tr.admin-level-row td{white-space:normal!important;border:none!important;align-items:center!important;min-width:0!important;padding:0!important;display:flex!important}.admin-scores-table .admin-cell-rank{color:var(--accent);grid-area:rank;font-size:.95rem;font-weight:800}.admin-scores-table .admin-cell-player{grid-area:player;min-width:0;overflow:hidden}.admin-scores-table .admin-row-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:inline-block;overflow:hidden}.admin-scores-table .admin-cell-actions{grid-area:actions;justify-content:flex-end}.admin-scores-table .admin-cell-score{color:var(--highlight);grid-area:score/span 1;font-size:.95rem;font-weight:800}.admin-scores-table .admin-cell-stars{grid-area:stars;align-items:center;gap:2px;display:flex}.admin-scores-table .admin-cell-diff{grid-area:diff;justify-content:flex-end}}body[data-theme=light]{background:var(--app-bg)!important;color:var(--text-primary)!important}body[data-theme=light] .app-nav-rail{background:var(--surface-1)!important;border-right:1px solid var(--border-subtle)!important;box-shadow:4px 0 24px var(--shadow-soft)!important}body[data-theme=light] .nav-rail-item{color:var(--text-secondary)!important}body[data-theme=light] .nav-rail-item:hover{color:var(--text-primary)!important;background:var(--surface-hover)!important;border-color:var(--border-subtle)!important}body[data-theme=light] .nav-rail-item.active{color:var(--accent)!important;background:var(--accent-soft)!important;border-color:var(--border-strong)!important;box-shadow:0 0 16px var(--accent-glow)!important}body[data-theme=light] .mobile-bottom-nav{background:var(--surface-1)!important;border-top:1px solid var(--border-subtle)!important;box-shadow:0 -4px 20px var(--shadow-soft)!important}body[data-theme=light] .mobile-nav-item{color:var(--text-secondary)!important}body[data-theme=light] .mobile-nav-item.active{color:var(--accent)!important}body[data-theme=light] .mobile-nav-item.active .mob-nav-icon{background:var(--accent-soft)!important;color:var(--accent)!important}body[data-theme=light] .app-header,body[data-theme=light]:not(.in-game) .app-header{border-bottom:1px solid var(--border-subtle)!important;background:#faf8fdf0!important}body[data-theme=light] .app-header .logo-title{color:var(--text-primary)!important}body[data-theme=light] .app-header .user-badge-pill{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}body[data-theme=light] .app-header .user-badge-pill #username-span{color:var(--text-primary)!important}body[data-theme=light] .catalog-hero-bar{background:var(--surface-1)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-soft)!important}body[data-theme=light] .search-container{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .search-container input{color:var(--text-primary)!important}body[data-theme=light] .search-container input::placeholder{color:var(--text-muted)!important}body[data-theme=light] .catalog-stats-badge{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}body[data-theme=light] .filter-chip{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}body[data-theme=light] .filter-chip:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important;border-color:var(--border-strong)!important}body[data-theme=light] .filter-chip.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--border-strong)!important;box-shadow:0 0 12px var(--accent-glow)!important}body[data-theme=light] #app-shell .app-main .app-view .song-card,body[data-theme=light] .app-view .song-card,body[data-theme=light] .song-card{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-card)!important}body[data-theme=light] #app-shell .app-main .app-view .song-card:hover,body[data-theme=light] .app-view .song-card:hover,body[data-theme=light] .song-card:hover{background:var(--surface-hover)!important;border-color:var(--border-strong)!important;box-shadow:0 10px 28px #43345d29!important}body[data-theme=light] .song-card .song-card-title{color:var(--text-primary)!important}body[data-theme=light] .song-card .song-card-artist{color:var(--text-secondary)!important}body[data-theme=light] .song-card .spotify-cover-wrap{box-shadow:0 4px 14px #43345d1f!important}body[data-theme=light] #app-shell .app-main .app-view .settings-modal-card,body[data-theme=light] #app-shell .app-main .app-view .user-profile-card,body[data-theme=light] #app-shell .app-main .app-view .profile-modal-card,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal,body[data-theme=light] .app-view .customization-modal-card,body[data-theme=light] .app-view .admin-modal-content,body[data-theme=light] .app-view .friends-modal-card,body[data-theme=light] .app-view .shop-modal-card,body[data-theme=light] .app-view .settings-modal-card,body[data-theme=light] .app-view .user-profile-card,body[data-theme=light] .app-view .profile-modal-card,body[data-theme=light] .app-view .leaderboard-modal,body[data-theme=light] .section-panel,body[data-theme=light] .modal-overlay,body[data-theme=light] .leaderboard-modal,body[data-theme=light] .customization-modal-card,body[data-theme=light] .shop-modal-card,body[data-theme=light] .friends-modal-card,body[data-theme=light] .admin-modal-content,body[data-theme=light] .settings-modal-card,body[data-theme=light] .user-profile-card,body[data-theme=light] .launch-modal-card,body[data-theme=light] .name-input-content{background:var(--surface-1)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-card)!important}body[data-theme=light] .admin-card,body[data-theme=light] .settings-section,body[data-theme=light] .profile-stat-box,body[data-theme=light] .profile-favorite-track-box{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-soft)!important}body[data-theme=light] .modern-input,body[data-theme=light] .name-input-field{background:var(--input-bg)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}body[data-theme=light] .modern-input:focus,body[data-theme=light] .name-input-field:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}body[data-theme=light] .customization-modal-card .customization-nav-tabs{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .cust-main-tab{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}body[data-theme=light] .cust-main-tab:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}body[data-theme=light] .cust-main-tab.active{color:#fff!important;border-color:var(--border-strong)!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important}body[data-theme=light] .customization-modal-card .cust-modal-header{border-bottom:1px solid var(--border-subtle)!important}body[data-theme=light] .cust-item-card,body[data-theme=light] .cust-frame-card,body[data-theme=light] .cust-trophy-card,body[data-theme=light] .shop-theme-card,body[data-theme=light] .friend-player-card{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;box-shadow:var(--shadow-soft)!important}body[data-theme=light] .cust-item-card:hover,body[data-theme=light] .cust-frame-card:hover,body[data-theme=light] .cust-trophy-card:hover,body[data-theme=light] .shop-theme-card:hover,body[data-theme=light] .friend-player-card:hover{background:var(--surface-hover)!important;border-color:var(--border-strong)!important}body[data-theme=light] .cust-showcase-pedestal{background:linear-gradient(180deg, #7c3aed0f 0%, var(--surface-card) 100%)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .theme-card-title,body[data-theme=light] .friend-name,body[data-theme=light] .cust-frame-title{color:var(--text-primary)!important}body[data-theme=light] .theme-card-desc,body[data-theme=light] .friend-status-quote{color:var(--text-secondary)!important}body[data-theme=light] .page-title,body[data-theme=light] .page-title-gradient,body[data-theme=light] .cust-title-wrap .shop-title-text,body[data-theme=light] .shop-title .shop-title-text,body[data-theme=light] .leaderboard-modal .lb-title,body[data-theme=light] .leaderboard-modal .lb-page-title,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-title,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-page-title{background:linear-gradient(135deg,#211b2d 0%,#4c1d95 60%,#7c3aed 100%)!important;-webkit-text-fill-color:transparent!important;color:#0000!important;filter:none!important;text-shadow:none!important;-webkit-background-clip:text!important;background-clip:text!important}body[data-theme=light] .cust-title-wrap .cust-modal-icon,body[data-theme=light] .shop-modal-icon{color:#7c3aed!important;background:#7c3aed1a!important;border:1px solid #7c3aed40!important}body[data-theme=light] .cust-title-wrap .shop-subtitle,body[data-theme=light] .shop-title .shop-subtitle{color:#625a70!important}body[data-theme=light] #view-leaderboard,body[data-theme=light] #lb-view-container,body[data-theme=light] .leaderboard-modal{color:#211b2d!important;background:0 0!important}body[data-theme=light] .leaderboard-modal .lb-sticky-top,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-sticky-top{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important}body[data-theme=light] .leaderboard-modal .lb-header-row,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-header-row{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}body[data-theme=light] .leaderboard-modal .lb-limit-bar{background:0 0!important}body[data-theme=light] .leaderboard-modal .lb-limit-label{color:#625a70!important}body[data-theme=light] .leaderboard-modal .lb-limit-btn{color:#625a70!important;box-shadow:none!important;background:#eee8f5!important;border:1px solid #43345d1f!important}body[data-theme=light] .leaderboard-modal .lb-limit-btn:hover{color:#211b2d!important;background:#ebe3f6!important;border-color:#7c3aed4d!important}body[data-theme=light] .leaderboard-modal .lb-limit-btn.active{color:#fff!important;background:#7c3aed!important;border-color:#7c3aed!important;box-shadow:0 2px 10px #7c3aed40!important}body[data-theme=light] .leaderboard-modal .podium-card,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-card,body[data-theme=light] #app-shell .app-main #view-leaderboard .podium-card{background:#faf8fd!important;border:1px solid #43345d1f!important;box-shadow:0 4px 16px #43345d14,0 1px 3px #43345d0d!important}body[data-theme=light] .leaderboard-modal .podium-card:hover,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-card:hover{border-color:#7c3aed59!important;box-shadow:0 8px 24px #43345d1f,0 0 16px #7c3aed1f!important}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-1,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-1,body[data-theme=light] #app-shell .app-main #view-leaderboard .podium-card.podium-rank-1{background:linear-gradient(#fffbeb 0%,#fef3c7 40%,#faf8fd 100%)!important;border:1.5px solid #f59e0b8c!important;box-shadow:0 10px 28px -4px #f59e0b38,0 2px 8px #43345d0f!important}body[data-theme=light] .leaderboard-modal .podium-rank-badge.rank-1,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-badge.rank-1{color:#b45309!important;background:#fef3c7!important;border:1px solid #f59e0b80!important}body[data-theme=light] .leaderboard-modal .podium-rank-1 .podium-tier-label,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-tier-label,body[data-theme=light] .leaderboard-modal .podium-rank-1 .podium-score,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-score{color:#b45309!important}body[data-theme=light] .leaderboard-modal .podium-rank-1 .podium-pedestal-base,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-pedestal-base{background:linear-gradient(#fde68a 0%,#f59e0b 100%)!important;border-top:1px solid #f59e0b!important}body[data-theme=light] .leaderboard-modal .podium-rank-1 .podium-base-num,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-1 .podium-base-num{color:#78350f!important;opacity:.9!important}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-2,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-2,body[data-theme=light] #app-shell .app-main #view-leaderboard .podium-card.podium-rank-2{background:linear-gradient(#f8fafc 0%,#f1f5f9 45%,#faf8fd 100%)!important;border:1.5px solid #94a3b88c!important;box-shadow:0 8px 24px -4px #64748b29,0 2px 8px #43345d0f!important}body[data-theme=light] .leaderboard-modal .podium-rank-badge.rank-2,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-badge.rank-2{color:#475569!important;background:#f1f5f9!important;border:1px solid #94a3b880!important}body[data-theme=light] .leaderboard-modal .podium-rank-2 .podium-tier-label,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-tier-label{color:#475569!important}body[data-theme=light] .leaderboard-modal .podium-rank-2 .podium-score,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-score{color:#334155!important}body[data-theme=light] .leaderboard-modal .podium-rank-2 .podium-pedestal-base,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-pedestal-base{background:linear-gradient(#e2e8f0 0%,#cbd5e1 100%)!important;border-top:1px solid #94a3b8!important}body[data-theme=light] .leaderboard-modal .podium-rank-2 .podium-base-num,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-2 .podium-base-num{color:#334155!important;opacity:.85!important}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-3,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-card.podium-rank-3,body[data-theme=light] #app-shell .app-main #view-leaderboard .podium-card.podium-rank-3{background:linear-gradient(#fff7ed 0%,#ffedd5 45%,#faf8fd 100%)!important;border:1.5px solid #d9770673!important;box-shadow:0 8px 24px -4px #d9770629,0 2px 8px #43345d0f!important}body[data-theme=light] .leaderboard-modal .podium-rank-badge.rank-3,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-badge.rank-3{color:#9a3412!important;background:#ffedd5!important;border:1px solid #d9770666!important}body[data-theme=light] .leaderboard-modal .podium-rank-3 .podium-tier-label,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-tier-label,body[data-theme=light] .leaderboard-modal .podium-rank-3 .podium-score,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-score{color:#9a3412!important}body[data-theme=light] .leaderboard-modal .podium-rank-3 .podium-pedestal-base,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-pedestal-base{background:linear-gradient(#fed7aa 0%,#f97316 100%)!important;border-top:1px solid #ea580c!important}body[data-theme=light] .leaderboard-modal .podium-rank-3 .podium-base-num,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-rank-3 .podium-base-num{color:#7c2d12!important;opacity:.9!important}body[data-theme=light] .leaderboard-modal .podium-name,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-name{color:#211b2d!important}body[data-theme=light] .leaderboard-modal .podium-levels,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-levels,body[data-theme=light] .leaderboard-modal .podium-levels-lbl{color:#625a70!important}body[data-theme=light] .leaderboard-modal .podium-levels-val{color:#211b2d!important;font-weight:700!important}body[data-theme=light] .leaderboard-modal .podium-mini-stat,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-mini-stat{color:#211b2d!important;background:#eee8f5!important;border:1px solid #43345d1f!important}body[data-theme=light] .leaderboard-modal .podium-player-details .account-level,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .podium-player-details .account-level{color:#625a70!important;background:#eee8f5!important;border:1px solid #43345d1f!important}body[data-theme=light] .leaderboard-modal .lb-table th{color:#625a70!important}body[data-theme=light] .leaderboard-modal .lb-table tr.lb-player-row,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row,body[data-theme=light] #app-shell .app-main #view-leaderboard .lb-table .lb-player-row{background:#f7f3fb!important;border:1px solid #43345d1f!important;box-shadow:0 2px 8px #43345d0a!important}body[data-theme=light] .leaderboard-modal .lb-table tr.lb-player-row:hover,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row:hover,body[data-theme=light] #app-shell .app-main #view-leaderboard .lb-table .lb-player-row:hover{background:#ebe3f6!important;border-color:#7c3aed4d!important;box-shadow:0 4px 14px #43345d14!important}body[data-theme=light] .leaderboard-modal .lb-table tr.lb-player-row.lb-top-tier,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row.lb-top-tier,body[data-theme=light] #app-shell .app-main #view-leaderboard .lb-table .lb-player-row.lb-top-tier{background:linear-gradient(90deg,#7c3aed14 0%,#f7f3fb 55%)!important;border:1px solid #7c3aed38!important;border-left:3.5px solid #7c3aed!important}body[data-theme=light] .leaderboard-modal .lb-table tr.lb-player-row.lb-top-tier:hover,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-table .lb-player-row.lb-top-tier:hover{background:linear-gradient(90deg,#7c3aed24 0%,#ebe3f6 55%)!important}body[data-theme=light] .leaderboard-modal .lb-rank-num,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-rank-num{color:#625a70!important}body[data-theme=light] .leaderboard-modal .lb-player-name,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-player-name{color:#211b2d!important}body[data-theme=light] .leaderboard-modal .account-level,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .account-level{color:#625a70!important;background:#eee8f5!important;border:1px solid #43345d1f!important}body[data-theme=light] .leaderboard-modal .lb-stat-pill,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-stat-pill{color:#211b2d!important;background:#eee8f5!important;border:1px solid #43345d1f!important}body[data-theme=light] .leaderboard-modal .lb-stat-levels{color:#211b2d!important;font-weight:700!important}body[data-theme=light] .leaderboard-modal .lb-stat-levels-sub{color:#625a70!important}body[data-theme=light] .leaderboard-modal .lb-score-val,body[data-theme=light] #app-shell .app-main .app-view .leaderboard-modal .lb-score-val{color:#7c3aed!important}body[data-theme=light] .friends-title{color:var(--text-primary)!important}body[data-theme=light] .friends-tabs,body[data-theme=light] .friends-nav-tabs{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .friends-tab-btn,body[data-theme=light] .friend-tab-btn{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}body[data-theme=light] .friends-tab-btn:hover,body[data-theme=light] .friend-tab-btn:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}body[data-theme=light] .friends-tab-btn.active,body[data-theme=light] .friend-tab-btn.active{background:var(--accent)!important;color:#fff!important}body[data-theme=light] .friends-empty-title{color:var(--text-primary)!important}body[data-theme=light] .friends-empty-desc{color:var(--text-secondary)!important}body[data-theme=light] .shop-balance-pill{color:#b45309!important;background:#f59e0b1f!important;border:1px solid #f59e0b59!important}body[data-theme=light] .admin-tabs{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .admin-tab-btn{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important}body[data-theme=light] .admin-tab-btn:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}body[data-theme=light] .admin-tab-btn.active{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--border-strong)!important}body[data-theme=light] .admin-autobot-banner{background:var(--surface-2)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .admin-autobot-title{color:var(--text-primary)!important}body[data-theme=light] .admin-autobot-desc{color:var(--text-secondary)!important}body[data-theme=light] .admin-header-title{color:var(--text-primary)!important}body[data-theme=light] .admin-header-subtitle{color:var(--text-secondary)!important}body[data-theme=light] .admin-sticky-header{background:var(--surface-1)!important;border-bottom:1px solid var(--border-subtle)!important}body[data-theme=light] .admin-card-title{color:var(--text-primary)!important}body[data-theme=light] .admin-scores-table tr{background:var(--surface-card)!important;border:1px solid var(--border-subtle)!important}body[data-theme=light] .admin-cell-label{color:var(--text-secondary)!important}body[data-theme=light] #app-shell .app-main .app-view .settings-modal-card,body[data-theme=light] .app-view .settings-modal-card,body[data-theme=light] .settings-modal-card{background:var(--surface-card,#faf8fd)!important;color:var(--text-primary,#211b2d)!important;border-color:#43345d1f!important;box-shadow:0 16px 40px #4c1d9514!important}body[data-theme=light] .settings-modal-icon{color:#7c3aed!important;background:#7c3aed1a!important;border-color:#7c3aed40!important}body[data-theme=light] .settings-subtitle{color:#625a70!important}body[data-theme=light] .settings-section{background:#f7f3fb!important;border-color:#43345d1a!important}body[data-theme=light] .settings-section-title{color:#7c3aed!important}body[data-theme=light] .settings-row{color:#211b2d!important;border-bottom-color:#43345d12!important}body[data-theme=light] .settings-row .nav-btn,body[data-theme=light] #settings-theme-toggle,body[data-theme=light] #settings-sound-toggle,body[data-theme=light] #settings-fullscreen-toggle{color:#211b2d!important;background:#fff!important;border-color:#43345d2e!important;box-shadow:0 1px 3px #43345d0f!important}body[data-theme=light] .settings-row .nav-btn:hover,body[data-theme=light] #settings-theme-toggle:hover,body[data-theme=light] #settings-sound-toggle:hover,body[data-theme=light] #settings-fullscreen-toggle:hover{color:#7c3aed!important;background:#ebe3f6!important;border-color:#7c3aed!important}body[data-theme=light] .lang-pill{color:#625a70!important;background:#fff!important;border-color:#43345d29!important}body[data-theme=light] .lang-pill:hover{color:#211b2d!important;border-color:#7c3aed!important}body[data-theme=light] #settings-reset-confirmations{color:#625a70!important;background:#fff!important;border-color:#43345d38!important}body[data-theme=light] #settings-reset-confirmations:hover{color:#7c3aed!important;background:#ebe3f6!important;border-color:#7c3aed!important}body[data-theme=light] .settings-form-label{color:#211b2d!important}body[data-theme=light] .settings-form .name-input-field{color:#211b2d!important;background:#fff!important;border-color:#43345d2e!important}body[data-theme=light] .settings-form .name-input-field:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed26!important}body[data-theme=light] .settings-danger-zone{background:#ef44440d!important;border-color:#ef444433!important}body[data-theme=light] .settings-danger-zone p{color:#625a70!important}body[data-theme=light] .action-btn-danger,body[data-theme=light] #btn-delete-account{color:#dc2626!important;background:#ef44441a!important;border-color:#ef444459!important}body[data-theme=light] .action-btn-danger:hover,body[data-theme=light] #btn-delete-account:hover{color:#fff!important;background:#ef4444!important;box-shadow:0 4px 14px #ef44444d!important}.nekobeat-pwa-banner{z-index:10050;pointer-events:none;opacity:0;width:calc(100% - 48px);max-width:420px;transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;right:24px;transform:translateY(24px)scale(.96)}.nekobeat-pwa-banner.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nekobeat-pwa-banner.hidden{display:none}.pwa-banner-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#141220f0;border:1px solid #a78bfa40;border-radius:18px;flex-direction:column;gap:14px;padding:18px 20px;display:flex;position:relative;box-shadow:0 16px 48px #0000008c,0 0 0 1px #ffffff0d}.pwa-banner-close{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:10px;right:10px}.pwa-banner-close:hover{color:#fff;background:#ffffff26}.pwa-banner-main{align-items:center;gap:14px;padding-right:20px;display:flex}.pwa-banner-icon{border-radius:14px;flex-shrink:0;width:52px;height:52px;display:block;box-shadow:0 4px 16px #a855f759}.pwa-banner-text{flex-direction:column;gap:3px;min-width:0;display:flex}.pwa-banner-title{font-family:var(--font-display,"Dela Gothic One"), var(--font-accent,sans-serif);letter-spacing:.02em;background:linear-gradient(135deg,#f472b6 0%,#c084fc 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.05rem;line-height:1.25}.pwa-banner-desc{color:#e2e8f0d9;margin:0;font-size:.84rem;line-height:1.35}.pwa-banner-actions{align-items:center;gap:10px;display:flex}.pwa-btn-action{cursor:pointer;text-align:center;font-size:.9rem;font-weight:600;font-family:var(--font-sans);border-radius:12px;flex:1;padding:9px 14px;transition:transform .15s,opacity .2s,box-shadow .2s}.pwa-btn-action:active{transform:scale(.97)}.pwa-btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;box-shadow:0 4px 14px #a855f759}.pwa-btn-primary:hover{opacity:.93;box-shadow:0 6px 18px #a855f773}.pwa-btn-secondary{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f}.pwa-btn-secondary:hover{color:#fff;background:#ffffff24}body[data-theme=light] .pwa-banner-card{background:#fffffff5;border-color:#7e22ce33;box-shadow:0 16px 40px #0000001f,0 2px 8px #7e22ce14}body[data-theme=light] .pwa-banner-close{color:#64748b;background:#0000000d}body[data-theme=light] .pwa-banner-close:hover{color:#0f172a;background:#0000001a}body[data-theme=light] .pwa-banner-title{background:linear-gradient(135deg,#be185d 0%,#7e22ce 52%,#4f46e5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body[data-theme=light] .pwa-banner-desc{color:#475569}body[data-theme=light] .pwa-btn-primary{background:linear-gradient(135deg,#9333ea 0%,#db2777 100%);box-shadow:0 4px 14px #9333ea4d}body[data-theme=light] .pwa-btn-secondary{color:#334155;background:#0000000d;border-color:#0000001a}body[data-theme=light] .pwa-btn-secondary:hover{color:#0f172a;background:#00000017}.nekobeat-pwa-modal-backdrop{z-index:10100;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#000000a6;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}.nekobeat-pwa-modal-backdrop.visible{opacity:1;pointer-events:auto}.nekobeat-pwa-modal-backdrop.hidden{display:none}.pwa-modal-card{box-sizing:border-box;background:#161324f5;border:1px solid #a78bfa4d;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:440px;padding:22px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(16px)scale(.97);box-shadow:0 24px 60px #000000a6}.nekobeat-pwa-modal-backdrop.visible .pwa-modal-card{transform:translateY(0)scale(1)}.pwa-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pwa-modal-header-left{align-items:center;gap:10px;display:flex}.pwa-modal-header-icon{border-radius:10px;width:36px;height:36px;display:block}.pwa-modal-title{font-family:var(--font-display,"Dela Gothic One"), sans-serif;color:#f1f5f9;margin:0;font-size:1.08rem}.pwa-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.pwa-modal-close:hover{color:#fff;background:#ffffff29}.pwa-modal-steps{flex-direction:column;gap:12px;display:flex}.pwa-step-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pwa-step-badge{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:.78rem;font-weight:700;display:flex}.pwa-step-content{flex-direction:column;gap:2px;display:flex}.pwa-step-title{color:#f8fafc;font-size:.9rem;font-weight:600}.pwa-step-sub{color:#c084fc;font-size:.78rem}.pwa-modal-footer{justify-content:flex-end;display:flex}.pwa-modal-footer .pwa-btn-action{width:100%}body[data-theme=light] .pwa-modal-card{background:#fffffffa;border-color:#7e22ce40;box-shadow:0 24px 60px #0000002e}body[data-theme=light] .pwa-modal-title{color:#0f172a}body[data-theme=light] .pwa-modal-close{color:#64748b;background:#0000000f}body[data-theme=light] .pwa-modal-close:hover{color:#0f172a;background:#0000001f}body[data-theme=light] .pwa-step-item{background:#7e22ce0a;border-color:#7e22ce1a}body[data-theme=light] .pwa-step-title{color:#1e293b}body[data-theme=light] .pwa-step-sub{color:#7e22ce}@media (width<=600px){.nekobeat-pwa-banner{width:100%;max-width:100%;bottom:0;left:0;right:0;transform:translateY(105%)}.nekobeat-pwa-banner.visible{transform:translateY(0)}.pwa-banner-card{padding:16px 18px max(18px, env(safe-area-inset-bottom)) 18px;border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0006}.nekobeat-pwa-modal-backdrop{align-items:flex-end;padding:0}.pwa-modal-card{max-width:100%;padding:20px 20px max(24px, env(safe-area-inset-bottom)) 20px;border-bottom:none;border-left:none;border-right:none;border-radius:22px 22px 0 0;transform:translateY(100%)}.nekobeat-pwa-modal-backdrop.visible .pwa-modal-card{transform:translateY(0)}}.profile-avatar-stage{justify-content:center;align-items:center;width:100%;height:128px;display:flex}.profile-avatar-stage:has(.frame-champion-crown){height:206px}.profile-avatar-stage .profile-avatar-pill{width:72px;height:72px;margin:0}.profile-header-section{text-align:center}.user-profile-card{background:radial-gradient(ellipse at 50% 0, #19334c66, transparent 340px), var(--surface-color);overflow-y:auto;border-radius:26px!important;width:min(540px,94vw)!important;max-height:92dvh!important;padding:26px!important}.user-profile-card .user-profile-header{text-align:center;flex-direction:column;gap:8px!important;margin-bottom:16px!important;padding:0 0 18px!important}.user-profile-header .user-profile-avatar-wrap{box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:auto;padding:0;display:flex}.user-profile-portrait{justify-content:center;align-items:center;width:100%;height:136px;display:flex}.user-profile-portrait:has(.frame-champion-crown){height:226px}.user-profile-portrait:has(.frame-silver-crown,.frame-leader-crown){height:154px}.user-profile-portrait .frame-champion-crown{transform:translateY(-12px)}.user-profile-avatar-tools{justify-content:center;gap:10px;padding:4px 0;display:flex}.user-profile-avatar-tools:not(:has(.avatar-action-btn:not(.hidden))){display:none}.user-profile-header .user-profile-avatar{flex:0 0 80px;width:80px!important;height:80px!important;font-size:1.8rem!important}.user-profile-avatar-wrap .avatar-action-btn{z-index:20;width:36px;height:36px;box-shadow:none;border-radius:12px;position:static;top:auto!important;bottom:0!important}.user-profile-avatar-wrap .edit-avatar-btn{left:auto!important;right:46px!important}.user-profile-avatar-wrap .reset-avatar-btn{left:auto!important;right:0!important}.user-profile-name-row .user-profile-rank-badge{color:#fbbf24;background:#f59e0b18;border:1px solid #dba34166;border-radius:8px;padding:4px 9px;font-size:.75rem;line-height:1.4;position:static}body[data-theme=light] .user-profile-name-row .user-profile-rank-badge{color:#85520b;background:#fff3d6}.user-profile-identity{width:100%;min-width:0}.user-profile-name-row{flex-wrap:wrap;justify-content:center;gap:8px 12px}.user-profile-header .user-profile-name{overflow-wrap:anywhere;margin:0;font-size:1.6rem!important}.user-profile-meta{justify-content:center;margin-top:12px}.user-profile-status-wrap{margin-top:8px}.user-profile-bio:empty{display:none}.user-profile-bio{overflow-wrap:anywhere;line-height:1.6}.user-bio-edit-box{gap:8px;width:100%;min-width:0}.user-bio-edit-box .up-bio-input{flex:1;min-width:0}.user-bio-edit-box .bio-counter{flex-shrink:0}.profile-favorite-track-box{background:#121a2b99;border:1px solid #ffffff12;border-radius:16px;padding:16px;box-shadow:inset 0 1px #ffffff0f}.favorite-track-header{flex-wrap:wrap;gap:6px;line-height:1.5}.favorite-track-header .fav-title{overflow-wrap:anywhere;white-space:normal;overflow:visible}.user-profile-stats-grid{gap:10px}.profile-stat-box{text-align:left;background:linear-gradient(140deg,#38bdf80f,#0000),#121a2ba6;border:1px solid #ffffff12;border-radius:16px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:3px 10px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid;box-shadow:inset 0 1px #ffffff0f}.profile-stat-box:hover{background:linear-gradient(140deg,#38bdf81f,#0000),#18233acc;border-color:#38bdf84d;transform:translateY(-1px)}.profile-stat-box .stat-box-icon{color:var(--highlight);grid-row:1/3;margin:0}.profile-stat-box .stat-box-val,.profile-stat-box .stat-box-lbl{grid-column:2}.profile-stat-box .stat-box-val{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.35rem}.profile-stat-box .stat-box-lbl{margin-top:5px;font-size:.76rem}.profile-stat-box.stat-box-wide{flex-wrap:wrap;gap:8px 12px;padding:16px}.profile-stat-box.stat-box-wide .stat-box-icon,.profile-stat-box.stat-box-wide .stat-box-lbl{margin:0}.leaderboard-modal{scrollbar-width:thin;-webkit-overflow-scrolling:touch!important;background:radial-gradient(ellipse 80% 50% at 50% -10%, #38bdf829, transparent 70%), radial-gradient(ellipse 70% 40% at 50% 100%, #0f172ab3, transparent), var(--surface-color,#0b1324)!important;box-sizing:border-box!important;-webkit-backdrop-filter:none!important;border:1px solid #ffffff1f!important;border-radius:26px!important;width:min(920px,94vw)!important;max-width:920px!important;max-height:90dvh!important;margin:auto!important;padding:0 28px 24px!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden auto!important;transform:none!important;box-shadow:0 24px 70px #000000a6,0 0 1px #ffffff26!important}.leaderboard-modal .lb-sticky-top{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important;margin:0 auto 16px!important;padding:0!important;position:static!important}body[data-theme=light] .leaderboard-modal .lb-sticky-top{box-shadow:none!important;background:0 0!important;border-bottom:none!important}.leaderboard-modal .lb-sticky-top .lb-header-row{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important;margin:0!important;padding:0 0 10px!important;position:static!important}.leaderboard-modal .lb-sticky-top .lb-limit-bar{margin:0!important;padding:0 0 6px!important}.leaderboard-modal .lb-header-row{z-index:100!important;-webkit-backdrop-filter:blur(24px)!important;background:#0b1324!important;border-bottom:1px solid #ffffff1a!important;border-top-left-radius:26px!important;border-top-right-radius:26px!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin:0 -28px 16px!important;padding:18px 28px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 4px 16px #0006!important}body[data-theme=light] .leaderboard-modal .lb-header-row{background:#fff!important;border-bottom:1px solid #00000014!important;box-shadow:0 4px 16px #0f172a14!important}.leaderboard-modal .lb-close-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;color:var(--text-color,#f8fafc)!important;cursor:pointer!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important}.leaderboard-modal .lb-close-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;transform:scale(1.06)!important}body[data-theme=light] .leaderboard-modal .lb-close-btn{color:#0f172a!important;background:#0000000d!important;border-color:#0000001a!important}body[data-theme=light] .leaderboard-modal .lb-close-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.leaderboard-modal .lb-title{letter-spacing:.02em;text-transform:none}.leaderboard-modal .lb-limit-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 18px;display:flex}.leaderboard-modal .lb-limit-label{color:var(--text-secondary);margin-right:4px;font-size:.82rem}.leaderboard-modal .lb-limit-btn{background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;border:1px solid #ffffff14;border-radius:999px;padding:5px 14px;font-size:.78rem;transition:all .15s}.leaderboard-modal .lb-limit-btn:hover{color:var(--text-primary);border-color:#38bdf866}.leaderboard-modal .lb-limit-btn.active{border-color:var(--highlight);color:#fff;background:#38bdf829;font-weight:700}.leaderboard-modal .lb-podium-container{box-sizing:border-box;width:100%;max-width:860px;flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;gap:26px!important;margin:16px auto 26px!important;padding:0 4px!important;display:flex!important}.leaderboard-modal .podium-card{cursor:pointer;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;min-width:0!important;max-width:none!important;padding:14px 12px 0!important;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s,border-color .2s!important;display:flex!important;position:relative!important;overflow:visible!important}.leaderboard-modal .podium-card:hover{transform:translateY(-4px)!important}.leaderboard-modal .podium-card.podium-rank-2{flex:1 1 0;order:1;background:linear-gradient(180deg, #cbd5e124 0%, #94a3b80a 40%, #0f172ad9 100%), var(--surface-hover)!important;border:1px solid #cbd5e166!important;border-radius:22px 22px 14px 14px!important;box-shadow:0 12px 32px #00000059,inset 0 1px #f1f5f959!important}.leaderboard-modal .podium-card.podium-rank-1{z-index:5;flex:1.25 1 0;order:2;background:linear-gradient(180deg, #fbbf242e 0%, #f59e0b0d 45%, #0f172ae6 100%), var(--surface-hover)!important;border:1px solid #fbbf248c!important;border-radius:26px 26px 16px 16px!important;margin-top:-8px!important;transform:none!important;box-shadow:0 16px 44px #00000073,0 0 35px #fbbf2433,inset 0 1px #fff3c480!important}.leaderboard-modal .podium-card.podium-rank-1:hover{margin-top:-12px!important;transform:none!important;box-shadow:0 20px 48px #00000080,0 0 40px #fbbf2440!important}.leaderboard-modal .podium-card.podium-rank-3{flex:1 1 0;order:3;background:linear-gradient(180deg, #d9770624 0%, #b453090a 40%, #0f172ad9 100%), var(--surface-hover)!important;border:1px solid #d9770666!important;border-radius:22px 22px 14px 14px!important;box-shadow:0 12px 32px #00000059,inset 0 1px #fed7aa4d!important}.podium-card-top{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:0 4px;display:flex}.podium-rank-badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.podium-rank-badge.rank-1{color:#fde047;background:#f59e0b3d;border:1px solid #fbbf24a6;padding:4px 12px;font-size:.9rem;box-shadow:0 0 12px #fbbf244d}.podium-rank-badge.rank-2{color:#f1f5f9;background:#94a3b838;border:1px solid #cbd5e18c}.podium-rank-badge.rank-3{color:#fed7aa;background:#d9770638;border:1px solid #d977068c}.podium-crown-icon{align-items:center;line-height:0;display:flex}.podium-tier-label{letter-spacing:.12em;opacity:.75;text-transform:uppercase;font-size:.68rem;font-weight:700}.podium-rank-1 .podium-tier-label{color:#fde047}.podium-rank-2 .podium-tier-label{color:#cbd5e1}.podium-rank-3 .podium-tier-label{color:#fdba74}.podium-avatar-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible!important}.podium-rank-1 .podium-avatar-stage{height:200px;padding-top:6px}.podium-rank-2 .podium-avatar-stage,.podium-rank-3 .podium-avatar-stage{height:165px;padding-top:4px}.leaderboard-modal .podium-avatar{box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;margin:0!important}.podium-rank-1 .podium-avatar{border:3px solid #fbbf24;box-shadow:0 0 24px #fbbf2473;width:96px!important;height:96px!important;font-size:2.1rem!important}.podium-rank-1 .podium-avatar:is(.frame-champion-crown,.frame-silver-crown,.frame-leader-crown,.frame-eared-melon),.podium-rank-2 .podium-avatar:is(.frame-champion-crown,.frame-silver-crown,.frame-leader-crown,.frame-eared-melon),.podium-rank-3 .podium-avatar:is(.frame-champion-crown,.frame-silver-crown,.frame-leader-crown,.frame-eared-melon){box-shadow:none!important;border:0!important}.podium-rank-2 .podium-avatar.frame-silver-crown:before{inset:-20%!important}.podium-rank-2 .podium-avatar{border:2px solid #cbd5e1;box-shadow:0 0 18px #cbd5e159;width:84px!important;height:84px!important;font-size:1.8rem!important}.podium-rank-3 .podium-avatar{border:2px solid #d97706;box-shadow:0 0 18px #d9770659;width:84px!important;height:84px!important;font-size:1.8rem!important}.podium-player-details{text-align:center;z-index:5;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.podium-rank-1 .podium-player-details{margin-top:32px!important}.podium-rank-2 .podium-player-details,.podium-rank-3 .podium-player-details{margin-top:14px!important}.leaderboard-modal .podium-name{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 4px;line-height:1.3;overflow:hidden}.podium-rank-1 .podium-name{color:#fff;font-weight:800;font-size:1.22rem!important}.podium-rank-2 .podium-name{color:#f1f5f9;font-weight:700;font-size:1.05rem!important}.podium-rank-3 .podium-name{color:#fed7aa;font-weight:700;font-size:1.05rem!important}.leaderboard-modal .podium-title-wrap{justify-content:center;align-items:center;width:100%;min-height:24px;margin:2px 0 6px;display:flex}.leaderboard-modal .podium-title-badge{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;max-width:92%;padding:2px 8px;font-size:.68rem;line-height:1.3}.podium-score-wrap{flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.leaderboard-modal .podium-score{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2;font-size:1.25rem!important}.podium-rank-1 .podium-score{color:#fbbf24;text-shadow:0 0 14px #fbbf2466;font-size:1.45rem!important}.podium-rank-2 .podium-score{color:#cbd5e1}.podium-rank-3 .podium-score{color:#f97316}.leaderboard-modal .podium-levels{opacity:.72;color:var(--text-secondary);margin-top:3px;font-size:.76rem}.podium-pedestal-base{box-sizing:border-box;border-top-style:solid;border-top-width:2px;justify-content:center;align-items:center;width:calc(100% + 24px);margin:0 -12px;display:flex}.podium-rank-1 .podium-pedestal-base{background:linear-gradient(#fbbf2440 0%,#f59e0b0f 100%);border-top-color:#fbbf2499;border-radius:0 0 16px 16px;height:54px}.podium-rank-1 .podium-base-num{color:#fde047;text-shadow:0 0 12px #fbbf2480;font-size:1.55rem;font-weight:900}.podium-rank-2 .podium-pedestal-base{background:linear-gradient(#cbd5e12e 0%,#94a3b80a 100%);border-top-color:#cbd5e173;border-radius:0 0 14px 14px;height:40px}.podium-rank-2 .podium-base-num{color:#cbd5e1;font-size:1.3rem;font-weight:800}.podium-rank-3 .podium-pedestal-base{background:linear-gradient(#d977062e 0%,#b453090a 100%);border-top-color:#d9770673;border-radius:0 0 14px 14px;height:30px}.podium-rank-3 .podium-base-num{color:#d97706;font-size:1.2rem;font-weight:800}.leaderboard-modal .lb-content-wrapper{flex-shrink:0}.leaderboard-modal .lb-scroll-area{flex-shrink:0;max-height:none!important;overflow:visible!important}.leaderboard-modal .lb-table{border-collapse:separate!important;border-spacing:0!important;flex-direction:column!important;width:100%!important;display:flex!important}.leaderboard-modal .lb-table thead,.leaderboard-modal .lb-table tbody{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.leaderboard-modal .lb-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:0 0;padding:8px 12px;font-size:.72rem;font-weight:700}.leaderboard-modal .lb-table thead tr{grid-template-columns:44px 52px minmax(0,1fr) 160px 140px!important;align-items:center!important;gap:0 10px!important;padding:0 14px!important;display:grid!important}.leaderboard-modal .lb-th-rank{text-align:center;grid-column:1!important}.leaderboard-modal .lb-th-player{text-align:left;grid-column:2/4!important}.leaderboard-modal .lb-th-levels{text-align:center;grid-column:4!important}.leaderboard-modal .lb-th-score{text-align:right;grid-column:5!important}.leaderboard-modal .lb-player-row{cursor:pointer;transition:transform .15s,background .15s,border-color .15s;box-sizing:border-box!important;background:#1a1727!important;border:1px solid #ffffff0f!important;border-radius:12px!important;grid-template-columns:44px 52px minmax(0,1fr) 160px 140px!important;grid-template-areas:"rank avatar identity levels score"!important;align-items:center!important;gap:0 10px!important;padding:10px 14px!important;display:grid!important}.leaderboard-modal .lb-player-row.has-title{grid-template-areas:"rank avatar identity levels score"".title title title title"!important;row-gap:6px!important}.leaderboard-modal .lb-player-row:hover{background:#252138!important;transform:translate(3px)!important;box-shadow:0 4px 16px #0000004d!important}.leaderboard-modal .lb-table td{vertical-align:middle;background:0 0!important;border:0!important;padding:0!important}.leaderboard-modal .lb-player-row.lb-top-tier{background:linear-gradient(90deg,#38bdf817 0%,#1e3a5861 40%,#1a1727 100%)!important;border:1px solid #38bdf838!important;border-left:3px solid #38bdf8!important}.leaderboard-modal .lb-player-row.lb-top-tier .lb-rank-num{color:#7dd3fc;text-shadow:0 0 10px #38bdf866;font-size:1.02rem;font-weight:800}.leaderboard-modal .lb-player-row.lb-standard-row:nth-child(2n){background:#ffffff06;border:1px solid #ffffff0a}.leaderboard-modal .lb-player-row.lb-standard-row:nth-child(odd){background:#ffffff0b;border:1px solid #ffffff0f}.leaderboard-modal .lb-player-row.lb-standard-row .lb-rank-num{color:var(--text-secondary);font-size:.95rem;font-weight:700}.leaderboard-modal .lb-col-rank{text-align:center;grid-area:rank!important;justify-content:center!important;align-items:center!important;display:flex!important}.leaderboard-modal .lb-col-avatar{grid-area:avatar!important;justify-content:center!important;align-items:center!important;display:flex!important;overflow:visible!important}.leaderboard-modal .lb-col-identity{flex-direction:column!important;grid-area:identity!important;justify-content:center!important;min-width:0!important;display:flex!important}.leaderboard-modal .lb-avatar-stage{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:visible}.leaderboard-modal .lb-avatar-mini{border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;margin:0;font-size:1rem;display:flex;position:relative;overflow:visible}.leaderboard-modal .lb-player-info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.leaderboard-modal .lb-player-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.35;overflow:hidden}.leaderboard-modal .lb-col-title{grid-area:title!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-width:0!important;padding-top:2px!important;display:flex!important}.leaderboard-modal .lb-player-title-box{align-items:center;max-width:100%;display:flex}.leaderboard-modal .lb-player-title-box .user-title-badge{white-space:normal;word-break:break-word;max-width:100%;margin:0;padding:2px 7px;font-size:.68rem;line-height:1.3}.leaderboard-modal .lb-col-levels{text-align:center;grid-area:levels!important;justify-content:center!important;align-items:center!important;display:flex!important}.leaderboard-modal .lb-stat-levels{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.leaderboard-modal .lb-stat-levels-sub{display:none}.leaderboard-modal .lb-col-score{text-align:right;grid-area:score!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}.leaderboard-modal .lb-score-val{font-variant-numeric:tabular-nums;color:var(--highlight);white-space:nowrap;font-size:1.12rem;font-weight:800}.frame-silver-crown>:is(.avatar-photo,.avatar-letter,img){object-fit:cover;max-width:none;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%!important;width:112%!important;height:130%!important;position:absolute!important}.frame-silver-crown>.avatar-letter{background:inherit;justify-content:center;align-items:center;display:flex!important}body[data-theme=light] .user-profile-card,body[data-theme=light] .leaderboard-modal{background:radial-gradient(at 50% 0,#e4eff7,#0000 480px),#fafcfe!important}body[data-theme=light] .profile-stat-box,body[data-theme=light] .profile-favorite-track-box{background:#edf2f7}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-1{background:linear-gradient(#fff9e6 0%,#fef3c7 45%,#fff 100%)!important;border-color:#f59e0b!important;box-shadow:0 12px 36px #f59e0b26!important}body[data-theme=light] .podium-rank-1 .podium-name{color:#78350f!important}body[data-theme=light] .podium-rank-1 .podium-tier-label{color:#b45309!important}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-2{background:linear-gradient(#f8fafc 0%,#f1f5f9 45%,#fff 100%)!important;border-color:#94a3b8!important;box-shadow:0 10px 28px #64748b1f!important}body[data-theme=light] .podium-rank-2 .podium-name{color:#1e293b!important}body[data-theme=light] .podium-rank-2 .podium-tier-label{color:#475569!important}body[data-theme=light] .leaderboard-modal .podium-card.podium-rank-3{background:linear-gradient(#fff7ed 0%,#ffedd5 45%,#fff 100%)!important;border-color:#ea580c!important;box-shadow:0 10px 28px #c2410c1f!important}body[data-theme=light] .podium-rank-3 .podium-name{color:#7c2d12!important}body[data-theme=light] .podium-rank-3 .podium-tier-label{color:#9a3412!important}body[data-theme=light] .leaderboard-modal .lb-player-row.lb-top-tier td{background:linear-gradient(90deg,#e0f2fe 0%,#f0f9ff 100%)!important;border-color:#bae6fd!important}body[data-theme=light] .leaderboard-modal .lb-player-row.lb-top-tier .lb-rank-num{text-shadow:none;color:#0284c7!important}body[data-theme=light] .leaderboard-modal .lb-player-row.lb-standard-row:nth-child(2n) td{background:#f8fafc!important;border-color:#e2e8f0!important}body[data-theme=light] .leaderboard-modal .lb-player-row.lb-standard-row:nth-child(odd) td{background:#fff!important;border-color:#e2e8f0!important}@media (width<=960px) and (width>=601px){.leaderboard-modal{width:95vw!important;padding:22px 20px!important}.leaderboard-modal .lb-podium-container{max-width:720px;gap:16px!important;margin:14px auto 22px!important}.leaderboard-modal .podium-card{padding:12px 8px 0!important}.podium-rank-1 .podium-avatar-stage{height:180px}.podium-rank-2 .podium-avatar-stage,.podium-rank-3 .podium-avatar-stage{height:150px}.podium-rank-1 .podium-avatar{width:86px!important;height:86px!important;font-size:1.8rem!important}.podium-rank-2 .podium-avatar,.podium-rank-3 .podium-avatar{width:76px!important;height:76px!important;font-size:1.5rem!important}.podium-rank-1 .podium-player-details{margin-top:26px!important}.podium-rank-2 .podium-player-details,.podium-rank-3 .podium-player-details{margin-top:12px!important}.podium-rank-1 .podium-name{font-size:1.1rem!important}.podium-rank-2 .podium-name,.podium-rank-3 .podium-name{font-size:.95rem!important}.podium-rank-1 .podium-score{font-size:1.3rem!important}.podium-rank-2 .podium-score,.podium-rank-3 .podium-score{font-size:1.15rem!important}.podium-rank-1 .podium-pedestal-base{height:46px}.podium-rank-2 .podium-pedestal-base{height:35px}.podium-rank-3 .podium-pedestal-base{height:26px}.leaderboard-modal .lb-th-rank{width:9%}.leaderboard-modal .lb-th-player{width:50%}.leaderboard-modal .lb-th-levels{width:17%}.leaderboard-modal .lb-th-score{width:24%}.leaderboard-modal .lb-table td{padding:7px 10px}.leaderboard-modal .lb-score-val{font-size:1.02rem}}@media (width<=600px){.user-profile-card{padding:20px 16px!important}.leaderboard-modal{border-radius:20px!important;width:96vw!important;padding:16px 12px!important}.leaderboard-modal .lb-header-row{margin-bottom:8px}.leaderboard-modal .lb-title{font-size:1.05rem}.leaderboard-modal .lb-limit-bar{gap:5px;margin:4px 0 10px}.leaderboard-modal .lb-limit-btn{padding:3px 9px;font-size:.72rem}.leaderboard-modal .lb-podium-container{box-sizing:border-box!important;flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;gap:5px!important;width:100%!important;max-width:100%!important;margin:8px auto 14px!important;padding:0!important;display:flex!important}.leaderboard-modal .podium-card{box-sizing:border-box!important;flex-direction:column!important;align-items:center!important;min-width:0!important;max-width:none!important;display:flex!important;position:relative!important;overflow:visible!important;transform:none!important}.leaderboard-modal .podium-card.podium-rank-2{border-radius:14px 14px 10px 10px!important;flex:1 1 0!important;order:1!important;padding:7px 3px 0!important}.leaderboard-modal .podium-card.podium-rank-1{z-index:5!important;border-radius:16px 16px 12px 12px!important;flex:1.16 1 0!important;order:2!important;margin-top:-12px!important;padding:8px 4px 0!important}.leaderboard-modal .podium-card.podium-rank-3{border-radius:14px 14px 10px 10px!important;flex:1 1 0!important;order:3!important;padding:7px 3px 0!important}.podium-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:2px;padding:0 1px;display:flex}.podium-rank-1 .podium-rank-badge{padding:1.5px 5px;font-size:.68rem}.podium-rank-2 .podium-rank-badge,.podium-rank-3 .podium-rank-badge{padding:1px 4px;font-size:.6rem}.podium-rank-1 .podium-tier-label{letter-spacing:.04em;font-size:.48rem}.podium-rank-2 .podium-tier-label,.podium-rank-3 .podium-tier-label{letter-spacing:.03em;font-size:.44rem}.podium-rank-1 .podium-avatar-stage{width:100%!important;height:94px!important;margin:0!important;padding:0!important}.podium-rank-2 .podium-avatar-stage,.podium-rank-3 .podium-avatar-stage{width:100%!important;height:78px!important;margin:0!important;padding:0!important}.podium-rank-1 .podium-avatar{width:52px!important;height:52px!important;font-size:1.25rem!important}.leaderboard-modal .podium-rank-1 .podium-avatar.frame-champion-crown:before,.podium-rank-1 .podium-avatar.frame-champion-crown:before{inset:-60%!important}.leaderboard-modal .podium-rank-2 .podium-avatar.frame-silver-crown:before,.podium-rank-2 .podium-avatar.frame-silver-crown:before{inset:-18%!important}.podium-rank-2 .podium-avatar,.podium-rank-3 .podium-avatar{width:44px!important;height:44px!important;font-size:1.05rem!important}.podium-rank-1 .podium-player-details{z-index:6;text-align:center!important;align-items:center!important;width:100%!important;margin-top:8px!important}.podium-rank-2 .podium-player-details,.podium-rank-3 .podium-player-details{z-index:6;text-align:center!important;align-items:center!important;width:100%!important;margin-top:6px!important}.podium-rank-1 .podium-name{margin:0 0 1px;font-weight:700;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.78rem!important;overflow:hidden!important}.podium-rank-2 .podium-name,.podium-rank-3 .podium-name{margin:0 0 1px;font-weight:600;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.72rem!important;overflow:hidden!important}.podium-title-wrap{width:100%;min-height:0;margin:0 0 2px;display:flex;justify-content:center!important}.podium-rank-1 .podium-title-badge{max-width:95%;padding:1px 3px;font-size:.5rem;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.podium-rank-2 .podium-title-badge,.podium-rank-3 .podium-title-badge{max-width:95%;padding:1px 3px;font-size:.46rem;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.podium-score-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:4px;display:flex}.podium-rank-1 .podium-score{line-height:1.1;font-size:.84rem!important;font-weight:800!important}.podium-rank-2 .podium-score,.podium-rank-3 .podium-score{line-height:1.1;font-size:.74rem!important;font-weight:700!important}.podium-rank-1 .podium-levels{margin-top:1px;font-size:.58rem;line-height:1.1}.podium-rank-2 .podium-levels,.podium-rank-3 .podium-levels{margin-top:1px;font-size:.54rem;line-height:1.1}.podium-rank-1 .podium-pedestal-base{border-radius:0 0 12px 12px;width:calc(100% + 8px);margin:3px -4px 0;height:28px!important;display:flex!important}.podium-rank-1 .podium-base-num{font-size:.98rem}.podium-rank-2 .podium-pedestal-base{border-radius:0 0 10px 10px;width:calc(100% + 6px);margin:2px -3px 0;height:22px!important;display:flex!important}.podium-rank-2 .podium-base-num{font-size:.88rem}.podium-rank-3 .podium-pedestal-base{border-radius:0 0 10px 10px;width:calc(100% + 6px);margin:2px -3px 0;height:16px!important;display:flex!important}.podium-rank-3 .podium-base-num{font-size:.78rem}.leaderboard-modal .lb-table{border-spacing:0 5px!important;border-collapse:separate!important;table-layout:fixed!important;width:100%!important;display:table!important}.leaderboard-modal .lb-table thead{display:table-header-group!important}.leaderboard-modal .lb-table thead th{color:var(--text-secondary);letter-spacing:.04em!important;padding:6px 3px!important;font-size:.58rem!important}.leaderboard-modal .lb-th-rank{text-align:center!important;width:8%!important}.leaderboard-modal .lb-th-player{text-align:left!important;width:44%!important}.leaderboard-modal .lb-th-levels{text-align:center!important;width:22%!important;line-height:1.2!important}.leaderboard-modal .lb-th-score{text-align:right!important;width:26%!important;line-height:1.2!important}.leaderboard-modal .lb-table tbody{width:100%!important;display:table-row-group!important}.leaderboard-modal .lb-player-row{box-sizing:border-box!important;border-radius:14px!important;grid-template-columns:26px 38px minmax(0,1fr) auto auto!important;grid-template-areas:"rank avatar identity levels score"!important;align-items:center!important;gap:0 8px!important;min-height:52px!important;padding:8px 10px!important;display:grid!important}.leaderboard-modal .lb-player-row.has-title{grid-template-areas:"rank avatar identity levels score"".title title title title"!important;row-gap:5px!important}.leaderboard-modal .lb-table td{box-sizing:border-box!important;background:0 0!important;border:none!important;align-items:center!important;min-width:0!important;height:auto!important;padding:0!important;display:flex!important}.leaderboard-modal .lb-col-rank{flex:none!important;grid-area:rank!important;justify-content:center!important;width:auto!important}.leaderboard-modal .lb-rank-num{font-size:.8rem!important}.leaderboard-modal .lb-col-avatar{flex:none!important;grid-area:avatar!important;justify-content:center!important;width:auto!important;overflow:visible!important}.lb-avatar-stage{flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important;overflow:visible!important}.lb-avatar-stage:has(.frame-champion-crown){flex-basis:50px!important;width:50px!important;height:50px!important}.leaderboard-modal .lb-avatar-mini{flex:0 0 34px!important;width:34px!important;height:34px!important;font-size:.82rem!important}.leaderboard-modal .lb-col-identity{flex-direction:column!important;flex:auto!important;grid-area:identity!important;justify-content:center!important;gap:1px!important;width:auto!important;min-width:0!important;display:flex!important}.leaderboard-modal .lb-player-name{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:.84rem!important;font-weight:700!important;line-height:1.25!important;overflow:hidden!important}.leaderboard-modal .lb-player-level-row{align-items:center!important;display:flex!important}.leaderboard-modal .lb-col-title{flex:none!important;grid-area:title!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;padding:0!important}.leaderboard-modal .lb-player-title-box{align-items:center!important;max-width:100%!important;display:flex!important}.leaderboard-modal .lb-player-title-box .user-title-badge{white-space:normal!important;word-break:break-word!important;max-width:100%!important;padding:2px 7px!important;font-size:.6rem!important;line-height:1.25!important;display:inline-block!important}.leaderboard-modal .lb-col-levels{text-align:center!important;flex:none!important;grid-area:levels!important;justify-content:center!important;width:auto!important;padding:0 2px!important}.leaderboard-modal .lb-stat-levels{color:var(--text-secondary)!important;font-size:.78rem!important;font-weight:700!important}.leaderboard-modal .lb-stat-levels-sub{display:none!important}.leaderboard-modal .lb-col-score{text-align:right!important;flex:none!important;grid-area:score!important;justify-content:flex-end!important;width:auto!important}.leaderboard-modal .lb-score-val{font-size:.94rem!important;font-weight:800!important}.user-profile-stats-grid .profile-stat-box{grid-template-columns:20px minmax(0,1fr);gap:3px 7px;padding:12px 10px}.user-profile-stats-grid .stat-box-val{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.leaderboard-modal .podium-card,.leaderboard-modal .lb-player-row{transition:none!important}}body:not([data-theme=light]){--lobby-panel:#0d111be0;--lobby-raised:#161d2ec7;--lobby-line:#ffffff14;--lobby-line-hover:#ffffff2e;--lobby-ink:#f8fafc;--lobby-muted:#94a3b8;--lobby-subtle:#64748b;--lobby-glow:#38bdf840;--lobby-card:#ffffff09;--lobby-card-hover:#fff1;--lobby-inner-bevel:inset 0 1px 0 #ffffff14}body[data-theme=light]{--lobby-panel:#faf8fd;--lobby-raised:#f1ecf8;--lobby-line:#43345d1f;--lobby-line-hover:#7c3aed47;--lobby-ink:#211b2d;--lobby-muted:#625a70;--lobby-subtle:#8b8496;--lobby-glow:#7c3aed2e;--lobby-card:#f7f4fb;--lobby-card-hover:#ebe4f7;--lobby-inner-bevel:inset 0 1px 0 #ffffffe6}html:not(.in-game){-webkit-overflow-scrolling:touch;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html:has(body:not(.in-game)){-webkit-overflow-scrolling:touch;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body:not(.in-game){-webkit-overflow-scrolling:touch;touch-action:pan-y!important;height:auto!important;min-height:100%!important;overflow:hidden visible!important}html.in-game,body.in-game{touch-action:none!important;height:100%!important;overflow:hidden!important}.account-level{width:max-content;color:var(--highlight);white-space:nowrap;letter-spacing:.035em;font-variant-numeric:tabular-nums;background:#38bdf80d;border:1px solid #38bdf84d;border-radius:7px;justify-content:center;align-items:center;padding:4px 9px;font-size:.75rem;font-weight:800;line-height:1.2;display:inline-flex}.account-progress-panel{text-align:left;border:1px solid var(--lobby-line);background:linear-gradient(115deg,#38bdf812,transparent),var(--lobby-panel);color:var(--lobby-ink);border-radius:16px;margin:0 0 16px;padding:16px 18px}.account-progress-heading{color:var(--lobby-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.account-progress-values{flex-wrap:wrap;align-items:baseline;gap:7px;margin:8px 0;display:flex}.account-progress-values strong{letter-spacing:-.04em;font-size:1.6rem}.account-progress-values span,.account-progress-panel small{color:var(--lobby-muted);font-size:.8rem}.account-progress-panel progress{appearance:none;background:var(--lobby-line);border:0;border-radius:8px;width:100%;height:7px;margin:8px 0 10px;display:block;overflow:hidden}.account-progress-panel progress::-webkit-progress-bar{background:var(--lobby-line)}.account-progress-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:8px}.account-progress-panel progress::-moz-progress-bar{background:linear-gradient(90deg,#38bdf8,#818cf8)}.account-xp-result{color:var(--highlight);margin:8px 0;font-size:1.15rem;font-weight:750}.account-unsynced{color:var(--lobby-muted);text-align:center;font-size:.85rem}body:not(.in-game) .app-header{box-sizing:border-box;background:var(--lobby-panel);border-bottom:1px solid var(--lobby-line);gap:24px;width:100%;min-height:64px;padding:10px max(24px,50vw - 680px);position:relative;top:auto;box-shadow:0 12px 40px #00000012;height:auto!important}.app-header .header-right,.app-header .auth-group{flex-wrap:wrap;gap:10px;min-width:0}.app-header .user-badge-pill{cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;background:var(--lobby-raised)!important;border:1px solid var(--lobby-line)!important;box-sizing:border-box!important;border-radius:14px!important;align-items:center!important;gap:8px!important;max-width:280px!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:4px 14px 4px 6px!important;position:relative!important;overflow:visible!important}.app-header .user-badge-pill.hidden,.app-header .user-badge-pill[style*="display: none"],.app-header .user-badge-pill[style*=display\:none],.app-header #btn-open-auth.hidden,.app-header #btn-open-auth[style*="display: none"],.app-header #btn-open-auth[style*=display\:none]{display:none!important}.app-header .user-badge-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38bdf833;border-color:var(--highlight)!important}.header-avatar-stage{flex:0 0 44px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;display:flex!important;position:relative!important;overflow:visible!important}.header-avatar-stage:is(:has(.frame-champion-crown),.has-champion-crown){flex-basis:72px!important;width:72px!important;height:44px!important}.header-avatar-stage:before,.header-avatar-stage:after,.app-header .user-badge-pill:before,.app-header .user-badge-pill:after{content:none!important;display:none!important}.app-header .icon-user-container{border-radius:50%!important;flex:0 0 36px!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;display:flex!important;position:relative!important}.header-player-identity{flex-direction:column!important;flex:auto!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;min-width:0!important;display:flex!important;overflow:hidden!important}.app-header .user-badge-pill #username-span{color:var(--lobby-ink)!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:150px!important;font-size:.86rem!important;font-weight:700!important;line-height:1.15!important;display:block!important;overflow:hidden!important}.app-header .user-badge-pill .account-level{letter-spacing:.03em!important;border-radius:5px!important;flex-shrink:0!important;align-self:flex-start!important;margin:0!important;padding:1px 6px!important;font-size:.65rem!important;font-weight:800!important;line-height:1.2!important}.app-header .nav-btn{border-radius:12px;min-width:44px;min-height:44px}body:not(.in-game) #menu-layer,body:not(.in-game) .song-selection{box-sizing:border-box;padding:32px max(24px,50vw - 680px) 48px;height:auto!important;min-height:calc(100dvh - 100px)!important;display:block!important;position:relative!important;inset:auto!important;overflow:visible!important}#menu-layer>.shimmer-text{text-align:left;letter-spacing:-.035em;background:linear-gradient(135deg,#fff 30%,#38bdf8 75%,#818cf8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 14px #38bdf833);width:100%;text-shadow:none;-webkit-background-clip:text;margin:0 0 24px;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;line-height:1.15;animation:none}body[data-theme=light] #menu-layer>.shimmer-text,body[data-theme=light] .shimmer-text{-webkit-text-fill-color:transparent!important;color:#0000!important;filter:none!important;background:linear-gradient(135deg,#0f172a 30%,#0284c7 75%,#4f46e5 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}.song-catalog-container{width:100%;max-width:none;height:auto;padding:0;overflow:visible}.catalog-toolbar{border-bottom:1px solid var(--lobby-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:20px;display:flex}.catalog-stats-badge{color:var(--lobby-muted);align-items:center;gap:8px;font-size:.86rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0a;background:#ffffff09!important;border:1px solid #ffffff14!important;border-radius:999px!important;padding:6px 16px!important}#catalog-passed-count{color:#38bdf8;font-weight:750}.catalog-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.catalog-toolbar-actions .btn-shop-toolbar{cursor:pointer;align-items:center;gap:8px;min-height:42px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:var(--lobby-ink)!important;background:#ffffff0a!important;border:1px solid #ffffff17!important;border-radius:12px!important;padding:8px 16px!important;box-shadow:inset 0 1px #ffffff0d!important}.catalog-toolbar-actions .btn-shop-toolbar:hover{transform:translateY(-1px);background:#ffffff14!important;border-color:#ffffff2e!important}.catalog-toolbar-actions #btn-open-shop{color:#fbbf24!important;background:#f59e0b12!important;border-color:#f59e0b47!important}.catalog-toolbar-actions #btn-open-shop:hover{background:#f59e0b26!important;border-color:#f59e0b80!important;box-shadow:0 4px 16px #f59e0b40!important}.catalog-toolbar-actions #btn-open-customization{color:#c084fc!important;background:#c084fc12!important;border-color:#c084fc47!important}.catalog-toolbar-actions #btn-open-customization:hover{background:#c084fc26!important;border-color:#c084fc80!important;box-shadow:0 4px 16px #c084fc40!important}.catalog-toolbar-actions #btn-open-leaderboard{cursor:pointer;align-items:center;gap:8px;min-height:42px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#0284c7 60%,#38bdf8 100%)!important;border:1px solid #fff3!important;border-radius:12px!important;padding:8px 18px!important;box-shadow:0 4px 16px #0284c759,inset 0 1px #ffffff40!important}.catalog-toolbar-actions #btn-open-leaderboard:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 22px #38bdf880,inset 0 1px #ffffff59!important}.catalog-filter-bar{background:0 0;border:0;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:2px;display:flex}.catalog-filter-bar .filter-chip{min-height:40px;color:var(--lobby-muted);cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.catalog-filter-bar .filter-chip:hover{color:#fff;background:#ffffff12;border-color:#ffffff29}.catalog-filter-bar .filter-chip.active{color:#38bdf8!important;background:linear-gradient(135deg,#38bdf833,#818cf826)!important;border-color:#38bdf880!important;box-shadow:0 2px 12px #38bdf840,inset 0 1px #ffffff26!important}.catalog-controls-row{grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:12px;margin-bottom:24px;display:grid}.catalog-controls-row .search-container{width:100%;max-width:none;margin:0;position:relative}.catalog-controls-row input,.catalog-controls-row select{min-height:44px;color:var(--lobby-ink);box-sizing:border-box;background:#ffffff09;border:1px solid #ffffff17;border-radius:12px;width:100%;padding:10px 16px;font-size:.88rem;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px #ffffff0a}.catalog-controls-row input:focus,.catalog-controls-row select:focus{background:#ffffff0f;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833,inset 0 1px #ffffff14}#menu-layer .song-grid,body:not(.in-game) .song-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;padding:0 0 44px;max-height:none!important;overflow:visible!important}#menu-layer .song-grid:after,.song-grid:after{display:none!important}#menu-layer .song-card{border:1px solid #ffffff14;border-radius:20px;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s,background-color .22s;overflow:hidden;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0f;background:#ffffff09!important}#menu-layer .song-card:hover{border-color:#38bdf873;transform:translateY(-4px);box-shadow:0 16px 36px #000000a6,0 0 20px -4px #38bdf859,inset 0 1px #ffffff1f;background:#ffffff0f!important}#menu-layer .spotify-cover-wrap{aspect-ratio:1.52;box-shadow:none;isolation:isolate;border-radius:19px 19px 0 0;margin:0;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}#menu-layer .spotify-cover-wrap:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#07090e1a 0%,#07090ea6 100%);position:absolute;inset:0}#menu-layer .spotify-card-info{flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}#menu-layer .spotify-track-title{color:var(--lobby-ink);white-space:normal;-webkit-line-clamp:2;letter-spacing:-.01em;-webkit-box-orient:vertical;min-height:2.7em;font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}#menu-layer .spotify-track-artist{color:var(--lobby-muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 12px;font-size:.82rem;overflow:hidden}#menu-layer .spotify-track-footer{border-top:1px solid #ffffff12;margin-top:auto;padding-top:10px}#menu-layer .spotify-play-btn{opacity:.92;z-index:5;background:linear-gradient(135deg,#0284c7,#38bdf8);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,opacity .2s;display:flex;transform:none;box-shadow:0 4px 14px #38bdf873,inset 0 1px #ffffff59}#menu-layer .song-card:hover .spotify-play-btn{opacity:1;transform:scale(1.08);box-shadow:0 6px 20px #38bdf8a6,inset 0 1px #ffffff80}:is(button,input,select,[role=button],.song-card):focus-visible{outline-offset:4px;outline:2px solid var(--highlight)!important}.user-profile-card{background:radial-gradient(ellipse at 50% 0,#38bdf815,transparent 260px),var(--lobby-panel)!important}.user-profile-card .profile-stat-box{background:var(--lobby-raised);border-color:var(--lobby-line)}.user-profile-card .user-profile-rank-badge{align-self:center;margin:0}.user-profile-card .avatar-action-btn,.leaderboard-modal .lb-limit-btn{min-width:44px;min-height:44px}.leaderboard-modal .podium-player-details{gap:5px}.leaderboard-modal .podium-avatar-stage:has(.frame-champion-crown){min-height:165px}.leaderboard-modal .podium-player-details .account-level{margin-bottom:4px}.leaderboard-modal .lb-player-info .account-level{padding:3px 6px;font-size:.7rem}.leaderboard-modal .lb-player-name{overflow-wrap:anywhere}.leaderboard-modal .lb-avatar-stage{min-width:80px;min-height:80px}.leaderboard-modal .lb-avatar-stage:has(.frame-champion-crown){min-width:126px;min-height:126px}.leaderboard-modal .lb-avatar-mini{flex:0 0 44px!important;width:44px!important;height:44px!important}@media (width>=1600px){#menu-layer .song-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=900px){body:not(.in-game) .app-header{flex-wrap:wrap;gap:12px;padding:10px 20px}body:not(.in-game) #menu-layer{padding:24px 20px 32px}.catalog-toolbar{align-items:flex-start}.catalog-toolbar-actions{flex-wrap:wrap}.leaderboard-modal .podium-avatar-stage:has(.frame-champion-crown){min-height:155px}}@media (width<=600px){body:not(.in-game) .app-header{padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--lobby-line);flex-direction:column;gap:10px;display:flex;background:#07090ee0!important;height:auto!important}.app-header .header-left{justify-content:space-between;align-items:center;width:100%;display:flex}.app-header .logo-title{letter-spacing:.06em;margin:0;font-size:1.05rem;font-weight:800}.app-header .header-right{width:100%}.app-header .auth-group{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}body:not(.in-game) .user-badge-pill{flex:auto;display:inline-flex;box-sizing:border-box!important;background:#ffffff0a!important;border:1px solid #ffffff17!important;border-radius:14px!important;justify-content:flex-start!important;align-items:center!important;width:auto!important;min-width:0!important;height:auto!important;min-height:52px!important;padding:4px 12px 4px 8px!important;box-shadow:inset 0 1px #ffffff0d!important}body:not(.in-game) .user-badge-pill.hidden,body:not(.in-game) .user-badge-pill[style*="display: none"],body:not(.in-game) .user-badge-pill[style*=display\:none]{display:none!important}body:not(.in-game) .user-badge-pill #username-span{max-width:155px!important;color:var(--lobby-ink)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.9rem!important;font-weight:700!important;display:block!important;overflow:hidden!important}body:not(.in-game) .user-badge-pill .icon-user-container{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.app-header #btn-open-admin{grid-column:auto}body:not(.in-game) #menu-layer{padding:18px 14px max(24px, env(safe-area-inset-bottom))}#menu-layer>.shimmer-text{margin-bottom:16px;font-size:1.55rem;font-weight:800}.catalog-toolbar{gap:14px;margin-bottom:12px;padding-bottom:16px}.catalog-toolbar-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.catalog-toolbar-actions #btn-open-leaderboard{grid-column:1/-1;height:42px}.catalog-filter-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;padding-bottom:6px;overflow-x:auto}.catalog-filter-bar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.catalog-filter-bar .filter-chip{flex:none;min-height:38px;padding:6px 14px;font-size:.82rem}.catalog-controls-row{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.catalog-controls-row select{min-height:44px}#menu-layer .song-grid,.song-grid{grid-template-columns:1fr!important;gap:12px!important;max-height:none!important;padding:0 0 30px!important}#menu-layer .song-grid:after,.song-grid:after{display:none!important}#menu-layer .song-card,.song-card{background:#ffffff09!important;border:1px solid #ffffff14!important;border-radius:18px!important;grid-template-columns:114px minmax(0,1fr)!important;min-height:136px!important;padding:0!important;display:grid!important;overflow:hidden!important;box-shadow:0 6px 20px #00000073,inset 0 1px #ffffff0f!important}#menu-layer .spotify-cover-wrap,.spotify-cover-wrap{aspect-ratio:auto!important;justify-content:center!important;align-items:center!important;height:100%!important;padding:8px!important;display:flex!important;position:relative!important}#menu-layer .spotify-card-info,.spotify-card-info{flex-direction:column!important;justify-content:space-between!important;min-width:0!important;padding:12px 14px!important;display:flex!important}#menu-layer .spotify-track-title,.spotify-track-title{white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:0!important;font-size:.98rem!important;font-weight:700!important;line-height:1.35!important;display:-webkit-box!important;overflow:hidden!important}#menu-layer .spotify-track-artist,.spotify-track-artist{white-space:normal!important;margin:3px 0 8px!important;font-size:.8rem!important}#menu-layer .spotify-track-footer,.spotify-track-footer{border-top:1px solid #ffffff12!important;padding-top:6px!important}#menu-layer .spotify-cover-art,.spotify-cover-art{opacity:.7!important;justify-content:center!important;align-items:center!important;display:flex!important}#menu-layer .spotify-vinyl-disc,.spotify-vinyl-disc{width:56px!important;height:56px!important}#menu-layer .spotify-play-btn,.spotify-play-btn{opacity:1!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;width:36px!important;height:36px!important;bottom:8px!important;right:8px!important;transform:none!important;box-shadow:0 4px 16px #8b5cf680!important}.leaderboard-modal .lb-podium-container{flex-wrap:wrap;align-items:stretch!important;gap:8px!important}.leaderboard-modal .podium-card.podium-rank-1{flex:0 0 100%!important;order:0!important;margin:0!important;padding:10px 12px!important}.leaderboard-modal .podium-card.podium-rank-2,.leaderboard-modal .podium-card.podium-rank-3{flex:1 1 0!important;padding:10px 8px 0!important}.leaderboard-modal .podium-rank-1 .podium-avatar{width:58px!important;height:58px!important}.leaderboard-modal .podium-rank-1 .podium-avatar.frame-champion-crown:before{inset:-60%!important}.leaderboard-modal .podium-rank-1 .podium-avatar-stage{height:110px!important;min-height:110px!important}.leaderboard-modal .podium-rank-1 .podium-avatar-stage:has(.frame-champion-crown){min-height:135px!important}.leaderboard-modal .podium-rank-2 .podium-avatar,.leaderboard-modal .podium-rank-3 .podium-avatar{width:48px!important;height:48px!important}.leaderboard-modal .podium-rank-2 .podium-avatar-stage,.leaderboard-modal .podium-rank-3 .podium-avatar-stage{height:95px!important;min-height:95px!important}.leaderboard-modal .podium-avatar-stage:has(.frame-champion-crown){min-height:135px!important}.leaderboard-modal .podium-card .podium-name{overflow-wrap:anywhere;white-space:normal!important;font-size:.95rem!important}.leaderboard-modal .podium-title-badge{font-size:.7rem;white-space:normal!important}.leaderboard-modal .podium-tier-label{font-size:.65rem}.leaderboard-modal .podium-card .podium-score{line-height:1.3;font-size:1.1rem!important}.leaderboard-modal .podium-card .podium-levels{font-size:.72rem}.leaderboard-modal .lb-table thead{display:none!important}}@media (prefers-reduced-motion:reduce){#menu-layer .song-card{transition:none}}.user-title-badge.title-tier-common,.podium-title-badge.title-tier-common{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b84d}.user-title-badge.title-tier-thematic,.podium-title-badge.title-tier-thematic{color:#7dd3fc;background:linear-gradient(135deg,#0ea5e92e,#6366f12e);border:1px solid #38bdf873;box-shadow:0 0 10px #38bdf833}.user-title-badge.title-tier-rare,.podium-title-badge.title-tier-rare{color:#fcd34d;background:linear-gradient(135deg,#f59e0b2e,#ec48992e);border:1px solid #f59e0b80;box-shadow:0 0 12px #f59e0b40}.user-title-badge.title-tier-elite,.podium-title-badge.title-tier-elite{color:#fef08a;text-shadow:0 0 8px #fbbf2480;background:linear-gradient(135deg,#fbbf2438,#a855f738,#38bdf838);border:1px solid #fbbf2499;font-weight:700;box-shadow:0 0 16px #fbbf2459,inset 0 0 8px #fbbf2433}.customization-modal-card{flex-direction:column;width:95%;max-width:940px;max-height:90vh;display:flex}.customization-nav-tabs{border-bottom:1px solid var(--lobby-line);flex-shrink:0;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.cust-main-tab{border:1px solid var(--lobby-line);color:#94a3b8;cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.cust-main-tab:hover{color:#f8fafc;background:#ffffff14;border-color:#ffffff29}.cust-main-tab.active{color:#38bdf8;background:#38bdf824;border-color:#38bdf873;box-shadow:0 0 12px #38bdf833}.cust-showcase-pedestal{border:1px solid var(--lobby-line);background:linear-gradient(#0f172ae0 0%,#0b1221f5 100%);border-radius:18px;flex-shrink:0;margin-bottom:16px;padding:18px 28px;position:relative;overflow:visible;box-shadow:0 10px 30px #0006}.cust-showcase-aura{pointer-events:none;filter:blur(24px);background:radial-gradient(circle,#38bdf833 0%,#0000 70%);border-radius:50%;width:170px;height:170px;position:absolute;top:50%;left:98px;transform:translate(-50%,-50%)}.cust-showcase-inner{z-index:1;align-items:center;gap:28px;display:flex;position:relative}.cust-showcase-stage{flex-direction:column;flex:0 0 140px;justify-content:center;align-items:center;width:140px;display:flex;position:relative}.cust-showcase-avatar-stage{justify-content:center;align-items:center;width:140px;height:96px;margin:0 auto;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:visible}.cust-showcase-avatar-stage.has-champion-crown{height:96px}.cust-showcase-avatar{background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;position:relative;overflow:visible;box-shadow:0 0 20px #00000080}.cust-showcase-avatar .avatar-photo,.cust-showcase-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.cust-showcase-avatar-fallback,.cust-showcase-avatar .avatar-letter{color:#38bdf8;font-size:1.6rem;font-weight:800;line-height:1;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.cust-pedestal-base{flex-direction:column;align-items:center;width:100%;margin-top:-2px;display:flex}.cust-pedestal-ring{background:radial-gradient(#38bdf8bf 0%,#38bdf826 70%,#0000 100%);border-radius:50%;width:86px;height:8px;margin:0 auto;box-shadow:0 0 14px #38bdf899}.cust-pedestal-plate{background:linear-gradient(90deg,#0000,#ffffff38,#0000);border-radius:3px;width:104px;height:5px;margin-top:1px;margin-left:auto;margin-right:auto}.cust-showcase-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.cust-showcase-badge-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cust-showcase-tag{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.72rem;font-weight:600}.cust-showcase-name{color:#f8fafc;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:800;overflow:hidden}.cust-showcase-title-row{align-items:center;margin-top:2px;display:flex}.cust-showcase-status-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.cust-showcase-hint{color:#94a3b8;font-size:.82rem;line-height:1.4}.cust-showcase-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7,#38bdf8);border:0;border-radius:8px;padding:6px 18px;font-size:.84rem;font-weight:700}.cust-collection-heading{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;align-items:center;gap:8px;margin:16px 0 10px;font-size:.85rem;font-weight:700;display:flex}.cust-frames-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:12px;display:grid}.cust-frame-card{border:1px solid var(--lobby-line);cursor:pointer;background:#0f172aa6;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.cust-frame-card:hover{background:#1e293b80;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.cust-frame-card.equipped{background:#22c55e0f;border-color:#22c55e99}.cust-frame-card.previewing{background:#38bdf81a;border-color:#38bdf8cc;box-shadow:0 0 16px #38bdf84d}.cust-frame-card.locked{opacity:.65}.cust-frame-preview-stage{flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative;overflow:visible}.cust-frame-preview-stage.has-champion-crown{flex-basis:74px;width:74px}.cust-frame-mini-avatar{background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;overflow:visible}.cust-frame-mini-avatar .avatar-photo,.cust-mini-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cust-mini-avatar-initial,.cust-frame-mini-avatar .avatar-letter{color:#94a3b8;font-size:.95rem;font-weight:700}.cust-status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.cust-status-badge.equipped{color:#4ade80;background:#22c55e2e;border:1px solid #22c55e66}.cust-status-badge.unlocked{color:#38bdf8;background:#38bdf824;border:1px solid #38bdf859}.cust-status-badge.locked{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b840}.cust-titles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:12px;display:grid}.cust-trophy-card{border:1px solid var(--lobby-line);cursor:pointer;background:#0f172aa6;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.cust-trophy-card:hover{background:#1e293b80;border-color:#38bdf880;transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.cust-trophy-card.equipped{background:#22c55e0d;border-color:#22c55e99}.cust-trophy-card.previewing{background:#38bdf814;border-color:#38bdf8cc;box-shadow:0 0 16px #38bdf840}.cust-trophy-card.locked{opacity:.65}.cust-trophy-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cust-trophy-tier-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-flex}.cust-trophy-tier-pill.tier-elite{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2473}.cust-trophy-tier-pill.tier-rare{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b66}.cust-trophy-tier-pill.tier-thematic{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf859}.cust-trophy-tier-pill.tier-common{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.cust-trophy-badge-stage{padding:4px 0}.cust-trophy-desc{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;display:-webkit-box;overflow:hidden}.friends-modal-card{flex-direction:column;width:95%;max-width:680px;max-height:85vh;display:flex}.friend-player-card{border:1px solid var(--lobby-line);background:#0f172aa6;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;transition:all .2s cubic-bezier(.2,.8,.2,1);display:flex}.friend-player-card:hover{background:#1e293ba6;border-color:#38bdf859;transform:translateY(-1px)}.friend-avatar-stage{flex:0 0 60px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:visible}.friend-player-card.has-champion-crown .friend-avatar-stage{flex-basis:78px;width:78px}.friend-avatar{background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.friend-avatar .avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.friend-avatar .avatar-letter{color:#38bdf8;font-size:1.1rem;font-weight:700}.friend-details{cursor:pointer;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.friend-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friend-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.95rem;font-weight:700;overflow:hidden}.friend-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friend-stat-levels-pill{color:#a78bfa;background:#a78bfa1f;border:1px solid #a78bfa40;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;display:inline-flex}.friend-status-quote{color:#94a3b8;opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.74rem;overflow:hidden}.friend-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.friend-actions .modern-btn{border-radius:8px;padding:6px 10px}.friend-request-card{border:1px solid var(--lobby-line);background:#0f172aa6;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;display:flex}.friend-request-details{flex:1;min-width:0}.friend-req-subtitle{color:#94a3b8;margin-top:2px;font-size:.75rem}.friend-request-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.friends-empty-card{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.friends-empty-icon-wrap{color:#64748b;background:#94a3b814;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.friends-empty-title{color:#f8fafc;font-size:1.1rem;font-weight:700}.friends-empty-desc{color:#94a3b8;max-width:280px;font-size:.85rem;line-height:1.4}@media (width<=640px){.cust-showcase-pedestal{border-radius:14px;margin-bottom:12px;padding:10px 16px;overflow:visible}.cust-showcase-inner{text-align:left;align-items:center;gap:16px;flex-direction:row!important}.cust-showcase-stage{flex:0 0 76px;width:76px;min-width:76px;margin:0}.cust-showcase-avatar-stage{width:76px;height:60px}.cust-showcase-avatar-stage.has-champion-crown{width:76px!important;height:60px!important}.cust-showcase-avatar{width:44px;height:44px}.cust-showcase-avatar-fallback,.cust-showcase-avatar .avatar-letter{font-size:1.15rem}.cust-pedestal-base{display:none!important}.cust-showcase-aura{filter:blur(14px);width:86px;height:86px;top:50%;left:54px;transform:translate(-50%,-50%)}.cust-showcase-details{flex:1;gap:2px;min-width:0}.cust-showcase-badge-row{justify-content:flex-start;gap:6px}.cust-showcase-tag{font-size:.62rem}.cust-showcase-name{font-size:1.05rem;line-height:1.2}.cust-showcase-title-row{justify-content:flex-start;margin-top:1px}.cust-showcase-title-row .user-title-badge{padding:2px 7px;font-size:.72rem}.cust-showcase-status-bar{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:3px;padding-top:4px}.cust-showcase-hint{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.72rem;line-height:1.3;overflow:hidden}.cust-showcase-apply-btn{white-space:nowrap;flex-shrink:0;padding:3px 12px;font-size:.76rem}.modal-overlay{padding:6px!important;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))!important}.admin-modal-content,.friends-modal-card,.customization-modal-card,.leaderboard-modal{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.customization-modal-card{border-radius:16px!important;flex-direction:column!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px 10px!important;display:flex!important}.cust-tab-pane{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:auto!important;width:100%!important;overflow-y:auto!important}.customization-nav-tabs{box-sizing:border-box!important;flex-direction:row!important;flex-shrink:0!important;gap:6px!important;width:100%!important;margin-bottom:12px!important;padding-bottom:10px!important;display:flex!important}.cust-main-tab{white-space:nowrap!important;flex:1 1 0!important;justify-content:center!important;gap:6px!important;padding:8px 6px!important;font-size:.82rem!important}.cust-frames-grid,.cust-titles-grid,.shop-themes-grid{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}.cust-frame-card,.cust-trophy-card,.shop-theme-card{box-sizing:border-box!important;width:100%!important}.friends-modal-card{border-radius:16px!important;flex-direction:column!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:14px 10px!important;display:flex!important}.friends-list-container,#friends-list-container{-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;flex:auto!important;width:100%!important;overflow-y:auto!important}.friend-player-card{box-sizing:border-box!important;border-radius:14px!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:6px 10px!important;width:100%!important;padding:10px 12px!important;display:grid!important}.friend-avatar-stage{flex:0 0 56px!important;grid-area:1/1/3!important;width:56px!important;height:56px!important}.friend-player-card.has-champion-crown .friend-avatar-stage{flex-basis:74px!important;width:74px!important}.friend-avatar{width:42px!important;height:42px!important}.friend-details{flex-direction:column!important;grid-area:1/2!important;gap:3px!important;min-width:0!important;display:flex!important}.friend-name-row{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;display:flex!important}.friend-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:130px!important;font-size:.92rem!important;overflow:hidden!important}.friend-actions{grid-area:1/3!important;align-self:center!important;gap:6px!important;display:flex!important}.friend-actions .modern-btn{min-width:38px!important;min-height:38px!important;padding:0!important}.friend-badges-row{flex-wrap:wrap!important;grid-area:2/2/auto/4!important;align-items:center!important;gap:6px!important;margin-top:2px!important;display:flex!important}.friend-status-quote{grid-area:3/2/auto/4!important;margin-top:2px!important;font-size:.72rem!important}.admin-modal-content{border-radius:16px!important;flex-direction:column!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:0!important;display:flex!important;overflow:hidden!important}.admin-sticky-header{z-index:10!important;background:var(--surface-color,#0b1324)!important;border-bottom:1px solid var(--surface-border,#ffffff1a)!important;box-sizing:border-box!important;flex-shrink:0!important;width:100%!important;padding:12px 14px!important;position:sticky!important;top:0!important}.admin-modal-scroll-area{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex:auto!important;width:100%!important;padding:12px 10px 24px!important;overflow:hidden auto!important}.admin-autobot-banner{box-sizing:border-box!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px 14px!important}.admin-autobot-banner .admin-bot-btn{justify-content:center!important;width:100%!important}.admin-tabs{scrollbar-width:none!important;box-sizing:border-box!important;flex-direction:row!important;gap:6px!important;width:100%!important;overflow-x:auto!important}.admin-tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:8px 12px!important;font-size:.82rem!important}.admin-card{box-sizing:border-box!important;width:100%!important;padding:14px 10px!important}.admin-spotify-box{box-sizing:border-box!important;width:100%!important;padding:10px!important}.admin-spotify-input-row{flex-direction:column!important;gap:8px!important;width:100%!important}.admin-spotify-btn{justify-content:center!important;width:100%!important}.admin-grid,.admin-grid-tracks,.admin-grid-2col,.admin-grid-3col{box-sizing:border-box!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}.leaderboard-modal{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;box-sizing:border-box!important;border-radius:18px!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;padding:0 10px 14px!important;display:block!important;overflow:hidden auto!important}.leaderboard-modal .lb-sticky-top{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:none!important;margin:0 auto 10px!important;padding:0!important;position:static!important}body[data-theme=light] .leaderboard-modal .lb-sticky-top{box-shadow:none!important;background:0 0!important;border-bottom:none!important}.leaderboard-modal .lb-sticky-top .lb-header-row,.leaderboard-modal .lb-header-row{box-shadow:none!important;background:0 0!important;border-bottom:none!important;margin:0!important;padding:12px 4px 6px!important;position:static!important}.leaderboard-modal .lb-sticky-top .lb-limit-bar,.leaderboard-modal .lb-limit-bar{background:0 0!important;border:none!important;margin:0!important;padding:2px 4px 4px!important}.leaderboard-modal .lb-podium-container{flex-shrink:1!important;align-items:flex-end!important;max-height:none!important;margin:6px auto 14px!important;padding:0 2px!important;overflow:visible!important}.leaderboard-modal .podium-rank-1 .podium-avatar-stage{height:72px!important}.leaderboard-modal .podium-rank-2 .podium-avatar-stage,.leaderboard-modal .podium-rank-3 .podium-avatar-stage{height:58px!important}.leaderboard-modal .podium-rank-1{padding:8px 4px 0!important}.leaderboard-modal .podium-rank-2,.leaderboard-modal .podium-rank-3{padding:6px 3px 0!important}.leaderboard-modal .podium-rank-1 .podium-pedestal-base{height:24px!important}.leaderboard-modal .podium-rank-2 .podium-pedestal-base,.leaderboard-modal .podium-rank-3 .podium-pedestal-base{height:18px!important}.leaderboard-modal .lb-content-wrapper{flex:none!important;min-height:0!important;padding:0!important;overflow:visible!important}.leaderboard-modal .lb-scroll-area{flex:none!important;max-height:none!important;overflow:visible!important}}