:root{--main-color: #FFD700;--background-color: #120c18;--background-gradient: radial-gradient(ellipse at top, #1e162b, #120c18);--ui-background: rgba(26, 20, 35, .8);--ui-background-solid: #1a1423;--border-color: #332a45;--text-color: #e0e0e0;--text-color-dark: #a0a0a0;--primary-glow: #ff57b4;--secondary-glow: #00f2ff;--miss-color: #ff4d4d;--hp-full-color: #00ff7f;--hp-empty-color: #444;--font-size-sm: clamp(.75rem, .2vw + .65rem, .9rem);--font-size-base: clamp(.875rem, .4vw + .7rem, 1.1rem);--font-size-lg: clamp(1.1rem, .5vw + .8rem, 1.5rem);--font-size-xl: clamp(1.25rem, .8vw + .9rem, 2rem);--font-size-xxl: clamp(1.5rem, 1.5vw + 1rem, 3rem);--font-size-display: clamp(2.5rem, 4vw + 1rem, 5rem);--font-size-jumbo: clamp(4rem, 8vw + 1rem, 10rem);--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, .75rem);--spacing-md: clamp(.75rem, 1.5vw, 1.25rem);--spacing-lg: clamp(1rem, 2vw, 1.5rem);--spacing-xl: clamp(1.5rem, 3vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--background-color);background-image:var(--background-gradient);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:var(--font-size-base)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:100;padding:clamp(.5rem,2vw,1.5rem)}.screen.active{display:flex}#game-container,#editor-screen{padding:0}#intro-screen.active,#main-menu-screen.active,#library-screen.active,#results-screen.active,#settings-screen.active,#download-center-screen.active{background:transparent}#game-container.active,#editor-screen.active{background:#000}#custom-modal,#drag-drop-overlay,#controller-mapping-modal{display:flex;opacity:0;visibility:hidden;transform:scale(.98);transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s .3s;background-color:#120c1880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200}#custom-modal.active,#drag-drop-overlay.active,#controller-mapping-modal.active{opacity:1;visibility:visible;transform:scale(1);transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s 0s}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30px);opacity:0}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.anim-slide-in-up{animation:slideInUp .5s cubic-bezier(.25,1,.5,1) forwards}.anim-slide-out-up{animation:slideOutUp .5s cubic-bezier(.25,1,.5,1) forwards}.anim-slide-in-down{animation:slideInDown .5s cubic-bezier(.25,1,.5,1) forwards}.anim-slide-out-down{animation:slideOutDown .5s cubic-bezier(.25,1,.5,1) forwards}.anim-fade-in{animation:fadeIn .4s ease-out forwards}.anim-fade-out{animation:fadeOut .4s ease-out forwards}#shared-bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--background-gradient);display:none}#vr-cursor,#controller-cursor{position:fixed;width:24px;height:24px;border:2px solid white;border-radius:50%;background-color:#ffffff4d;z-index:9999;pointer-events:none;display:none;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff;transition:transform .1s ease-out}#controller-cursor{width:16px;height:16px;background-color:#fff;mix-blend-mode:difference}#vr-cursor.clicking,#controller-cursor.clicking{transform:translate(-50%,-50%) scale(.8);background-color:#ff57b4cc;border-color:var(--primary-glow)}[data-controller-focus=true]{outline:2px solid var(--primary-glow)!important;outline-offset:3px!important;box-shadow:0 0 15px var(--primary-glow)!important;border-radius:6px}input[type=range][data-controller-focus=true]::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ui-background-solid),0 0 0 6px var(--primary-glow)}input[type=range][data-controller-focus=true]::-moz-range-thumb{box-shadow:0 0 0 4px var(--ui-background-solid),0 0 0 6px var(--primary-glow)}#controller-mapping-modal .mapping-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#0003;border-radius:8px;border:2px solid transparent;transition:border-color .2s,background-color .2s}#controller-mapping-modal .mapping-row.active{border-color:var(--primary-glow);background-color:#ff57b41a}#intro-screen .intro-content{text-align:center;z-index:1;transition:transform .1s linear}#intro-title{font-size:var(--font-size-display);font-weight:700;color:#fff;margin:0;text-shadow:none;transition:opacity .5s ease}#intro-title span{display:inline-block;opacity:0;animation:fancy-fade-in .6s cubic-bezier(.25,.46,.45,.94) forwards;text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--main-color),0 0 40px var(--primary-glow)}#intro-title.hidden span{opacity:0}@keyframes fancy-fade-in{0%{opacity:0;transform:scale(1.5);text-shadow:0 0 50px #fff,0 0 30px var(--main-color),0 0 10px var(--primary-glow)}50%{opacity:1;transform:scale(.9);text-shadow:0 0 20px #fff,0 0 15px var(--main-color),0 0 5px var(--primary-glow)}to{opacity:1;transform:scale(1);text-shadow:0 0 10px var(--primary-glow),0 0 20px var(--main-color),0 0 40px var(--primary-glow)}}#intro-title span:nth-child(1){animation-delay:0s}#intro-title span:nth-child(2){animation-delay:.05s}#intro-title span:nth-child(3){animation-delay:.1s}#intro-title span:nth-child(4){animation-delay:.15s}#intro-title span:nth-child(5){animation-delay:.2s}#intro-title span:nth-child(6){animation-delay:.25s}#intro-title span:nth-child(7){animation-delay:.3s}#intro-title span:nth-child(8){animation-delay:.35s}#intro-title span:nth-child(9){animation-delay:.4s}#intro-subtitle{font-size:var(--font-size-lg);color:var(--text-color);margin-top:10px}#intro-prompt{margin-top:40px;font-size:var(--font-size-base);color:#fff;cursor:pointer;animation:pulse-glow 2.5s infinite;letter-spacing:1px}.hidden{opacity:0;transition:opacity 1.2s ease-in}@keyframes pulse-glow{0%,to{transform:scale(1);text-shadow:0 0 8px var(--main-color);opacity:.8}50%{transform:scale(1.05);text-shadow:0 0 20px var(--main-color);opacity:1}}#intro-screen.hiding .intro-content{animation:intro-fade-out-up .8s cubic-bezier(.6,-.28,.735,.045) forwards}@keyframes intro-fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}#main-menu-screen{gap:var(--spacing-xl);overflow:hidden}.main-menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-gradient);z-index:-1}.main-menu-content{background:var(--ui-background);padding:var(--spacing-xl);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:clamp(280px,95%,420px);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.main-menu-title{font-size:var(--font-size-xxl);font-weight:700;color:#fff;text-shadow:0 0 8px var(--primary-glow);margin:0}.main-menu-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);width:100%}.main-menu-nav .menu-btn:nth-child(1),.main-menu-nav .menu-btn:nth-child(2){grid-column:span 2;font-size:var(--font-size-lg);padding:.8em 1em}.menu-btn{font-size:var(--font-size-base);width:100%;background:#241a3280;border:1px solid var(--border-color);color:var(--text-color);text-shadow:0 1px 2px rgba(0,0,0,.4);position:relative;overflow:hidden}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);opacity:.4;transition:left .4s ease}.menu-btn:hover:before{left:100%}.menu-btn:hover{border-color:var(--primary-glow);color:#fff;box-shadow:0 0 15px -5px var(--primary-glow)}.main-menu-footer{margin-top:var(--spacing-lg);border-top:1px solid var(--border-color);padding-top:var(--spacing-lg);width:100%;display:flex;justify-content:center}.support-btn{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color-dark);text-decoration:none;display:inline-flex;align-items:center;gap:.5em;transition:color .3s ease,transform .2s ease}.support-btn:hover{color:var(--primary-glow);transform:scale(1.05)}.support-btn .support-icon{transition:transform .3s ease}.support-btn:hover .support-icon{transform:scale(1.2) rotate(-10deg)}#library-screen{gap:var(--spacing-lg)}.main-title{font-size:var(--font-size-xxl);font-weight:700;color:#fff;text-shadow:0 0 8px var(--primary-glow),0 0 15px var(--primary-glow);margin:0;text-align:center}#song-library{width:clamp(280px,95%,800px);height:85dvh;max-height:900px;background:var(--ui-background);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:var(--spacing-lg);box-shadow:0 8px 30px #0006;display:flex;flex-direction:column}.library-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.library-header h2{margin:0;font-size:var(--font-size-lg)}.library-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.library-search-container{flex-grow:1;min-width:200px;padding:0 var(--spacing-md)}#library-search-input{width:100%;background-color:#0000004d;border:1px solid var(--border-color);color:var(--text-color);padding:8px 14px;border-radius:20px;font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s;outline:none}#library-search-input:focus{border-color:var(--primary-glow);box-shadow:0 0 0 3px #ff57b433}#library-search-input::placeholder{color:var(--text-color-dark)}#song-library-list{display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding-right:var(--spacing-sm);flex-grow:1;min-height:0}#song-library-list::-webkit-scrollbar{width:8px}#song-library-list::-webkit-scrollbar-track{background:transparent}#song-library-list::-webkit-scrollbar-thumb{background:#4a3f5e;border-radius:4px}#song-library-list::-webkit-scrollbar-thumb:hover{background:#61537a}#library-empty-placeholder{display:none;text-align:center;color:var(--text-color-dark);padding:4rem 1rem}#song-library-list:empty #library-empty-placeholder{display:block}.library-item{display:flex;align-items:center;padding:var(--spacing-sm);background-color:#2a223ab3;border-radius:8px;transition:background-color .2s ease,transform .2s ease;gap:var(--spacing-lg);position:relative;outline:none}.library-item:hover{background-color:#3c3052;transform:translate(5px)}.library-item.anim-fade-in{opacity:0;animation:fadeInItem .4s ease-out forwards}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.library-item.dropdown-active{z-index:10}.library-item-art{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);border-radius:6px;background-color:#120c18;flex-shrink:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.library-item-art img{width:100%;height:100%;object-fit:cover}.library-item-art svg{width:50%;height:50%;color:var(--text-color-dark)}.library-item-info{font-weight:600;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-item-info .artist{display:block;font-size:var(--font-size-sm);color:var(--text-color-dark);font-weight:400}.difficulty-indicators{display:flex;gap:var(--spacing-xs);margin-top:6px;flex-wrap:wrap}.difficulty-tag{font-size:.7em;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:capitalize;border:1px solid transparent}.difficulty-tag.easy{background-color:#00ff7f33;border-color:#00ff7f80;color:#afffdc}.difficulty-tag.normal{background-color:#1e90ff33;border-color:#1e90ff80;color:#a8d5ff}.difficulty-tag.hard{background-color:#ff450033;border-color:#ff450080;color:#ffc2a8}.library-item-actions{display:flex;gap:var(--spacing-sm);align-items:center}#loading-indicator,#online-library-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);font-size:var(--font-size-base)}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid var(--primary-glow);width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{padding:.6em 1.2em;font-size:var(--font-size-sm);font-weight:600;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease;text-transform:uppercase;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;gap:.5em;min-height:44px;outline:none}.primary-btn{background-color:var(--primary-glow);color:#0c0710;border-color:var(--primary-glow);box-shadow:0 0 10px -2px var(--primary-glow),0 4px 6px -2px #0006}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px 0 var(--primary-glow),0 6px 10px -2px #0006}.secondary-btn{background-color:transparent;color:var(--text-color);border:1px solid #555}.secondary-btn:hover{background-color:#ffffff1a;border-color:#777}.secondary-btn.delete{border-color:var(--miss-color);color:var(--miss-color);width:100%}.secondary-btn.delete:hover{background-color:#ff4d4d1a;border-color:#ff6b6b;color:#ff8c8c}.btn:active{transform:translateY(0) scale(.96);box-shadow:0 0 5px -2px var(--primary-glow),0 2px 4px -2px #0000004d}.btn:disabled{cursor:not-allowed;opacity:.6}.icon-btn{padding:0;width:44px;height:44px;flex-shrink:0}.icon-btn svg{width:24px;height:24px}.more-options{position:relative}.more-btn{padding:8px 12px;line-height:1;font-size:1.2rem}.dropdown-menu{position:absolute;top:110%;right:0;background-color:#2c233a;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 12px 30px -4px #0009;padding:var(--spacing-sm);z-index:10;display:flex;flex-direction:column;min-width:160px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top right;transition:opacity .2s cubic-bezier(.165,.84,.44,1),transform .2s cubic-bezier(.165,.84,.44,1),visibility 0s .2s}.more-options.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity .2s cubic-bezier(.165,.84,.44,1),transform .2s cubic-bezier(.165,.84,.44,1),visibility 0s 0s}.dropdown-item{background:none;border:none;color:var(--text-color);padding:10px 14px;text-align:left;width:100%;cursor:pointer;font-size:var(--font-size-sm);font-family:Poppins,sans-serif;text-transform:none;font-weight:400;border-radius:4px}.dropdown-item:hover{background-color:#4a3f5e}.dropdown-item.delete{color:var(--miss-color)}.dropdown-item.delete:hover{color:#ff8c8c;background-color:#ff4d4d1a}.dropdown-item:disabled{color:var(--text-color-dark);background-color:transparent;cursor:not-allowed;opacity:.5}.dropdown-item:disabled:hover{background-color:transparent}.segmented-control{display:inline-flex;background-color:#0000004d;border:1px solid var(--border-color);border-radius:8px;padding:4px;position:relative}.segmented-control input[type=radio]{display:none}.segmented-control label{padding:.5em 1em;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;color:var(--text-color-dark);transition:color .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .3s ease;z-index:1;white-space:nowrap;min-width:80px;text-align:center;border-radius:6px;opacity:.6;outline:none}.segmented-control label.exists{opacity:1}.segmented-control input[type=radio]:checked+label{color:var(--ui-background-solid);font-weight:600;opacity:1}.game-overlay .btn.active{background:var(--main-color);color:var(--background-color);border-color:var(--main-color);box-shadow:0 0 10px var(--main-color);font-weight:700}.segmented-control input:checked+label{background-color:var(--primary-glow);box-shadow:0 0 10px var(--primary-glow)}.settings-section .segmented-control input:checked+label{background-color:var(--primary-glow);color:var(--ui-background-solid)}.toggle-control{display:flex;justify-content:space-between;align-items:center;background-color:#0003;padding:10px 16px;border-radius:8px;width:100%}.toggle-control label{font-size:var(--font-size-base);font-weight:500}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{display:none}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#332a45;border-radius:28px;transition:background-color .3s ease}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 1px 3px #0006}.toggle-switch input:checked+.slider{background-color:var(--primary-glow)}.toggle-switch input:checked+.slider:before{transform:translate(22px);box-shadow:0 1px 4px #0003}.toggle-switch input:focus-visible+.slider{box-shadow:0 0 0 3px var(--background-color),0 0 0 5px var(--secondary-glow)}#game-container{--main-color: #FFD700}#game-container.miss-flash{animation:miss-flash-anim .2s ease-out}@keyframes miss-flash-anim{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 20px 10px var(--miss-color)}}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:none;touch-action:none}#game-ui{position:relative;z-index:5;width:100%;height:100%;pointer-events:none}#game-ui:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 20px #0009;pointer-events:none;z-index:100}#pause-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:20;width:44px;height:44px;background-color:#1e1e1e80;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:background-color .2s ease,transform .2s ease;padding:10px;pointer-events:all}#pause-btn svg{width:100%;height:100%;fill:#e0e0e0;transition:fill .2s ease}#pause-btn:hover{background-color:#2d2d2dcc}#song-info{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);background-color:#0000004d;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;width:300px;max-width:40%}#progress-container{width:100%;height:4px;background-color:#fff3;border-radius:2px;margin-bottom:var(--spacing-sm)}#progress-bar{width:0;height:100%;background-color:var(--primary-glow);border-radius:2px;transition:width .1s linear;box-shadow:0 0 8px var(--primary-glow)}.info-text{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm)}.song-details{font-weight:600;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#song-title,#song-artist{color:#fff}#score-combo-display{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);text-align:right;font-weight:700}#score-display{font-size:var(--font-size-xxl);color:#fff;text-shadow:0 0 8px var(--primary-glow);transition:transform .1s ease-out}#combo-display{font-size:var(--font-size-xl);color:#fff;transition:transform .1s ease-out}.pop{transform:scale(1.15)}#hp-bar-container{position:absolute;top:var(--spacing-lg);bottom:var(--spacing-lg);left:var(--spacing-lg);width:10px;background-color:#0000004d;border-radius:5px;transition:box-shadow .2s ease-out}.hp-flash{box-shadow:0 0 10px 2px var(--miss-color)}#hp-bar{width:100%;height:100%;border-radius:3px;background:linear-gradient(to top,var(--hp-full-color),#aaffc2);box-shadow:0 0 8px var(--hp-full-color);transition:height .3s cubic-bezier(.25,1,.5,1)}#tutorial-overlay{position:absolute;bottom:20%;left:50%;transform:translate(-50%);background:var(--ui-background);padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 15px #00000080;max-width:80%;text-align:center;font-size:var(--font-size-lg);z-index:50;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}#tutorial-overlay.visible{opacity:1;visibility:visible;transition-delay:0s}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background-color:#120c18d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;justify-content:center;align-items:center;padding:var(--spacing-xl)}#game-container.ready #ready-overlay,#game-container.paused #pause-menu{display:flex;animation:fadeIn .3s ease-out forwards}.ready-container,.pause-content{width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;gap:var(--spacing-xl);background:var(--ui-background-solid);border:1px solid var(--border-color);padding:var(--spacing-xl);border-radius:12px}.ready-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);overflow-y:auto;padding-right:var(--spacing-md)}.ready-left-panel{text-align:center}#ready-album-art{width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;margin-bottom:var(--spacing-lg);background-color:var(--background-color);display:flex;justify-content:center;align-items:center}#ready-album-art img{width:100%;height:100%;object-fit:cover}#ready-album-art svg{width:50%;height:50%;color:var(--text-color-dark)}#ready-song-title{font-size:var(--font-size-xl);font-weight:700;margin:0}#ready-song-artist{font-size:var(--font-size-lg);color:var(--text-color-dark)}.ready-right-panel{display:flex;flex-direction:column;gap:var(--spacing-xl)}.selection-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.selection-group h3{margin:0;font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;color:var(--text-color-dark);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}#leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:150px;overflow-y:auto}.leaderboard-item{display:grid;grid-template-columns:40px 50px 1fr 80px auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.leaderboard-item .rank{font-weight:700;color:var(--text-color-dark)}.leaderboard-item .grade{font-weight:700;text-align:center}.leaderboard-item .score{font-weight:600;text-align:right}.leaderboard-item .combo{text-align:right;color:var(--text-color-dark)}.leaderboard-item .date{text-align:right;font-size:.9em;color:var(--text-color-dark)}.grade-s{color:#ffab40;text-shadow:0 0 5px #ffab40}.grade-a{color:#00ff7f}.grade-b{color:#1e90ff}.grade-c{color:#9400d3}.grade-d{color:#ff4d4d}.grade-bot{color:#a0a0a0}.ready-footer,.pause-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-shrink:0}.pause-actions{border-top:none;justify-content:center}.pause-content{align-items:center}.slider-control{display:flex;flex-direction:column;gap:var(--spacing-xs)}.slider-label-value{display:flex;justify-content:space-between;align-items:center}.slider-control label{font-size:var(--font-size-base);font-weight:500}.slider-value{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color-dark);background-color:#0000004d;padding:2px 8px;border-radius:4px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#332a45;border-radius:4px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary-glow);border-radius:50%;border:3px solid var(--ui-background-solid);box-shadow:0 0 5px var(--primary-glow);cursor:grab;transition:box-shadow .2s ease}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary-glow);border-radius:50%;border:3px solid var(--ui-background-solid);box-shadow:0 0 5px var(--primary-glow);cursor:grab;transition:box-shadow .2s ease}input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}input[type=range]:active::-moz-range-thumb{cursor:grabbing}.modifiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;align-items:center;background-color:#120c18e6;gap:1em;font-size:var(--font-size-lg);font-weight:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}#ready-overlay.generating .generating-overlay{opacity:1;visibility:visible;transition-delay:0s}#results-screen{gap:var(--spacing-xl)}.results-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);background:var(--ui-background);padding:var(--spacing-xl);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grade-display{font-size:var(--font-size-jumbo);font-weight:700;line-height:1;-webkit-text-stroke:4px var(--ui-background-solid)}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);text-align:center}.results-stat h3{font-size:var(--font-size-base);color:var(--text-color-dark);margin:0 0 .5em}.results-stat p{font-size:var(--font-size-xxl);font-weight:600;margin:0}#settings-screen{justify-content:flex-start;padding:0}.settings-grid-container{width:100%;max-width:1200px;padding:0 var(--spacing-xl) var(--spacing-xl);flex-grow:1;overflow-y:auto;min-height:0}.settings-grid-container::-webkit-scrollbar{width:8px}.settings-grid-container::-webkit-scrollbar-track{background:transparent}.settings-grid-container::-webkit-scrollbar-thumb{background:#4a3f5e;border-radius:4px}.settings-grid-container::-webkit-scrollbar-thumb:hover{background:#61537a}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:var(--spacing-lg)}.settings-section{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--ui-background);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color)}.settings-section h3{margin:0;font-size:var(--font-size-base);font-weight:600;text-transform:uppercase;color:var(--text-color-dark);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.drag-drop-content{border:3px dashed var(--primary-glow);border-radius:20px;padding:var(--spacing-xl) calc(var(--spacing-xl) * 2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;background:#ff57b41a}.drag-drop-icon{width:80px;height:80px;color:var(--primary-glow);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.drag-drop-content p{font-size:var(--font-size-lg);font-weight:600;margin:0}.modal-content{background:var(--ui-background-solid);padding:var(--spacing-xl);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 8px 30px #00000080;width:clamp(300px,90%,500px);display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;max-height:80vh;overflow-y:auto}.modal-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:transparent;color:var(--text-color-dark);font-size:2rem;line-height:1;cursor:pointer;transition:color .2s,transform .2s;outline:none}.modal-close-btn:hover{color:var(--text-color);transform:scale(1.1)}#modal-message h3{margin-top:0;margin-bottom:1em;font-size:var(--font-size-lg)}#modal-message p,#modal-message li{font-size:var(--font-size-base);color:var(--text-color-dark);line-height:1.6}#modal-message a{color:var(--primary-glow);text-decoration:underline;transition:color .2s ease}#modal-message a:hover{color:#ff8ad5}#modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}#editor-screen{padding:0}#editor-grid{width:100%;height:100%;display:grid;grid-template-columns:280px 1fr;background:#0d0912}#editor-inspector{background:var(--ui-background-solid);border-right:1px solid var(--border-color);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto}#editor-inspector::-webkit-scrollbar{width:6px}#editor-inspector::-webkit-scrollbar-track{background:transparent}#editor-inspector::-webkit-scrollbar-thumb{background:#4a3f5e;border-radius:3px}.inspector-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.inspector-section h3{font-size:var(--font-size-lg);font-weight:600;margin:0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.inspector-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-color-dark);margin-bottom:-8px}.inspector-input{width:100%;background:#0000004d;border:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-base);padding:8px 12px;border-radius:6px;transition:border-color .2s,box-shadow .2s;outline:none}.inspector-input:focus{border-color:var(--primary-glow);box-shadow:0 0 0 2px #ff57b44d}.inspector-input[readonly]{background:#0000001a;color:var(--text-color-dark);cursor:not-allowed}#inspector-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-lg);color:var(--text-color-dark);height:100%;font-size:var(--font-size-base)}#inspector-placeholder svg{width:48px;height:48px;opacity:.5}.bpm-control-group{display:flex;gap:var(--spacing-sm)}#editor-bpm-input{flex-grow:1}#editor-bpm-tap-btn{flex-shrink:0}#editor-main-view{display:flex;flex-direction:column;min-width:0}.editor-main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);background:var(--ui-background-solid);border-bottom:1px solid var(--border-color);flex-shrink:0}.editor-playback-controls{display:flex;align-items:center;gap:var(--spacing-md)}#editor-timestamp{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--font-size-lg);color:var(--text-color);background-color:#0003;padding:6px 12px;border-radius:4px}#editor-metronome-toggle.active{background-color:var(--primary-glow);color:var(--ui-background-solid);border-color:var(--primary-glow);box-shadow:0 0 8px var(--primary-glow)}#editor-metronome-toggle.active:hover{background-color:#ff78c4}.editor-main-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.editor-art-container{width:100%;aspect-ratio:1/1;border-radius:8px;border:2px dashed var(--border-color);flex-shrink:0;cursor:pointer;overflow:hidden;position:relative;transition:border-color .2s;background:#0003;margin-bottom:var(--spacing-sm)}.editor-art-container:hover{border-color:var(--primary-glow)}#editor-album-art-preview{width:100%;height:100%;object-fit:cover}#editor-album-art-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-color-dark);font-size:.7rem;gap:4px;transition:color .2s}.editor-art-container:hover #editor-album-art-placeholder{color:var(--primary-glow)}#editor-album-art-placeholder svg{width:32px;height:32px}.editor-canvas-container{flex-grow:1;position:relative;overflow:hidden;min-height:0}#editor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.editor-timeline-container{height:150px;background:#100b16;border-top:1px solid var(--border-color);flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column}#editor-waveform-container{width:100%;flex-grow:1;position:relative}#editor-waveform-canvas{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#editor-playhead{position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--primary-glow);box-shadow:0 0 8px var(--primary-glow);pointer-events:none;z-index:10}#editor-snap-controls{flex-shrink:0;padding:var(--spacing-sm);background:#0003;display:flex;justify-content:center}#editor-snap-controls .segmented-control{transform:scale(.9)}.color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:var(--spacing-sm)}.color-swatch{width:100%;aspect-ratio:1/1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;outline:none}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fff}.color-swatch:focus-visible{border-color:#fff;box-shadow:0 0 0 2px var(--ui-background-solid),0 0 0 4px var(--primary-glow)}[data-controller-focus=true].color-swatch{border-color:#fff;box-shadow:0 0 0 2px var(--ui-background-solid),0 0 0 4px var(--primary-glow)}#download-center-screen{gap:var(--spacing-lg);padding:0;justify-content:flex-start}#online-library-list-container{align-content:flex-start}.spinner-small{border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top:2px solid var(--primary-glow);width:16px;height:16px;animation:spin 1s linear infinite}.btn.in-library{background-color:#00ff7f;color:#0c0710;box-shadow:0 0 10px -2px #00ff7f;cursor:default}#music-library-player{display:none;align-items:center;gap:1em;background-color:#0003;padding:.5em 1em;border-radius:8px;border:1px solid var(--border-color)}#music-library-player.active{display:flex}#library-player-info{display:flex;flex-direction:column;min-width:150px;max-width:250px}#library-player-info .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#library-player-info .artist{font-size:.8em;color:var(--text-color-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-player-controls{display:flex;align-items:center;gap:.5em}#fullscreen-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%,10px);background-color:var(--ui-background-solid);color:var(--text-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 15px #00000080;z-index:1000;cursor:default;opacity:0;visibility:hidden;transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s .3s;display:flex;align-items:center;gap:1em;padding-right:40px}#fullscreen-prompt.visible{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .3s ease-out,transform .3s ease-out,visibility 0s 0s}#fullscreen-prompt:before{content:"";display:inline-block;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0e0e0'%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}#fullscreen-prompt p{margin:0;font-size:var(--font-size-base);cursor:pointer}#fullscreen-prompt-close{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;color:var(--text-color-dark);font-size:1.8rem;line-height:1;cursor:pointer;transition:color .2s,transform .2s;padding:0}#fullscreen-prompt-close:hover{color:var(--text-color);transform:translateY(-50%) scale(1.1)}@media (max-width: 1024px){#editor-grid{grid-template-columns:240px 1fr}}@media (max-width: 768px){.ready-main,.main-menu-nav,#editor-grid{grid-template-columns:1fr}#editor-inspector{display:none}.library-header{flex-direction:column;align-items:stretch}.library-search-container{order:1;padding:0;margin-top:var(--spacing-sm)}.library-actions{order:2;justify-content:space-between}}