@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#06060e;--bg-secondary:#0d0d1a;--bg-tertiary:#14142a;--bg-panel:#101024e0;--bg-panel-hover:#181834eb;--text-primary:#e8e8f0;--text-secondary:#9090b0;--text-muted:#606080;--accent-blue:#00d4ff;--accent-purple:#b44dff;--accent-pink:#ff2d8a;--accent-cyan:#00ffc8;--color-perfect:gold;--color-great:#0f8;--color-cool:#00bfff;--color-bad:#f44;--color-miss:#666680;--color-easy:#0f8;--color-normal:orange;--color-hard:#ff2d5e;--border-subtle:#6464b426;--border-glow:#00d4ff4d;--glow-blue:0 0 10px #00d4ff66, 0 0 30px #00d4ff26;--glow-gold:0 0 10px #ffd70080, 0 0 30px #ffd70033;--glow-green:0 0 10px #0f86, 0 0 30px #00ff8826;--glow-pink:0 0 10px #ff2d8a66, 0 0 30px #ff2d8a26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-main:"Outfit", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bg{z-index:0;background:radial-gradient(ellipse at 20% 50%, #00d4ff0f 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #b44dff0d 0%, transparent 50%), radial-gradient(ellipse at 50% 90%, #ff2d8a0a 0%, transparent 50%), var(--bg-primary);position:fixed;inset:0}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)}.glass-panel--glow{border-color:var(--border-glow);box-shadow:var(--glow-blue)}.btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 100%);color:#fff;box-shadow:0 4px 20px #00d4ff40}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 30px #00d4ff66}.btn--secondary{color:var(--text-primary);border:1px solid var(--border-subtle);background:#6464b426}.btn--secondary:hover{border-color:var(--border-glow);background:#6464b440}.btn--danger{color:#fff;background:linear-gradient(135deg,#f44 0%,#ff2d5e 100%)}.btn--ready{background:linear-gradient(135deg, var(--color-great) 0%, #00cc6a 100%);color:#000;font-weight:700}.btn--large{border-radius:var(--radius-lg);padding:16px 40px;font-size:18px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-main);background:#0a0a1e99;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #00d4ff26}.input::placeholder{color:var(--text-muted)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge--easy{color:var(--color-easy);background:#00ff8826;border:1px solid #00ff884d}.badge--normal{color:var(--color-normal);background:#ffa50026;border:1px solid #ffa5004d}.badge--hard{color:var(--color-hard);background:#ff2d5e26;border:1px solid #ff2d5e4d}.badge--bpm{color:#e2baff;background:#b464ff26;border:1px solid #b464ff4d}.badge--youtube{color:#ff6b6b;background:#ff00001f;border:1px solid #ff000040}.badge--server{color:#fc4;background:#ffa50026;border:1px solid #ffa5004d}.page{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:relative}.page__title{background:linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-purple) 50%, var(--accent-pink) 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:48px;font-weight:900}.page__subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-pulse{0%,to{box-shadow:var(--glow-blue)}50%{box-shadow:0 0 20px #00d4ff99,0 0 50px #00d4ff33}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes judgmentPop{0%{opacity:0;transform:scale(.5)translateY(0)}30%{opacity:1;transform:scale(1.3)translateY(-5px)}60%{transform:scale(1)translateY(-10px)}to{opacity:0;transform:scale(.9)translateY(-30px)}}@keyframes countdownPop{0%{opacity:0;transform:scale(3)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.animate-fadeIn{animation:.4s ease-out fadeIn}.animate-fadeInUp{animation:.5s ease-out fadeInUp}.animate-scaleIn{animation:.3s ease-out scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6464b44d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6464b480}.song-card{transition:border-color .3s,box-shadow .3s,transform .2s}.song-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 12px #00d4ff4d,0 0 30px #00d4ff1a}.song-card--selected{border-color:var(--accent-blue)!important;box-shadow:0 0 16px #00d4ff66,0 0 40px #00d4ff26!important}.player-slot--ready{animation:2s ease-in-out infinite glow-pulse-green;box-shadow:0 0 12px #00ff884d,0 0 30px #00ff881a;border-color:var(--color-easy)!important}@keyframes glow-pulse-green{0%,to{box-shadow:0 0 12px #00ff884d,0 0 30px #00ff881a}50%{box-shadow:0 0 20px #00ff8880,0 0 50px #0f83}}@media (width<=900px){.page{padding:16px}.page__title{font-size:36px}.results-table table{font-size:12px}.results-table th{padding:8px 6px;font-size:9px}.results-row td{padding:10px 6px}.score-value{font-size:15px}.rank-icon{font-size:18px}.results-header__text{font-size:40px}.btn--large{padding:12px 24px;font-size:15px}}@media (width<=600px){.page{padding:12px}.page__title{letter-spacing:0;font-size:28px}.page__subtitle{margin-bottom:20px;font-size:13px}.hud__score{min-width:100px;padding:6px 12px}.hud__score-value{font-size:20px}.hud__combo-value{font-size:32px}.hud__song-info{display:none}.results-table-wrapper{overflow-x:auto}.results-table table{min-width:600px}.results-header__text{letter-spacing:4px;font-size:32px}.results-header__stars{font-size:18px}.results-overlay{min-width:unset;padding:24px}.results-overlay__title{font-size:22px}.results-overlay__score{font-size:36px}.btn{padding:10px 20px;font-size:13px}.btn--large{padding:12px 24px;font-size:14px}.input{padding:10px 14px;font-size:14px}}.session-replaced-box{text-align:center;background:linear-gradient(#1a2244,#0e1528);border:3px solid #f80;border-radius:12px;max-width:420px;padding:30px 40px;animation:.3s ease-out scaleIn;box-shadow:0 0 20px #ff88004d,0 8px 30px #00000080}.session-replaced-box h2{color:#fa3;font-size:20px;font-family:var(--font-main);margin:0 0 12px}.lobby-wrapper{color:#fff;-webkit-user-select:none;user-select:none;background:#060618;width:100vw;height:100vh;font-family:Tahoma,Segoe UI,sans-serif;font-size:12px;position:relative;overflow:hidden}.lobby-bg{z-index:0;background:radial-gradient(at 70% 75%,#3c1e7866 0%,#0000 60%),radial-gradient(at 30% 80%,#1e32784d 0%,#0000 50%),linear-gradient(#0c0a28 0%,#08061e 50%,#0a0822 100%);position:absolute;inset:0}.lobby-bg:before{content:"";z-index:1;background:repeating-linear-gradient(90deg,#0000 0 22px,#6446c80a 22px 24px);position:absolute;inset:0}.lobby{z-index:10;box-sizing:border-box;flex-direction:column;gap:4px;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:8px 12px 10px;display:flex;position:relative}.lobby-topbar{flex-shrink:0;justify-content:space-between;align-items:center;height:44px;display:flex}.topbar-left{align-items:center;display:flex}.lobby-logo{color:#fff;text-shadow:0 0 8px #00dcffcc,0 0 20px #00b4ff66,0 2px #003;letter-spacing:1px;margin:0;font-family:Comic Sans MS,Segoe Script,cursive;font-size:26px;font-style:italic;font-weight:900}.topbar-right{align-items:center;gap:10px;display:flex}.name-field{align-items:center;gap:6px;display:flex}.name-label{color:#90d0ff;font-size:11px;font-weight:700}.name-input{color:#fff;text-align:center;background:#001432cc;border:1px solid #38c;border-radius:3px;outline:none;width:120px;padding:3px 6px;font-family:inherit;font-size:12px;font-weight:700}.name-input:focus{border-color:#0cf;box-shadow:0 0 4px #00c8ff80}.status-badge{color:#aaa;background:#0006;border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#f33;border-radius:50%;width:8px;height:8px;box-shadow:0 0 3px #f33}.status-dot.on{background:#0f6;box-shadow:0 0 5px #0f6}.lobby-content-area{flex:1;gap:6px;min-height:0;display:flex}.room-list-panel{background:#0a0a28d9;border:3px solid #3cf;border-radius:8px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 0 10px #32c8ff33,inset 0 0 20px #00000080}.room-table-header{background:linear-gradient(#65c,#43a);border-bottom:2px solid #3cf;flex-shrink:0;display:flex}.rth-col{text-align:center;color:#fff;text-shadow:1px 1px 1px #0009;border-right:1px solid #6464c84d;flex-shrink:0;padding:6px 8px;font-size:12px;font-weight:700}.rth-col:last-child{border-right:none}.rth-no{width:80px}.rth-status{width:100px}.rth-players{width:140px}.rth-match{width:90px}.rth-name{text-align:left;flex:1;padding-left:12px}.room-table-body{flex:1;overflow:hidden auto}.room-table-body::-webkit-scrollbar{width:14px}.room-table-body::-webkit-scrollbar-track{background:#0a0a30;border-left:1px solid #3cf}.room-table-body::-webkit-scrollbar-thumb{background:linear-gradient(#57f,#34a);border:2px solid #0a0a30;border-radius:7px}.room-row{cursor:pointer;align-items:center;height:30px;transition:background 80ms;display:flex}.room-row:nth-child(odd){background:linear-gradient(90deg,#5a32a08c 0%,#46288c73 50%,#3c238273 100%)}.room-row:nth-child(2n){background:linear-gradient(90deg,#46238273 0%,#371c6e59 50%,#2d196459 100%)}.room-row{border-top:1px solid #825adc1a;border-bottom:1px solid #1e0f46b3}.room-row:not(.empty-row):hover{background:linear-gradient(90deg,#6e3cc8b3 0%,#5a32b499 50%,#502daa99 100%)!important}.room-row.selected{box-shadow:inset 0 0 8px #32b4ff33;background:linear-gradient(90deg,#1e64c8bf 0%,#1450b4a6 50%,#0f46aaa6 100%)!important}.room-row.empty-row{cursor:default}.rc{color:#fff;text-shadow:1px 1px 1px #00000080;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:0 8px;font-size:12px;overflow:hidden}.rc-no{text-align:center;color:#ffe066;width:80px;font-size:14px;font-weight:700}.rc-status{text-align:center;width:100px;font-size:11px;font-weight:700}.rc-status.waiting{color:#4fc}.rc-status.playing{color:#f88}.rc-players{text-align:center;width:140px}.player-figures{letter-spacing:1px;font-size:14px}.fig{color:#333;opacity:.25}.fig.active{opacity:1}.fig.active:nth-child(odd){color:#4af}.fig.active:nth-child(2n){color:#f69}.rc-match{text-align:center;color:#bdf;width:90px;font-size:11px}.smiley{color:#6d6;font-size:13px}.rc-name{color:#ffe680;flex:1;padding-left:12px;font-weight:700}.room-bottom-bar{background:linear-gradient(#1a2244,#0e1528);border-top:2px solid #3cf;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 10px;display:flex}.rbb-left{align-items:center;gap:4px;font-size:12px;display:flex}.rbb-channel-label{color:#8ac;font-weight:700}.rbb-channel-value{color:#fff;background:#00000080;border:1px solid #446;border-radius:3px;padding:1px 8px;font-weight:700}.rbb-channel-id{color:#fff;background:#00000080;border:1px solid #446;border-radius:3px;margin-left:2px;padding:1px 6px;font-weight:700}.rbb-center{font-size:12px}.rbb-megaphone{color:#333;cursor:default;background:linear-gradient(#fe8,#ca4);border:1px solid #a83;border-radius:10px;padding:2px 12px;font-size:11px;font-weight:700}.rbb-right{gap:4px;display:flex}.rbb-btn{color:#fff;cursor:pointer;text-shadow:1px 1px 1px #00000080;border:none;border-radius:3px;padding:4px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:filter .12s,transform 80ms;box-shadow:0 1px 3px #0006}.rbb-btn:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-1px)}.rbb-btn:active:not(:disabled){filter:brightness(.9);transform:translateY(0)}.rbb-btn:disabled{filter:grayscale(.8)brightness(.5);cursor:not-allowed}.btn-create{background:linear-gradient(#38e,#25a);border:1px solid #5af}.btn-quick{background:linear-gradient(#3a6,#284);border:1px solid #5c8}.btn-replay{background:linear-gradient(#75c,#53a);border:1px solid #97e}.chat-panel{flex-direction:column;flex:none;height:25%;min-height:130px;max-height:200px;margin-top:2px;display:flex}.character-panel{background:#0a0a28d9;border:3px solid #3cf;border-radius:8px;flex-direction:column;flex:0 0 280px;display:flex;overflow:hidden;box-shadow:0 0 10px #32c8ff33,inset 0 0 20px #00000080}.character-panel-header{background:linear-gradient(#65c,#43a);border-bottom:2px solid #3cf;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;display:flex}.character-panel-title{color:#fff;text-shadow:1px 1px 1px #0009;letter-spacing:.5px;font-size:13px;font-weight:700}.character-gender-selector{background:#0000004d;border-bottom:1px solid #32c8ff26;gap:4px;padding:6px 8px;display:flex}.char-gender-btn{color:#89b;cursor:pointer;background:#ffffff0d;border:1px solid #6464c84d;border-radius:4px;flex:1;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700;transition:all .2s}.char-gender-btn:hover{color:#abd;background:#6464c826}.char-gender-btn.active{color:#fff;text-shadow:1px 1px 1px #0006;background:linear-gradient(#57f,#35c);border-color:#7af}.char-wardrobe-link{color:#c9f;cursor:pointer;text-align:center;background:linear-gradient(#9650dc4d,#783cc833);border:1px solid #c864ff4d;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s}.char-wardrobe-link:hover{color:#ecf;background:linear-gradient(#9650dc80,#783cc866);border-color:#c864ff80}.character-viewport-container{background:radial-gradient(at 50% 60%,#1e143ccc 0%,#0a0a1ee6 100%);flex:1;min-height:0;position:relative}.character-viewport{width:100%;height:100%}.character-viewport canvas{width:100%!important;height:100%!important}.character-loading{pointer-events:none;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.character-spinner{border:3px solid #32c8ff26;border-top-color:#3cf;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite char-spin}@keyframes char-spin{to{transform:rotate(360deg)}}.character-info-bar{background:linear-gradient(#1a2244,#0e1528);border-top:1px solid #32c8ff33;flex-shrink:0;padding:6px 10px}.char-info-name{color:#90d0ff;font-size:12px}.char-info-name strong{color:#ffe680}.modal-online-players{background:linear-gradient(#d0e8ff,#a0c0e8);border:3px solid #79c;border-radius:10px;flex-direction:column;width:320px;max-height:60vh;display:flex;overflow:hidden;box-shadow:0 0 20px #0064c84d,0 8px 30px #00000080}.modal-online-list{background:#050814eb;flex:1;max-height:400px;padding:6px 0;overflow-y:auto}.modal-online-list .online-player-row{color:#ccc;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:background .1s;display:flex}.modal-online-list .online-player-row:hover{background:#6450c833}.modal-online-list .online-player-row--me{color:#fff;background:#00b4ff14}.modal-online-list .online-player-dot{background:#0f6;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 4px #0f6}.modal-online-list .online-player-dot--me{background:#0cf;box-shadow:0 0 4px #0cf}.modal-online-list .online-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.modal-online-list .online-player-me-tag{color:#0cf;background:#00c8ff26;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.modal-online-list .online-players-empty{text-align:center;color:#556;padding:20px 10px;font-size:11px}.btn-online{background:linear-gradient(#c73,#a52);border:1px solid #e95}.chat-tabs{gap:1px;padding-left:2px;display:flex}.chat-tab-btn{color:#79b;cursor:pointer;background:linear-gradient(#2a3355,#1a2244);border:1px solid #346;border-bottom:none;border-radius:5px 5px 0 0;padding:3px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s}.chat-tab-btn:hover{color:#ace;background:linear-gradient(#3a4466,#2a3355)}.chat-tab-btn.active{color:#fff;background:linear-gradient(#4a5577,#3a4466);border-color:#568}.chat-body{background:#050814eb;border:2px solid #346;border-radius:0 5px 5px;flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex:1;padding:6px 10px;font-size:12px;line-height:1.5;overflow-y:auto}.chat-messages p{margin:0 0 1px}.msg-sys{color:#0df;font-weight:700}.msg-error{color:#f55;font-weight:700}.msg-player{color:#ffe680;font-weight:700}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb{background:#335;border-radius:4px}.chat-input-area{background:#00000080;border-top:1px solid #334;align-items:center;padding:2px 4px;display:flex}.chat-input{color:#ccc;background:0 0;border:none;outline:none;flex:1;padding:3px 6px;font-family:inherit;font-size:12px}.chat-input::placeholder{color:#445}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(#38e,#25a);border:none;border-radius:3px;padding:2px 8px;font-size:12px;font-weight:700}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-create-room{background:linear-gradient(#d0e8ff,#a0c0e8);border:3px solid #79c;border-radius:10px;width:380px;overflow:hidden;box-shadow:0 0 20px #0064c84d,0 8px 30px #00000080}.modal-title{color:#fff;text-align:center;text-shadow:1px 1px 2px #0006;background:linear-gradient(#68c,#46a);border-bottom:2px solid #8ad;padding:8px 16px;font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.modal-row{align-items:center;gap:10px;display:flex}.modal-label{text-align:center;color:#fff;text-shadow:1px 1px 1px #0000004d;background:linear-gradient(#79c,#57a);border:1px solid #8ad;border-radius:14px;flex-shrink:0;width:80px;padding:5px 10px;font-size:12px;font-weight:700}.modal-field{flex:1}.modal-select,.modal-input{color:#333;box-sizing:border-box;background:#fff;border:1px solid #9ac;border-radius:4px;outline:none;width:100%;padding:5px 10px;font-family:inherit;font-size:12px}.modal-select:focus,.modal-input:focus{border-color:#48c;box-shadow:0 0 4px #3c8cdc66}.modal-footer{justify-content:center;gap:10px;padding:12px 20px 16px;display:flex}.modal-btn{cursor:pointer;border:1px solid;border-radius:14px;padding:6px 24px;font-family:inherit;font-size:12px;font-weight:700;transition:filter .12s,transform 80ms}.modal-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.modal-btn:active:not(:disabled){filter:brightness(.9);transform:translateY(0)}.modal-btn:disabled{filter:grayscale(.6);cursor:not-allowed}.modal-btn-create{color:#fff;text-shadow:1px 1px 1px #0000004d;background:linear-gradient(#5af,#37c);border-color:#7cf}.modal-btn-cancel{color:#333;background:linear-gradient(#ccc,#999);border-color:#aaa}.session-replaced-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-replaced-box{text-align:center;background:linear-gradient(#1a2244,#0e1528);border:3px solid #f80;border-radius:12px;max-width:400px;padding:30px 40px;box-shadow:0 0 20px #ff88004d,0 8px 30px #00000080}.session-replaced-icon{margin-bottom:12px;font-size:48px}.session-replaced-box h2{color:#fa3;margin:0 0 12px;font-size:20px}.session-replaced-box p{color:#ccc;margin:0 0 6px;font-size:14px;line-height:1.5}.song-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;background:#0a0a1e66;align-items:center;gap:14px;padding:12px;transition:all .2s;display:flex}.song-card:hover{border-color:var(--border-glow);background:#14143280;transform:translate(4px);box-shadow:0 0 15px #00d4ff1a}.song-card__thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:45px}.song-card__info{flex:1;min-width:0}.song-card__title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:14px;font-weight:600;overflow:hidden}.song-card__meta{color:var(--text-muted);gap:8px;font-size:12px;display:flex}.song-card__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.song-card__bpm{color:var(--accent-blue);font-size:13px;font-weight:700}.cat-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000c7;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.cat-modal{flex-direction:column;width:100%;max-width:640px;max-height:85vh;padding:0;display:flex;overflow:hidden}.cat-modal__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.cat-modal__header h3{margin:0;font-size:18px;font-weight:700}.cat-modal__close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .2s}.cat-modal__close:hover{color:var(--text-primary);background:#ffffff0d}.cat-modal__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;padding:20px;display:grid;overflow-y:auto}.cat-card{cursor:pointer;font-family:var(--font-main);background:#0a0a1e80;border:2px solid #6464b426;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 10px;transition:all .25s;display:flex;position:relative}.cat-card:hover{background:#00d4ff0f;border-color:#00d4ff66;transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff1a}.cat-card--selected{box-shadow:0 0 20px #00d4ff33,inset 0 0 20px #00d4ff0d;border-color:var(--accent-cyan)!important;background:#00d4ff1a!important}.cat-card__image-wrap{background:#14142880;border:2px solid #6464b41a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:border-color .25s;display:flex;overflow:hidden}.cat-card--selected .cat-card__image-wrap{border-color:var(--accent-cyan);box-shadow:0 0 12px #00d4ff4d}.cat-card__image{object-fit:cover;width:100%;height:100%}.cat-card__fallback{background:#14143299;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cat-card__emoji{font-size:32px}.cat-card__name{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:700;line-height:1.3}.cat-card--selected .cat-card__name{color:var(--accent-cyan)}.cat-card__check{background:var(--accent-cyan);color:#000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;animation:.2s ease-out scaleIn;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #00d4ff80}.cat-modal__footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.audi-room-wrapper{width:100%;height:100vh;font-family:var(--font-main);flex-direction:column;display:flex;position:relative;overflow:hidden}.audi-room-bg{z-index:0;background:radial-gradient(at 50% 40%,#14003c99 0%,#0000 70%),radial-gradient(at 20% 80%,#00d4ff14 0%,#0000 50%),radial-gradient(at 80% 20%,#b44dff0f 0%,#0000 50%),linear-gradient(#050510 0%,#0a0a20 40%,#0d0d28 100%);position:fixed;inset:0}.audi-room-topbar{z-index:10;background:linear-gradient(#000a1ef2 0%,#000a1eb3 100%);border-bottom:1px solid #00d4ff33;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;position:relative;box-shadow:0 2px 20px #00000080}.audi-topbar-left{align-items:center;gap:12px;display:flex}.audi-room-number{color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;background:#00ffc81a;border:1px solid #00ffc840;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:800}.audi-room-name{color:var(--text-secondary);font-size:14px;font-weight:600}.audi-topbar-right{align-items:center;display:flex}.audi-bgm-info{background:#00143299;border:1px solid #0096ff33;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;display:flex}.audi-bgm-label{color:var(--accent-blue);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.audi-bgm-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:13px;font-weight:600;overflow:hidden}.audi-bgm-play{color:var(--accent-blue);cursor:pointer;font-size:12px;transition:color .2s}.audi-bgm-play:hover{color:#fff}.audi-stage-area{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative}.audi-stage-floor{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.audi-stage-logo{letter-spacing:12px;text-transform:uppercase;background:linear-gradient(135deg,#00d4ff14 0%,#b44dff0f 50%,#ff2d8a0a 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;opacity:.5;-webkit-background-clip:text;background-clip:text;font-size:72px;font-weight:900}.audi-stage-circles,.audi-stage-circle{display:none}@keyframes circleGlow{0%,to{border-color:#00d4ff1a;box-shadow:0 0 5px #00d4ff0d}50%{border-color:#00d4ff4d;box-shadow:0 0 20px #00d4ff26}}.audi-player-ring{z-index:2;width:0;height:0;position:relative}.audi-player-count{color:var(--text-muted);white-space:nowrap;pointer-events:none;z-index:1;background:#0a0a1eb3;border:1px solid #6464b426;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audi-player-slot{background:#0a0a2859;border:1px solid #6464b41a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:110px;margin-top:-70px;margin-left:-55px;padding:10px 8px;transition:all .4s;display:flex;position:absolute}.audi-player-slot--empty{opacity:.25;border-style:dashed}.audi-player-slot--me{border-color:var(--accent-blue);background:#00d4ff0f;box-shadow:0 0 16px #00d4ff1f}.audi-player-slot--ready{border-color:#00ff884d;box-shadow:0 0 12px #00ff881a}.audi-slot-ring{pointer-events:none;z-index:-1;border:2px solid #00d4ff26;border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite circleGlow;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.audi-player-avatar{border:3px solid var(--border-subtle);background:#0a0a1e99;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.audi-player-avatar--empty{border-style:dashed;border-color:#6464b426}.audi-player-avatar-letter{color:var(--text-muted);font-size:22px;font-weight:800}.audi-player-cat-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.audi-btn-cat{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#b44dff 0%,#83c 100%);border-color:#b44dff4d;padding:8px 16px;font-size:12px;box-shadow:0 0 12px #b44dff33}.audi-btn-cat:hover{transform:translateY(-1px);box-shadow:0 0 20px #b44dff66}.audi-player-name-tag{text-align:center;align-items:center;gap:4px;display:flex}.audi-host-crown{font-size:12px}.audi-player-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:12px;font-weight:700;overflow:hidden}.audi-player-name--empty{color:var(--text-muted);font-weight:400}.audi-me-badge{color:var(--accent-blue);background:#00d4ff33;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:700}.audi-player-ready-badge{color:var(--text-muted);background:#6464b414;border-radius:4px;padding:2px 8px;font-size:10px}.audi-player-ready-badge.ready{color:var(--color-great);background:#00ff8814}.audi-bottom-bar{z-index:10;background:linear-gradient(#080818eb 0%,#040410fa 100%);border-top:1px solid #00d4ff26;grid-template-columns:280px 1fr 240px;gap:0;min-height:140px;display:grid;position:relative;box-shadow:0 -4px 30px #00000080}.audi-bottom-left{border-right:1px solid #6464b41a;flex-direction:column;gap:6px;padding:12px 16px;display:flex}.audi-select-music,.audi-game-mode{align-items:center;gap:8px;display:flex}.audi-select-label,.audi-mode-label{color:var(--accent-cyan);white-space:nowrap;min-width:90px;font-size:11px;font-weight:700}.audi-music-btn{color:#fff;font-family:var(--font-main);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#0a0a1e99;border:1px solid #6464b433;border-radius:4px;flex:1;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;overflow:hidden}.audi-music-btn:hover:not(:disabled){border-color:var(--accent-blue);background:#00d4ff0d}.audi-music-btn--empty{color:var(--text-muted);font-style:italic}.audi-music-btn:disabled{cursor:default;opacity:.7}.audi-mode-value{color:var(--text-secondary);background:#0a0a1e99;border:1px solid #6464b426;border-radius:4px;flex:1;padding:5px 10px;font-size:12px;font-weight:600}.audi-mode-toggle{flex:1;gap:4px;display:flex}.audi-mode-btn{color:var(--text-muted);font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:#0a0a1e99;border:1px solid #6464b433;border-radius:4px;flex:1;padding:5px 8px;font-size:11px;font-weight:700;transition:all .2s}.audi-mode-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#b44dff14}.audi-mode-btn--active{border-color:var(--accent-purple);color:#fff;background:linear-gradient(135deg,#b44dff33 0%,#00d4ff26 100%);box-shadow:0 0 10px #b44dff33}.audi-mode-select{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;appearance:none;background:#0a0a1e99;border:1px solid #6464b433;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:11px;font-weight:600;transition:all .2s}.audi-mode-select:hover,.audi-mode-select:focus{border-color:var(--accent-purple);color:var(--text-primary);background:#b44dff14}.audi-mode-select option{color:#fff;background:#1a1a2e}.audi-song-detail{align-items:center;gap:8px;padding-left:98px;display:flex}.audi-song-bpm{color:var(--accent-purple);background:#b44dff1a;border:1px solid #b44dff33;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.audi-song-diff{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.audi-song-diff--easy{color:var(--color-easy);background:#00ff881a;border:1px solid #0f83}.audi-song-diff--normal{color:var(--color-normal);background:#ffa5001a;border:1px solid #ffa50033}.audi-song-diff--hard{color:var(--color-hard);background:#ff2d5e1a;border:1px solid #ff2d5e33}.audi-bottom-center{flex-direction:column;min-width:0;padding:8px 12px;display:flex}.audi-room-chat{background:#05051280;border:1px solid #6464b41a;border-radius:6px;flex-direction:column;height:100%;display:flex;overflow:hidden}.audi-chat-messages{flex-direction:column;flex:1;gap:2px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.audi-chat-msg{word-break:break-word;margin:0;font-size:12px;line-height:1.5}.audi-chat-msg--system{color:var(--text-muted);font-style:italic}.audi-chat-msg--player,.audi-chat-msg--self{color:var(--text-primary)}.audi-chat-sys{color:var(--accent-cyan);font-style:normal;font-weight:600}.audi-chat-name{color:var(--accent-blue);font-weight:700}.audi-chat-msg--self .audi-chat-name{color:var(--accent-cyan)}.audi-chat-input-area{border-top:1px solid #6464b41a;display:flex}.audi-chat-input{color:var(--text-primary);font-family:var(--font-main);background:#0a0a1e80;border:none;outline:none;flex:1;padding:8px 10px;font-size:12px}.audi-chat-input::placeholder{color:var(--text-muted)}.audi-chat-send{color:var(--accent-blue);cursor:pointer;background:#00d4ff26;border:none;padding:8px 14px;font-size:14px;font-weight:700;transition:background .2s}.audi-chat-send:hover:not(:disabled){background:#00d4ff4d}.audi-chat-send:disabled{opacity:.3;cursor:default}.audi-bottom-right{border-left:1px solid #6464b41a;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;padding:12px 16px;display:flex}.audi-action-btn{font-family:var(--font-main);cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.audi-action-btn:active{transform:scale(.96)}.audi-btn-icon{font-size:14px}.audi-btn-start{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f36 0%,#ff1a4d 50%,#c03 100%);border-color:#f366;box-shadow:0 0 16px #ff33664d,0 4px 12px #0000004d}.audi-btn-start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #ff336680,0 4px 16px #0006}.audi-btn-start:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.audi-btn-ready{background:linear-gradient(135deg, var(--color-great) 0%, #00cc6a 100%);color:#000;text-transform:uppercase;letter-spacing:1px;border-color:#00ff884d;box-shadow:0 0 16px #0f83,0 4px 12px #0000004d}.audi-btn-ready:hover{transform:translateY(-1px);box-shadow:0 0 24px #0f86,0 4px 16px #0006}.audi-btn-unready{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f80 0%,#f60 100%);border-color:#ff88004d;box-shadow:0 0 12px #f803}.audi-btn-unready:hover{transform:translateY(-1px);box-shadow:0 0 20px #f806}.audi-btn-exit{color:var(--text-secondary);background:#3c3c5066;border-color:#64648c33;padding:8px 16px;font-size:12px}.audi-btn-exit:hover{color:#f66;background:#ff323226;border-color:#ff32324d}.audi-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.audi-modal{flex-direction:column;width:100%;max-width:600px;max-height:80vh;padding:0;display:flex;overflow:hidden}.audi-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.audi-modal-header h3{margin:0;font-size:18px;font-weight:700}.audi-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:20px;transition:all .2s}.audi-modal-close:hover{color:var(--text-primary);background:#ffffff0d}.audi-modal-body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.audi-song-filter{gap:12px;margin-bottom:12px;display:flex}.audi-song-search-input{color:var(--text-primary);font-family:var(--font-main);background:#0a0a1e80;border:1px solid #6464b433;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s}.audi-song-search-input:focus{border-color:var(--accent-cyan)}.audi-song-search-input::placeholder{color:var(--text-muted)}.audi-song-diff-select{color:var(--text-primary);font-family:var(--font-main);cursor:pointer;background:#0a0a1e80;border:1px solid #6464b433;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.audi-song-diff-select:focus{border-color:var(--accent-cyan)}.audi-song-diff-select option{color:var(--text-primary);background:#0a0a1ee6}.audi-no-songs{text-align:center;color:var(--text-muted);padding:40px 20px}@media (width<=900px){.audi-bottom-bar{grid-template-rows:auto auto auto;grid-template-columns:1fr}.audi-bottom-left{border-bottom:1px solid #6464b41a;border-right:none}.audi-bottom-right{border-top:1px solid #6464b41a;border-left:none;flex-direction:row;justify-content:flex-end}.audi-player-grid{gap:12px}.audi-player-slot{width:90px;padding:10px 8px}.audi-player-avatar{width:40px;height:40px}.audi-stage-logo{letter-spacing:6px;font-size:40px}}@media (width<=600px){.audi-room-topbar{flex-direction:column;gap:6px;padding:8px 12px}.audi-bgm-title{max-width:150px}.audi-player-slot{width:70px;padding:8px 4px}.audi-player-avatar{width:36px;height:36px}.audi-player-avatar-letter{font-size:16px}.audi-player-name{max-width:60px;font-size:10px}.audi-song-detail{padding-left:0}}.dance3d-stage{z-index:1;pointer-events:none;position:absolute;inset:0}.dance3d-viewport{z-index:1;width:100%;height:100%;position:absolute;inset:0}.dance3d-viewport canvas{display:block;width:100%!important;height:100%!important}.dance3d-overlays{z-index:2;pointer-events:none;position:absolute;inset:0}.dance3d-label{pointer-events:none;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%)}.dance3d-label__rank{text-shadow:0 1px 3px #000c;color:#ffffffb3;font-size:14px;font-weight:900;line-height:1}.dance3d-label--front .dance3d-label__rank,.dance3d-label__rank--1{font-size:22px}.dance3d-label--front .dance3d-label__rank--1{font-size:28px}.dance3d-label__rank--2{color:#e0e0e0}.dance3d-label__rank--3{color:#cd7f32}.dance3d-label__name{color:#ffffffd9;text-shadow:0 1px 4px #000000e6,0 0 8px #00000080;white-space:nowrap;text-align:center;text-overflow:ellipsis;align-items:center;gap:3px;max-width:100px;font-size:11px;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.dance3d-label--front .dance3d-label__name{color:#fff;max-width:130px;font-size:13px}.dance3d-label--me .dance3d-label__name{color:var(--accent-cyan,#00d4ff)}.dance3d-label__me-badge{color:var(--accent-cyan,#00d4ff);background:#00d4ff40;border-radius:3px;padding:1px 3px;font-size:7px;font-weight:800}.dance3d-label__score{color:#00d4ffb3;text-shadow:0 1px 3px #000c;text-align:center;font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.dance3d-label--front .dance3d-label__score{color:var(--color-perfect,gold);text-shadow:0 0 8px #ffd70066;font-size:11px;font-weight:800}.dance3d-label__combo{color:var(--color-great,#0f8);text-shadow:0 0 6px #0f86;text-align:center;white-space:nowrap;font-size:9px;font-weight:800}.dance3d-label__judgment{text-transform:uppercase;white-space:nowrap;font-size:13px;font-style:italic;font-weight:900;animation:1.2s ease-out forwards dance3d-judgment-float;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.dance3d-label--front .dance3d-label__judgment{font-size:18px}.dance3d-label__judgment--perfect{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ff46fff2,0 0 20px #ff46ffb3}.dance3d-label__judgment--great{color:var(--color-great,#0f8);text-shadow:0 0 12px #0f89}.dance3d-label__judgment--cool{color:var(--color-cool,#00bfff);text-shadow:0 0 12px #00bfff99}.dance3d-label__judgment--bad{color:var(--color-bad,#f44);text-shadow:0 0 12px #f449}.dance3d-label__judgment--miss{color:#666;text-shadow:none}@keyframes dance3d-judgment-float{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-5px)scale(1.15)}to{opacity:0;transform:translateY(-35px)scale(1)}}.dance3d-camera-hint{z-index:10;color:#fff9;text-shadow:0 1px 3px #000c;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;animation:2s ease-out forwards dance3d-hint-fade;position:absolute;top:6px;right:8px}@keyframes dance3d-hint-fade{0%,70%{opacity:1}to{opacity:0}}@media (width<=768px){.dance3d-stage{top:0}.dance3d-label__name{max-width:72px;font-size:9px}.dance3d-label--front .dance3d-label__name{font-size:11px}.dance3d-label__rank{font-size:12px}.dance3d-label--front .dance3d-label__rank{font-size:18px}}.crazy-gauge{opacity:0;pointer-events:none;z-index:50;flex-direction:column;align-items:center;gap:4px;transition:opacity .6s ease-out,transform .6s ease-out;display:flex;position:fixed;top:60px;right:16px;transform:translate(80px)}.crazy-gauge--entered{opacity:1;transform:translate(0)}.crazy-gauge--exiting{opacity:0;transition:opacity .8s ease-in,transform .8s ease-in;transform:translate(80px)scale(.9)}.crazy-gauge__level-badge{text-align:center;background:linear-gradient(135deg,#1a0a3e,#2d1268);border:2px solid #63c;border-radius:6px;padding:3px 12px;box-shadow:0 0 12px #63c6,inset 0 1px #ffffff1a}.crazy-gauge__level-text{color:#cbf;letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:900}.crazy-gauge__label{z-index:5;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:15px 0 30px}.crazy-gauge__letter{font-size:24px;font-weight:900;font-family:var(--font-main,"Inter", sans-serif);text-transform:uppercase;-webkit-text-stroke:1px #000c;filter:drop-shadow(0 2px 4px #000c);line-height:1;transition:all .3s}.crazy-gauge--half .crazy-gauge__letter{animation:2s infinite alternate gauge-text-pulse}.crazy-gauge--full .crazy-gauge__letter{animation:1s infinite alternate gauge-text-pulse}.crazy-gauge--max .crazy-gauge__letter{animation:.4s infinite alternate gauge-text-pulse}@keyframes gauge-text-pulse{0%{filter:drop-shadow(0 0 4px)brightness()}to{filter:drop-shadow(0 0 12px)brightness(1.4);transform:scale(1.1)}}.crazy-gauge__bar{background:linear-gradient(#080818 0%,#0a0a24 50%,#060614 100%);border:2px solid #445;border-radius:6px;width:52px;height:360px;position:relative;overflow:hidden;box-shadow:0 0 16px #000c,0 0 4px #6464c833,inset 0 0 20px #000000e6}.crazy-gauge__segments{z-index:2;flex-direction:column-reverse;display:flex;position:absolute;inset:2px}.crazy-gauge__segment{border-top:1px solid #ffffff0d;flex:1;transition:background-color .25s}.crazy-gauge__segment:first-child{border-top:none}.crazy-gauge__segment--filled{background:#ffffff14}.crazy-gauge__segment--partial{background:#ffffff0a}.crazy-gauge__fill{z-index:1;border-radius:0 0 3px 3px;transition:height .35s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:0;left:2px;right:2px}.crazy-gauge--empty .crazy-gauge__fill{background:linear-gradient(#8ef 0%,#4df 10%,#0af 40%,#17d 70%,#0844aa 100%);box-shadow:0 0 14px #00aaff80,inset 0 0 10px #0af3}.crazy-gauge--half .crazy-gauge__fill{background:linear-gradient(#ce4 0%,#ae0 20%,#6d0 45%,#2a4 75%,#162 100%);box-shadow:0 0 16px #66dd0080,inset 0 0 12px #66dd0026}.crazy-gauge--full .crazy-gauge__fill{background:linear-gradient(#fe6 0%,#fc3 10%,#fa0 30%,#f60 55%,#c30 80%,#a10 100%);animation:.8s ease-in-out infinite alternate gauge-pulse;box-shadow:0 0 20px #ff6600b3,inset 0 0 14px #fa03}.crazy-gauge--max .crazy-gauge__fill{background:linear-gradient(#f08 0%,#c4f 10%,#0bf 28%,#0f8 46%,#fd0 64%,#f60 82%,#f04 100%);animation:.4s ease-in-out infinite alternate gauge-max-pulse,2.5s linear infinite gauge-rainbow;box-shadow:0 0 30px #ff6400cc,0 0 50px #0bf6,inset 0 0 20px #ffffff1a}@keyframes gauge-pulse{0%{filter:brightness();box-shadow:0 0 14px #ff660080}to{filter:brightness(1.25);box-shadow:0 0 28px #ffc800e6}}@keyframes gauge-max-pulse{0%{filter:brightness(1.1);box-shadow:0 0 20px #ff640099}to{filter:brightness(1.5);box-shadow:0 0 40px #ffc800,0 0 70px #0bf9}}@keyframes gauge-rainbow{0%{filter:hue-rotate()brightness(1.2)}to{filter:hue-rotate(360deg)brightness(1.2)}}.crazy-gauge__marker{z-index:3;pointer-events:none;height:2px;position:absolute;left:2px;right:2px}.crazy-gauge__marker--50{background:linear-gradient(90deg,#0000 0%,#ffffff59 30%,#ffffff80 50%,#ffffff59 70%,#0000 100%);bottom:50%}.crazy-gauge__marker--100{background:0 0;bottom:calc(100% - 2px)}.crazy-gauge__percent{color:#fffc;text-shadow:0 1px 3px #000000e6;z-index:4;white-space:nowrap;font-size:10px;font-weight:900;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.crazy-gauge--max .crazy-gauge__level-badge{background:linear-gradient(135deg,#6b3300,#4a1a00);border-color:#fc0;animation:.4s ease-in-out infinite alternate gauge-max-pulse}.crazy-gauge--max .crazy-gauge__level-text{color:#fd4}.crazy-gauge--full .crazy-gauge__level-badge{background:linear-gradient(135deg,#4a1800,#331000);border-color:#f60}.crazy-gauge--full .crazy-gauge__level-text{color:#fa4}.crazy-gauge--half .crazy-gauge__level-badge{background:linear-gradient(135deg,#0a3300,#062200);border-color:#4a0}.crazy-gauge--half .crazy-gauge__level-text{color:#8d4}.game-page{background:#06060e;position:fixed;inset:0;overflow:hidden}.game-page__yt-bg{z-index:0;opacity:.3;pointer-events:none;position:absolute;inset:0}.game-page__yt-bg iframe,.game-page__yt-bg #yt-player{object-fit:cover;width:100%!important;height:100%!important}.game-page__thumb-bg{z-index:0;filter:blur(8px)brightness(.35);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.game-page__canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0;background:0 0!important}.game-page__hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.hud__exit-btn{pointer-events:auto;color:#ff9696b3;font-family:var(--font-main);cursor:pointer;background:#ff323233;border:1px solid #ff505066;border-radius:4px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;position:absolute;top:16px;right:24px}.hud__exit-btn:hover{color:#fff;background:#ff323280;border-color:#ff5050b3}.hud__score{min-width:140px;padding:10px 20px}.hud__score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.hud__score-value{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900}.hud__combo{text-align:center;min-width:80px;transition:all .2s;position:absolute;left:50%;transform:translate(-50%)}.hud__combo-value{color:var(--accent-blue);text-shadow:0 0 20px #00d4ff66;font-size:42px;font-weight:900;line-height:1;transition:transform .15s ease-out}.hud__combo--fire .hud__combo-value{color:var(--color-perfect);text-shadow:0 0 20px #ffd70080,0 0 40px #ff64004d;animation:.6s ease-in-out infinite alternate combo-fire}.hud__combo--fire-2 .hud__combo-value{color:#f80;text-shadow:0 0 25px #f809,0 0 50px #f406;font-size:46px;animation:.4s ease-in-out infinite alternate combo-fire}.hud__combo--fire-3 .hud__combo-value{color:#f30;text-shadow:0 0 30px #ff3300b3,0 0 60px #f006,0 0 90px #f803;font-size:50px;animation:.3s ease-in-out infinite alternate combo-fire}.hud__combo--fire-4 .hud__combo-value{color:#f0f;text-shadow:0 0 30px #ff00ffb3,0 0 60px #00d4ff66,0 0 100px #ffd7004d;font-size:54px;animation:.25s ease-in-out infinite alternate combo-fire,2s linear infinite combo-rainbow}@keyframes combo-fire{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes combo-rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.game-page--flash{animation:.3s ease-out screen-flash}@keyframes screen-flash{0%{box-shadow:inset 0 0 100px #ffd7004d}to{box-shadow:inset 0 0 #0000}}.hud__combo-label{color:var(--text-secondary);letter-spacing:2px;font-size:11px;font-weight:700}.song-box{z-index:10;background:linear-gradient(#3a2870,#2a1858);border:2px solid #64c;border-radius:6px;width:280px;padding:6px 10px;position:absolute;bottom:20px;left:20px;box-shadow:0 0 8px #6444cc4d,inset 0 1px #ffffff14}.song-box__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 2px #0009;margin-bottom:5px;padding-right:40px;font-size:12px;font-weight:700;overflow:hidden}.song-box__bpm{color:var(--accent-cyan);background:#00143299;border:1px solid #00d4ff4d;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:4px;right:10px}.song-box__bar{align-items:center;gap:8px;display:flex}.song-box__progress-track{background:linear-gradient(#1a1040,#100830);border:1px solid #43a;border-radius:4px;flex:1;height:8px;position:relative;overflow:visible}.song-box__progress-fill{background:linear-gradient(90deg,#0bf,#3df);border-radius:3px;height:100%;transition:width .3s;box-shadow:0 0 6px #00bbff80}.song-box__progress-thumb{background:radial-gradient(circle,#fc0,#f90);border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:left .3s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffc80099}.song-box__time{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(#24a,#1a3388);border:1px solid #36c;border-radius:3px;min-width:38px;padding:1px 6px;font-size:11px;font-weight:700}.game-page__countdown{z-index:20;background:#06060eb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown__number{color:var(--accent-blue);text-shadow:0 0 40px #00d4ff80;font-size:120px;font-weight:900;animation:1s ease-out countdownPop}.game-page__leaderboard{z-index:10;scrollbar-width:none;flex-direction:column;gap:4px;width:220px;max-height:calc(100vh - 100px);display:flex;position:absolute;bottom:40px;right:20px;overflow-y:auto}.game-page__leaderboard::-webkit-scrollbar{display:none}.crazy-text-overlay{z-index:200;pointer-events:none;justify-content:center;align-items:center;padding-bottom:15vh;display:flex;position:fixed;inset:0}.crazy-text{text-align:center;font-family:var(--font-main,"Inter", sans-serif);will-change:transform, opacity, filter;line-height:1.1}.crazy-image--dance-time{object-fit:contain;will-change:transform, opacity, filter;filter:drop-shadow(0 0 20px #00c8ff66);width:clamp(250px,60vw,600px);animation:4s ease-out forwards crazy-text-entrance}.crazy-image--move{object-fit:contain;will-change:transform, opacity, filter;filter:drop-shadow(0 0 20px #f366);width:clamp(250px,60vw,600px);animation:2.5s ease-out forwards crazy-move-entrance}.crazy-image--finish{object-fit:contain;will-change:transform, opacity, filter;filter:drop-shadow(0 0 20px #0ef6);width:clamp(200px,50vw,500px);animation:2s ease-out forwards crazy-move-entrance}@keyframes crazy-text-entrance{0%{opacity:0;transform:scale(.3)rotate(-5deg)}10%{opacity:.9;transform:scale(1.3)rotate(2deg)}20%{opacity:.9;transform:scale(1)rotate(0)}85%{opacity:.9;transform:scale(1.05)}to{opacity:0;transform:scale(1.5)}}@keyframes crazy-move-entrance{0%{opacity:0;transform:scale(0)rotate(-10deg)}10%{opacity:.9;transform:scale(1.5)rotate(3deg)}25%{opacity:.9;transform:scale(1.1)rotate(-1deg)}80%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(2)}}.crazy-bonus-overlay{z-index:210;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:3s ease-out forwards crazy-bonus-float;display:flex;position:fixed;top:80px;right:80px}.crazy-bonus__score{color:#fd0;text-shadow:0 0 16px #fd0c,0 0 32px #ff640080,0 3px #c60,0 6px #930;letter-spacing:2px;font-size:clamp(32px,5vw,56px);font-weight:900}.crazy-bonus__label{color:#fa4;text-shadow:0 0 10px #fa49;letter-spacing:4px;font-size:16px;font-weight:800}@keyframes crazy-bonus-float{0%{opacity:0;transform:translateY(20px)scale(.5)}15%{opacity:1;transform:translateY(0)scale(1.2)}30%{transform:translateY(-5px)scale(1)}75%{opacity:1;transform:translateY(-30px)}to{opacity:0;transform:translateY(-60px)}}.leaderboard__player{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141eb3;border:1px solid #ffffff1a;flex-direction:column;padding:5px 10px;transition:all .3s;animation:.3s ease-out slideInRight;display:flex;position:relative}.leaderboard__separator{text-align:center;color:var(--text-muted);letter-spacing:4px;padding:2px 0;font-size:14px}.leaderboard__player--me{background:#2a70d64d;border-color:#2a70d680;box-shadow:inset 0 0 10px #2a70d633}.leaderboard__info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.leaderboard__name-container{align-items:center;gap:8px;display:flex}.leaderboard__rank{text-align:center;min-width:20px;font-size:14px;font-weight:800}.leaderboard__rank--1{text-shadow:var(--glow-gold)}.leaderboard__rank--2{text-shadow:0 0 10px #c0c0c0cc}.leaderboard__rank--3{text-shadow:0 0 10px #cd7f32cc}.leaderboard__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:14px;font-weight:600;overflow:hidden}.leaderboard__score{color:var(--accent-blue);font-size:14px;font-weight:700}.leaderboard__player--me .leaderboard__score{color:var(--color-perfect)}.leaderboard__combo{align-items:center;height:16px;display:flex}.leaderboard__combo-text{color:var(--color-great);font-size:12px;font-weight:700}.leaderboard__judgment{text-transform:uppercase;pointer-events:none;font-size:20px;font-style:italic;font-weight:900;animation:1s ease-out forwards float-up-fade;position:absolute;top:50%;right:110%;transform:translateY(-50%)}.leaderboard__judgment--perfect{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ff46fff2,0 0 20px #ff46fff2,-2px -2px #500069f2,2px -2px #500069f2,-2px 2px #500069f2,2px 2px #500069f2}.leaderboard__judgment--great{color:var(--color-great);text-shadow:var(--glow-green)}.leaderboard__judgment--cool{color:var(--color-cool);text-shadow:var(--glow-blue)}.leaderboard__judgment--bad{color:var(--color-bad);text-shadow:var(--glow-red)}.leaderboard__judgment--miss{color:var(--color-miss)}@keyframes float-up-fade{0%{opacity:0;transform:translateY(-50%)scale(.5)}20%{opacity:1;transform:translateY(-50%)scale(1.2)}to{opacity:0;transform:translateY(-100%)scale(1)}}.game-page__finish-effect{z-index:25;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.finish-effect__text{text-align:center;text-transform:uppercase;letter-spacing:4px;font-size:72px;font-weight:900}.finish-effect__text--pulse{color:var(--color-bad);text-shadow:0 0 20px #f449,0 0 40px #ff44444d;animation:.5s ease-in-out infinite alternate pulse-scale,.3s ease-out slideInRight}@keyframes pulse-scale{0%{transform:scale(1)}to{transform:scale(1.1)}}.finish-effect__text--success{color:var(--color-perfect);text-shadow:0 0 30px #ffd700cc,0 0 60px #ff640080,0 0 100px #fff6;animation:1.5s ease-out forwards explosion-text}.finish-effect__score{color:var(--accent-cyan);text-shadow:0 0 20px #00ffc899;margin-top:10px;font-size:32px}.finish-effect__text--fail{color:var(--text-muted);text-shadow:0 0 20px #64648080;animation:1s ease-in forwards drop-fail}.finish-effect__flash{background:#fff;animation:1s ease-out forwards explosion-flash;position:absolute;inset:0}@keyframes explosion-text{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.5)}20%{opacity:1;transform:scale(1.2)}80%{opacity:1;filter:blur();transform:scale(1.3)}to{opacity:0;filter:blur(10px);transform:scale(2)}}@keyframes explosion-flash{0%{opacity:1}to{opacity:0}}@keyframes drop-fail{0%{opacity:0;transform:translateY(-50px)rotate(-5deg)}20%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1;transform:translateY(20px)rotate(5deg)}to{opacity:0;transform:translateY(200px)rotate(15deg)}}.game-page__results-overlay{z-index:30;background:#06060ed9;justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:absolute;inset:0}.results-overlay{text-align:center;min-width:380px;max-width:440px;padding:40px}.results-overlay__title{margin-bottom:12px;font-size:32px;font-weight:800;animation:.5s ease-out scaleIn}.results-overlay__score{background:linear-gradient(135deg, var(--color-perfect), var(--accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:52px;font-weight:900;animation:.6s ease-out .3s both score-countup}@keyframes score-countup{0%{opacity:0;transform:scale(.5)translateY(20px)}50%{transform:scale(1.15)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.results-overlay__stats{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.stat-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:6px 0;font-size:15px;animation:.3s ease-out both slideInRight;display:flex}.stat-row:first-child{animation-delay:.4s}.stat-row:nth-child(2){animation-delay:.5s}.stat-row:nth-child(3){animation-delay:.6s}.stat-row:nth-child(4){animation-delay:.7s}.stat-row:nth-child(5){animation-delay:.8s}.stat-row:nth-child(6){animation-delay:.9s}.stat-row span:first-child{letter-spacing:.5px;font-size:13px;font-weight:700}.stat-row span:last-child{font-size:18px;font-weight:800}.stat-row--highlight{border-bottom:none;padding-top:12px}.stat-row--highlight span:first-child{color:var(--accent-blue)}.stat-row--highlight span:last-child{color:var(--accent-blue);font-size:22px}.yt-error-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06060ee0;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.yt-error-overlay__box{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(420px,90vw);padding:36px 32px;animation:.3s ease-out scaleIn;display:flex}.yt-error-overlay__icon{filter:grayscale(.3);font-size:48px;line-height:1}.yt-error-overlay__title{color:var(--text-primary);margin:0;font-size:22px;font-weight:900}.yt-error-overlay__desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.yt-error-overlay__yt-link{color:#f44;background:#ff444414;border:1px solid #f446;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.yt-error-overlay__yt-link:hover{color:#fff;background:#f443;border-color:#f44}.yt-error-overlay__actions{gap:12px;width:100%;margin-top:4px;display:flex}.yt-error-overlay__actions .btn{flex:1}.yt-error-overlay__loading{color:#ffd080;margin:0;font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite pulse}.yt-error-overlay__loading--fail{color:var(--text-secondary);animation:none}.game-loading-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06060ee6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-loading-overlay__content{text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(400px,90vw);padding:40px;display:flex}.game-loading-overlay h2{color:var(--text-primary);text-shadow:0 0 10px #00d4ff66;margin:0 0 10px;font-size:24px;font-weight:800}.game-loading-overlay__progress-bar{background:#00000080;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:12px;position:relative;overflow:hidden}.game-loading-overlay__progress-fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));height:100%;transition:width .3s;box-shadow:0 0 10px #00d4ff99}.game-loading-overlay p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.game-loading-overlay__status{animation:1.5s ease-in-out infinite pulse;color:#ffd080!important}.results-table-wrapper{width:100%;max-width:900px;margin:0 auto}.results-header{justify-content:center;align-items:center;gap:20px;margin-bottom:20px;animation:.5s ease-out scaleIn;display:flex}.results-header__stars{letter-spacing:6px;font-size:24px}.results-header--win .results-header__stars{color:var(--color-perfect);text-shadow:var(--glow-gold)}.results-header--lose .results-header__stars{color:var(--text-muted)}.results-header__text{letter-spacing:8px;font-size:56px;font-weight:900}.results-header--win .results-header__text{background:linear-gradient(135deg,gold,orange,#ff6b00);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 20px #ffd70066);-webkit-background-clip:text;background-clip:text}.results-header--lose .results-header__text{color:var(--color-bad);text-shadow:0 0 20px #ff44444d}.results-table{padding:0;overflow-x:auto}.results-table table{border-collapse:collapse;width:100%;font-size:14px}.results-table thead tr{background:#0000004d}.results-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.results-table th:nth-child(2){text-align:left}.results-row{transition:background .2s;animation:.4s ease-out both slideInRight}.results-row:hover{background:#ffffff05}.results-row--me{border-left:3px solid var(--accent-blue);background:#00d4ff0f}.results-row td{text-align:center;border-bottom:1px solid #6464b414;padding:14px}.col-rank{width:60px}.rank-icon{font-size:22px;animation:.6s ease-out both medal-bounce;display:inline-block}.results-row:first-child .rank-icon{animation-delay:.2s}.results-row:nth-child(2) .rank-icon{animation-delay:.4s}.results-row:nth-child(3) .rank-icon{animation-delay:.6s}@keyframes medal-bounce{0%{opacity:0;transform:scale(0)translateY(-20px)}60%{opacity:1;transform:scale(1.3)translateY(5px)}80%{transform:scale(.9)translateY(-2px)}to{transform:scale(1)translateY(0)}}.col-player{align-items:center;gap:8px;display:flex;text-align:left!important}.player-name{font-size:15px;font-weight:700}.you-badge{color:var(--accent-blue);letter-spacing:1px;background:#00d4ff33;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800}.col-score{width:120px}.score-value{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.col-combo-val{color:var(--text-primary);font-weight:700}.col-perfect{font-weight:700;color:var(--color-perfect)!important}.col-great{font-weight:700;color:var(--color-great)!important}.col-cool{font-weight:700;color:var(--color-cool)!important}.col-bad{font-weight:700;color:var(--color-bad)!important}.col-miss{font-weight:700;color:var(--color-miss)!important}th.col-perfect{color:var(--color-perfect)!important}th.col-great{color:var(--color-great)!important}th.col-cool{color:var(--color-cool)!important}th.col-bad{color:var(--color-bad)!important}th.col-miss{color:var(--color-miss)!important}.results{flex-direction:column;align-items:center;gap:28px;width:100%;max-width:960px;padding:20px 0;display:flex}.results__song-info{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 20px;display:flex}.results__song-name{font-size:16px;font-weight:700}.results__song-bpm{color:var(--accent-blue);font-size:14px;font-weight:600}.results__actions{gap:16px;display:flex}.admin-page{justify-content:flex-start;overflow-y:auto}.admin-login{width:min(440px,100%);margin:auto;padding:32px}.admin-login__header{margin-bottom:24px}.admin-login__eyebrow,.admin-header__eyebrow{color:var(--accent-blue);letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.admin-login__title,.admin-header__title{font-size:34px;font-weight:900;line-height:1}.admin-login__form,.admin-card,.admin-card__form{flex-direction:column;gap:16px;display:flex}.admin-shell{flex-direction:column;gap:18px;width:min(1180px,100%);min-height:0;padding:12px 0 24px;display:flex}.admin-header,.admin-card__header--row,.admin-header__actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.admin-header__user{color:var(--text-secondary);font-weight:700}.admin-tabs{border-bottom:2px solid var(--border-subtle);gap:4px;padding-bottom:0;display:flex}.admin-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.admin-tab:hover{color:var(--text-secondary);background:#ffffff08}.admin-tab--active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);background:#00ffc80d}.admin-tab__icon{font-size:16px}.admin-tab__label{white-space:nowrap}.admin-tab-content{flex-direction:column;gap:18px;display:flex}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-stat{padding:16px 18px}.admin-stat span{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.admin-stat strong{color:var(--accent-blue);font-size:30px}.admin-grid{grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:18px;min-height:0;display:grid}.admin-grid--settings{grid-template-columns:1fr 1fr}.admin-card{padding:22px}.admin-card--songs{min-height:520px}.admin-card--full{width:100%}.admin-card__header h2{font-size:20px;font-weight:800}.admin-card__header-actions{align-items:center;gap:8px;display:flex}.admin__field{flex-direction:column;gap:8px;display:flex}.admin__field--inline{flex-direction:row;align-items:center;gap:10px}.admin__field--inline span{white-space:nowrap;min-width:fit-content}.admin__field span{color:var(--text-secondary);font-size:13px;font-weight:700}.input--sm{padding:6px 10px;font-size:13px}.input--xs{width:80px;padding:4px 8px;font-size:12px}.admin__alert{border-radius:var(--radius-md);padding:12px 14px;font-size:14px;line-height:1.4}.admin__alert--error{color:#ff9aa9;background:#ff44441a;border:1px solid #ff444459}.admin__alert--notice{color:var(--accent-cyan);background:#00ffc814;border:1px solid #00ffc840}.admin-empty{color:var(--text-muted);text-align:center;padding:56px 16px}.admin-song-list{flex-direction:column;gap:10px;padding-right:2px;display:flex;overflow-y:auto}.admin-song-toolbar{align-items:center;gap:10px;margin-bottom:4px;display:flex}.admin-song-search{flex:1;align-items:center;gap:8px;display:flex;position:relative}.admin-song-search__icon{pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.admin-song-search__input{width:100%;padding-left:36px!important}.admin-song-search__clear{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:14px;transition:all .15s;position:absolute;right:10px}.admin-song-search__clear:hover{color:var(--accent-cyan);background:#00ffc81a}.admin-song-batch{border-radius:var(--radius-md);background:#00ffc80f;border:1px solid #00ffc833;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;animation:.25s ease-out batch-slide-in;display:flex}@keyframes batch-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-song-batch__count{color:var(--accent-cyan);white-space:nowrap;font-size:13px;font-weight:700}.admin-song-batch__actions{align-items:center;gap:8px;display:flex}.admin-checkbox{cursor:pointer;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.admin-checkbox input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.admin-checkbox__mark{border:2px solid var(--border-subtle);background:#0a0a1e80;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.admin-checkbox__mark:after{content:"";border-bottom:2.5px solid #0000;border-left:2.5px solid #0000;width:10px;height:6px;margin-top:-2px;transition:transform .15s;transform:rotate(-45deg)scale(0)}.admin-checkbox input:checked+.admin-checkbox__mark{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 8px #00ffc84d}.admin-checkbox input:checked+.admin-checkbox__mark:after{border-bottom-color:#0a0a1e;border-left-color:#0a0a1e;transform:rotate(-45deg)scale(1)}.admin-checkbox:hover .admin-checkbox__mark{border-color:#00ffc880}.admin-song-select-all{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0a0a1e40;align-items:center;gap:10px;padding:8px 12px;display:flex}.admin-song-select-all__label{color:var(--text-muted);font-size:12px;font-weight:600}.admin-song{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0a0a1e6b;grid-template-columns:28px 96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;transition:border-color .2s,background .2s;display:grid}.admin-song--selected{background:#00ffc80a;border-color:#00ffc84d}.admin-song--inactive{opacity:.58}.admin-song__checkbox{justify-self:center}.admin-song__thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:96px;height:54px}.admin-song__body{min-width:0}.admin-song__title{align-items:center;gap:8px;min-width:0;margin-bottom:5px;font-size:15px;font-weight:800;display:flex}.admin-song__title-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.admin-song__title .btn-icon{flex-shrink:0}.admin-song__meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.admin-song__url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-song__actions{align-items:center;gap:8px;display:flex}.admin-song__actions .btn{padding:9px 12px;font-size:13px}.admin-pagination{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px 0 4px;display:flex}.admin-pagination__pages{align-items:center;gap:4px;display:flex}.admin-pagination__page{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#0a0a1e4d;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.admin-pagination__page:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00ffc814}.admin-pagination__page--active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#0a0a1e;box-shadow:0 0 10px #00ffc84d}.admin-pagination__page--active:hover{background:var(--accent-cyan);color:#0a0a1e}.admin-pagination__ellipsis{color:var(--text-muted);padding:0 4px;font-size:14px}.admin-song__edit-form{flex-direction:column;gap:6px;display:flex}.admin-song__edit-actions{gap:6px;display:flex}.btn--sm{padding:5px 10px!important;font-size:12px!important}.btn-icon{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;padding:2px 6px;font-size:14px;transition:all .15s}.btn-icon:hover{color:var(--accent-cyan);background:#00ffc81a}.btn-icon--edit{font-size:15px}.btn-icon--remove{color:var(--text-muted);font-size:18px;line-height:1}.btn-icon--remove:hover{color:#f44;background:#ff44441a}.admin-room-list{flex-direction:column;gap:2px;display:flex}.admin-room-header,.admin-room-row{grid-template-columns:60px 1fr 120px 100px 80px;align-items:center;gap:12px;padding:10px 14px;display:grid}.admin-room-header{color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:700}.admin-room-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0a0a1e52;font-size:14px}.admin-room-row:hover{background:#0a0a1e8c}.admin-room-code{color:var(--accent-cyan);font-family:monospace;font-size:16px;font-weight:800}.admin-room-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge--room-waiting{color:#aaa;background:#aaaaaa1a;border-color:#aaaaaa4d}.badge--room-song_selected{color:#4fc3f7;background:#4fc3f71a;border-color:#4fc3f74d}.badge--room-playing{color:#66bb6a;background:#66bb6a1a;border-color:#66bb6a4d}.badge--room-finished{color:#ffd54f;background:#ffd54f1a;border-color:#ffd54f4d}.phrase-global{border-bottom:1px solid var(--border-subtle);gap:24px;margin-bottom:10px;padding:14px 0;display:flex}.phrase-groups{flex-direction:column;gap:6px;display:flex}.phrase-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0a0a1e52;transition:border-color .2s;overflow:hidden}.phrase-group--expanded{border-color:#00ffc840}.phrase-group__header{cursor:pointer;align-items:center;gap:14px;padding:12px 16px;transition:background .15s;display:flex}.phrase-group__header:hover{background:#ffffff08}.phrase-group__info{flex-direction:column;gap:2px;min-width:140px;display:flex}.phrase-group__level{font-size:15px;font-weight:800}.phrase-group__meta{color:var(--text-muted);font-size:12px}.phrase-group__preview{flex-wrap:wrap;flex:1;gap:4px;display:flex}.phrase-group__chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:14px}.phrase-group__body{border-top:1px solid var(--border-subtle);padding:0 16px 16px}.phrase-group__controls{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px 0;display:flex}.phrase-sequences{flex-direction:column;gap:8px;display:flex}.arrow-key{border:1.5px solid;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:800;line-height:1;display:inline-flex}.arrow-key--up{color:#4fc3f7;background:#4fc3f71f;border-color:#4fc3f766}.arrow-key--down{color:#66bb6a;background:#66bb6a1f;border-color:#66bb6a66}.arrow-key--left{color:#ffa726;background:#ffa7261f;border-color:#ffa72666}.arrow-key--right{color:#ef5350;background:#ef53501f;border-color:#ef535066}.arrow-key--reverse{text-shadow:0 0 6px;font-size:11px}.arrow-key-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .1s}.arrow-key-btn:hover{transform:scale(1.15)}.arrow-key-btn:active{transform:scale(.95)}.arrow-key__reverse-badge{opacity:.8;margin-right:1px;font-size:10px}.arrow-more{color:var(--text-muted);align-self:center;font-size:14px}.arrow-editor{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.arrow-editor--reverse .arrow-key-btn .arrow-key{border-style:dashed;box-shadow:0 0 8px}.arrow-editor__controls{align-items:center;gap:2px;display:flex}.arrow-editor__reverse-btn{color:var(--text-muted);cursor:pointer;background:#ffa72614;border:1.5px solid #ffa7264d;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:10px;line-height:1;transition:all .15s;display:flex}.arrow-editor__reverse-btn:hover{color:#ffa726;background:#ffa7262e;border-color:#ffa726}.arrow-editor__reverse-btn--active{color:#ffa726;background:#ffa72638;border-color:#ffa726;box-shadow:0 0 6px #ffa72666}.arrow-editor__remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1.5px solid #ff444440;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:11px;line-height:1;transition:all .15s;display:flex}.arrow-editor__remove-btn:hover{color:#f44;background:#ff44441f;border-color:#f44}.phrase-sequence{border-radius:var(--radius-sm);background:#0003;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.phrase-sequence__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.phrase-sequence__label{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.phrase-sequence__reverse-badge{color:#ffa726;background:#ffa72626;border:1px solid #ffa7264d;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:800}.phrase-sequence__step-actions{align-items:center;gap:6px;display:flex}.phrase-sequence__arrows{flex-wrap:wrap;gap:4px;display:flex}.phrase-sequence__arrows--finish{gap:6px}.phrase-group--finish{border-color:#ffd54f40}.phrase-group--finish .phrase-group__level{color:#ffd54f}.phrase-finish-legend{color:var(--text-muted);border-radius:var(--radius-sm);background:#ffd54f0f;border:1px solid #ffd54f2e;margin-bottom:10px;padding:8px 12px;font-size:12px;line-height:1.6}.btn--xs{border-radius:4px!important;padding:3px 8px!important;font-size:11px!important}.btn--accent{color:#ffa726;background:#ffa7261f;border:1.5px solid #ffa72666}.btn--accent:hover{background:#ffa72638;border-color:#ffa726}.settings-info{padding:16px 0}.settings-info__row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.settings-info__row span{color:var(--text-secondary)}.settings-info__row strong{color:var(--accent-cyan)}@media (width<=900px){.admin-grid,.admin-grid--settings,.admin-stats{grid-template-columns:1fr}.admin-song{grid-template-columns:28px 80px minmax(0,1fr)}.admin-song__thumb{width:80px;height:45px}.admin-song__actions{grid-column:1/-1;justify-content:flex-end}.admin-room-header,.admin-room-row{grid-template-columns:50px 1fr 90px 60px;font-size:13px}.admin-room-row span:nth-child(5),.admin-room-header span:nth-child(5){display:none}}@media (width<=560px){.admin-page{padding:16px}.admin-header,.admin-header__actions,.admin-card__header--row{flex-direction:column;align-items:flex-start}.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-tab{padding:10px 14px;font-size:13px}.admin-song{grid-template-columns:28px 1fr}.admin-song__thumb{grid-column:1/-1}.admin-song-batch{flex-direction:column;gap:8px}.admin-song__thumb{aspect-ratio:16/9;width:100%;height:auto}.admin-song__actions{justify-content:stretch}.admin-song__actions .btn{flex:1}.phrase-group__preview{display:none}.phrase-group__info{min-width:0}}.rgm-page{z-index:9999;background:#0d0d1a;width:100vw;height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.rgm-sidebar{z-index:10;background:linear-gradient(#12122a 0%,#0d0d1f 100%);border-right:1px solid #6464ff26;flex-direction:column;width:380px;min-width:380px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.rgm-sidebar.closed{opacity:0;pointer-events:none;position:absolute;transform:translate(-100%)}.sidebar-header{background:linear-gradient(135deg,#1a1a3e 0%,#2a1a4e 100%);border-bottom:1px solid #6464ff33;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.sidebar-toggle{color:#aaa;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.sidebar-toggle:hover{color:#f66;background:#ff646433}.gender-tabs{border-bottom:1px solid #6464ff1a;gap:8px;padding:12px 20px;display:flex}.gender-tab{color:#88a;cursor:pointer;background:#ffffff08;border:1px solid #6464ff33;border-radius:10px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .25s}.gender-tab:hover{color:#aaf;background:#6464ff1a}.gender-tab.active{color:#fff;background:linear-gradient(135deg,#4a3aff 0%,#7c3aed 100%);border-color:#0000;box-shadow:0 4px 15px #643cff4d}.part-tabs{scrollbar-width:none;border-bottom:1px solid #6464ff1a;gap:4px;padding:10px 14px;display:flex}.part-tabs::-webkit-scrollbar{display:none}.part-tab{color:#88a;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:none;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.part-tab:hover{color:#bbf;background:#6464ff26}.part-tab.active{color:#fff;background:#6464ff40;box-shadow:inset 0 0 0 1px #6464ff66}.search-bar{border-bottom:1px solid #6464ff1a;padding:10px 20px}.search-bar input{color:#ddd;box-sizing:border-box;background:#ffffff0a;border:1px solid #6464ff33;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:border-color .2s,box-shadow .2s}.search-bar input::placeholder{color:#557}.search-bar input:focus{border-color:#6464ff80;box-shadow:0 0 0 3px #6464ff1a}.current-outfit{border-bottom:1px solid #6464ff1a;padding:10px 20px}.current-outfit h4{text-transform:uppercase;letter-spacing:1px;color:#668;margin:0;font-size:11px}.reset-outfit-btn{color:#f88;cursor:pointer;background:#ff64641a;border:1px solid #ff646433;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s}.reset-outfit-btn:hover{color:#faa;background:#ff646433}.outfit-chips{flex-wrap:wrap;gap:6px;display:flex}.outfit-chip{color:#aaf;background:#6464ff1a;border:1px solid #6464ff26;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.outfit-chip.default{opacity:.6}.remove-part-btn{color:#f88;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-left:2px;padding:0;font-size:12px;line-height:1;transition:all .2s;display:inline-flex}.remove-part-btn:hover{color:#faa;background:#ff646433}.catalog-grid{scrollbar-width:thin;scrollbar-color:#6464ff33 transparent;flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;min-height:0;padding:12px;display:grid;overflow-y:auto}.catalog-grid::-webkit-scrollbar{width:6px}.catalog-grid::-webkit-scrollbar-track{background:0 0}.catalog-grid::-webkit-scrollbar-thumb{background:#6464ff33;border-radius:3px}.catalog-loading,.catalog-empty{text-align:center;color:#668;grid-column:1/-1;padding:40px 20px;font-size:14px}.catalog-item{cursor:pointer;background:#ffffff08;border:1px solid #6464ff14;border-radius:10px;transition:all .25s;position:relative;overflow:hidden}.catalog-item:hover{background:#6464ff14;border-color:#6464ff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.catalog-item.selected{background:#643cff1f;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed4d,0 4px 12px #643cff33}.item-thumb{aspect-ratio:1;background:radial-gradient(circle,#ffffff26 0%,#ffffff05 100%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.item-thumb img{object-fit:contain;width:100%;height:100%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.catalog-item:hover .item-thumb img{transform:scale(1.1)}.item-info{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.item-name{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.item-code{color:#557;font-family:monospace;font-size:9px}.item-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f44,#f63);border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:4px;left:4px}.catalog-pagination{border-top:1px solid #6464ff1a;justify-content:center;align-items:center;gap:16px;padding:12px;display:flex}.catalog-pagination button{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #6464ff33;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.catalog-pagination button:hover:not(:disabled){color:#fff;background:#6464ff26}.catalog-pagination button:disabled{opacity:.3;cursor:not-allowed}.catalog-pagination span{color:#888;font-size:13px}.sidebar-open-btn{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#aaf;cursor:pointer;background:#12122ae6;border:1px solid #6464ff4d;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s;position:absolute;top:16px;left:16px}.sidebar-open-btn:hover{color:#fff;background:#6464ff26;box-shadow:0 4px 20px #643cff33}.rgm-viewport{flex:1;height:100vh;position:relative}.rgm-loading-overlay{color:#aaf;pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:16px;font-size:16px;font-weight:500;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rgm-spinner{border:3px solid #6464ff1a;border-top-color:#7c3aed;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite rgm-spin}@keyframes rgm-spin{to{transform:rotate(360deg)}}.rgm-error{color:#f66;z-index:5;background:#ff323226;border:1px solid #ff32324d;border-radius:10px;padding:12px 20px;font-size:13px;position:absolute;top:20px;right:20px}.anim-section{border-top:1px solid #6464ff26;flex-direction:column;gap:10px;min-height:0;padding:12px 16px;display:flex}.anim-header{justify-content:space-between;align-items:center;display:flex}.anim-header h4{color:#ddd;letter-spacing:.3px;margin:0;font-size:13px;font-weight:700}.anim-mode-badge{color:#aaf;background:#6464ff1f;border:1px solid #6464ff33;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.anim-playback{align-items:center;gap:8px;display:flex}.anim-btn{color:#ccc;cursor:pointer;background:#ffffff0d;border:1px solid #6464ff40;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.anim-btn:hover{color:#fff;background:#6464ff26;border-color:#6464ff66}.anim-btn.playing{color:#aaf;background:#6464ff33;border-color:#6464ff66}.anim-speed{flex:1;align-items:center;gap:8px;margin-left:4px;display:flex}.anim-speed span{color:#888;text-align:right;min-width:30px;font-family:monospace;font-size:11px;font-weight:600}.anim-speed input[type=range]{appearance:none;background:#6464ff33;border-radius:2px;outline:none;flex:1;height:4px}.anim-speed input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4a3aff);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #643cff66}.anim-levels{flex-wrap:wrap;gap:4px;display:flex}.anim-level-btn{color:#779;cursor:pointer;background:#ffffff08;border:1px solid #6464ff26;border-radius:14px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s}.anim-level-btn:hover{color:#aaf;background:#6464ff1a}.anim-level-btn.active{color:#fff;background:#6464ff40;border-color:#6464ff66}.anim-search{display:flex}.anim-search input{color:#ddd;box-sizing:border-box;background:#ffffff0a;border:1px solid #6464ff26;border-radius:8px;outline:none;width:100%;padding:7px 12px;font-size:12px;transition:border-color .2s}.anim-search input::placeholder{color:#557}.anim-search input:focus{border-color:#6464ff66}.anim-list{scrollbar-width:thin;scrollbar-color:#6464ff33 transparent;flex-direction:column;flex:1;gap:4px;max-height:200px;display:flex;overflow-y:auto}.anim-list::-webkit-scrollbar{width:4px}.anim-list::-webkit-scrollbar-thumb{background:#6464ff33;border-radius:2px}.anim-list-loading,.anim-list-empty{text-align:center;color:#557;padding:16px 8px;font-size:12px}.anim-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #6464ff14;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.anim-item:hover{background:#6464ff14;border-color:#6464ff40}.anim-item.active{background:#643cff26;border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed4d}.anim-item:disabled{opacity:.5;cursor:wait}.anim-item-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.anim-item-meta{flex-shrink:0;align-items:center;gap:6px;display:flex}.anim-level-badge{color:#aaf;white-space:nowrap;background:#6464ff33;border:1px solid #6464ff4d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.anim-type-badge{color:#6c8;white-space:nowrap;background:#50c87826;border:1px solid #50c8784d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.anim-type-badge.type-8{color:#f93;background:#ff8c0026;border-color:#ff8c004d}.anim-skill-id{color:#889;white-space:nowrap;font-family:monospace;font-size:11px;font-weight:500}.lobby-piece-list{scrollbar-width:thin;scrollbar-color:#6464ff33 transparent}.lobby-piece-list::-webkit-scrollbar{width:4px}.lobby-piece-list::-webkit-scrollbar-thumb{background:#6464ff33;border-radius:2px}.lobby-piece-item{cursor:pointer;text-align:left;box-sizing:border-box;background:#ffffff05;border:1px solid #6464ff14;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:all .2s;display:flex}.lobby-piece-item:hover{background:#6464ff14;border-color:#6464ff40}.lobby-piece-item.loaded{background:#50c87814;border-color:#50c87840}.lobby-piece-item:disabled{opacity:.5;cursor:wait}.lobby-piece-toggle{text-align:center;flex-shrink:0;width:20px;font-size:14px}.lobby-piece-label{color:#ccc;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.lobby-piece-file{color:#668;flex-shrink:0;font-family:monospace;font-size:10px}.lobby-piece-size{color:#557;text-align:right;flex-shrink:0;min-width:40px;font-family:monospace;font-size:10px}@media (width<=768px){.rgm-sidebar{width:100vw;min-width:100vw;position:absolute}.catalog-grid{grid-template-columns:repeat(4,1fr)}}.wardrobe-page{z-index:9999;background:#110e20;width:100vw;height:100vh;font-family:Inter,Segoe UI,system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.wardrobe-page:before{content:"";opacity:.4;pointer-events:none;z-index:0;background:radial-gradient(at 20%,#9632ff1a 0%,#0000 60%),radial-gradient(at 80% 20%,#ff643214 0%,#0000 50%),url(/images/bg/halloween_bg.jpg) 50%/cover no-repeat;position:absolute;inset:0}.wardrobe-character-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0f0a1eb3;border-right:2px solid #b464ff4d;flex-direction:column;flex:0 0 380px;padding:10px;display:flex;position:relative;box-shadow:10px 0 30px #00000080}.wardrobe-char-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wardrobe-char-header h2{background:linear-gradient(#fa0,#f50);-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px #00000080;letter-spacing:1px;-webkit-background-clip:text;margin:0;font-size:22px;font-weight:800}.wardrobe-back-btn{color:#fcc;cursor:pointer;background:#ff323233;border:1px solid #ff646480;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.wardrobe-back-btn:hover{color:#fff;background:#ff323266}.wardrobe-viewport-container{background:radial-gradient(#5028784d 0%,#140a28cc 100%);border:2px solid #c896ff66;border-radius:12px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.wardrobe-viewport{width:100%;height:100%}.wardrobe-current-overlay{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;right:10px}.wardrobe-chip{pointer-events:auto;color:#fff;background:#642896cc;border:1px solid #c864ff80;border-radius:12px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px 8px #00000080}.wardrobe-chip button{color:#fa5;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.wardrobe-chip button:hover{color:#f55}.wardrobe-money-display{background:#140a28cc;border:2px solid #b464ff80;border-radius:8px;flex-direction:column;gap:8px;margin-top:10px;padding:10px;display:flex}.money-row{background:#00000080;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:16px;font-weight:800;display:flex}.money-row.den{color:#f8f}.money-row.den span{color:#fff}.money-row.cash{color:#8ff}.money-row.cash span{color:#fff}.wardrobe-mall-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#7832c833;flex-direction:column;flex:1;padding:15px 20px;display:flex;position:relative}.mall-top-bar{background:linear-gradient(90deg,#9632ff66,#501e961a);border:2px solid #c864ff66;border-bottom:none;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.mall-title{align-items:baseline;gap:15px;display:flex}.mall-title h3{color:#fff;text-shadow:2px 2px 4px #0009;margin:0;font-size:24px}.mall-subtitle{color:#afa;background:#00640080;border:1px solid #5a5;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.mall-controls{align-items:center;gap:12px;display:flex}.mall-gender-toggle{background:#0006;border:1px solid #9664ff4d;border-radius:8px;display:flex;overflow:hidden}.mall-gender-btn{color:#aaa;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:700}.mall-gender-btn.active{color:#fff;background:linear-gradient(#a5f,#62c)}.mall-skin-select,.mall-sort-select{color:#fff;cursor:pointer;background:#00000080;border:1px solid #9664ff80;border-radius:8px;outline:none;padding:8px 12px;font-weight:600}.mall-skin-select option,.mall-sort-select option{background:#214}.mall-reset-btn{color:#fff;cursor:pointer;background:linear-gradient(#fa5,#c50);border:1px solid #fc8;border-radius:8px;padding:8px 16px;font-weight:700;box-shadow:0 4px 10px #0000004d}.mall-reset-btn:hover{background:linear-gradient(#fb7,#e72)}.mall-part-tabs{background:#501e78cc;border-left:2px solid #c864ff66;border-right:2px solid #c864ff66;display:flex}.mall-part-tab{color:#cae;cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff1a;flex:1;padding:12px 0;font-size:14px;font-weight:700;transition:all .2s}.mall-part-tab:last-child{border-right:none}.mall-part-tab:hover{color:#fff;background:#ffffff1a}.mall-part-tab.active{color:#fff;background:linear-gradient(#c864ff66,#643296cc);box-shadow:inset 0 -3px #fa0}.mall-filter-bar{background:#280f50e6;border-bottom:2px solid #c864ff66;border-left:2px solid #c864ff66;border-right:2px solid #c864ff66;justify-content:space-between;padding:10px 20px;display:flex}.mall-search input{color:#fff;background:#00000080;border:1px solid #9664ff80;border-radius:20px;outline:none;width:250px;padding:8px 16px}.mall-catalog-grid{scrollbar-width:thin;scrollbar-color:#a5f #00000080;background:#140a2899;border:2px solid #9664ff4d;border-radius:12px;flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:max-content;gap:15px;margin-top:15px;padding:15px;display:grid;overflow-y:auto}.mall-catalog-grid::-webkit-scrollbar{width:8px}.mall-catalog-grid::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.mall-catalog-grid::-webkit-scrollbar-thumb{background:#a5f;border-radius:4px}.mall-item{cursor:pointer;background:#ffffff0d;border:2px solid #9664ff33;border-radius:10px;flex-direction:column;padding:10px;transition:all .2s;display:flex;position:relative}.mall-item:hover{background:#ffffff1a;border-color:#c896ff99;transform:translateY(-2px)}.mall-item.selected{background:#9632ff33;border-color:#fa0;box-shadow:0 0 15px #ffaa004d}.mall-item-thumb{aspect-ratio:1;background:radial-gradient(circle,#ffffff1a,#0000);border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;display:flex;overflow:hidden}.mall-item-thumb img{object-fit:contain;width:90%;height:90%}.mall-item-info{flex-direction:column;gap:6px;display:flex}.mall-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:13px;font-weight:600;overflow:hidden}.mall-item-price-box{text-align:right;background:#0009;border-radius:6px;padding:6px}.price{font-size:12px;font-weight:800}.price.cash{color:#8ff}.price.den{color:#f8f}.price.free{color:#afa;text-align:center}.mall-badge-new{color:#fff;background:linear-gradient(135deg,#f30,#fa0);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-5px;left:-5px;transform:rotate(-10deg);box-shadow:0 2px 5px #00000080}.mall-badge-equipped{color:#fff;background:linear-gradient(135deg,#a5f,#50a);border:2px solid #fa0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:900;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 2px 8px #00000080}.mall-pagination{background:#0006;border-radius:8px;justify-content:center;align-items:center;gap:20px;margin-top:15px;padding:10px;display:flex}.mall-pagination button{color:#fff;cursor:pointer;background:#9664ff4d;border:1px solid #c896ff80;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.mall-pagination button:hover:not(:disabled){background:#c864ff99}.mall-pagination button:disabled{opacity:.3;cursor:not-allowed}.mall-pagination span{color:#cae;font-size:14px;font-weight:700}.mall-loading,.mall-empty{text-align:center;color:#a8f;grid-column:1/-1;padding:50px;font-size:18px;font-weight:600}.wardrobe-loading-overlay{color:#fff;z-index:100;background:#140a28e6;border:2px solid #a5f;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:20px 40px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #000c}.wardrobe-spinner{border:4px solid #ffffff1a;border-top-color:#fa0;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.wardrobe-error{color:#fff;z-index:100;background:#f33;border-radius:8px;padding:10px 20px;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 5px 15px #00000080}