@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&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{0%{transform:rotate(0)}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}.online-players-panel{background:#0a0a28d9;border:3px solid #3cf;border-radius:8px;flex-direction:column;flex:0 0 180px;display:flex;overflow:hidden;box-shadow:0 0 10px #32c8ff33,inset 0 0 20px #00000080}.online-players-header{background:linear-gradient(#65c,#43a);border-bottom:2px solid #3cf;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.online-players-title{color:#fff;text-shadow:1px 1px 1px #0009;font-size:12px;font-weight:700}.online-players-count{color:#ffe066;background:#0006;border:1px solid #ffe0664d;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.online-players-list{flex:1;padding:4px 0;overflow-y:auto}.online-players-list::-webkit-scrollbar{width:6px}.online-players-list::-webkit-scrollbar-track{background:#0003}.online-players-list::-webkit-scrollbar-thumb{background:#335;border-radius:3px}.online-player-row{color:#ccc;align-items:center;gap:6px;padding:3px 10px;font-size:12px;transition:background .1s;display:flex}.online-player-row:hover{background:#6450c833}.online-player-row--me{color:#fff;background:#00b4ff14}.online-player-dot{background:#0f6;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 4px #0f6}.online-player-dot--me{background:#0cf;box-shadow:0 0 4px #0cf}.online-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.online-player-me-tag{color:#0cf;background:#00c8ff26;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.online-players-empty{text-align:center;color:#556;padding:20px 10px;font-size:11px;font-style:italic}.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-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-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}}.dance-floor-cats{z-index:8;pointer-events:none;height:180px;position:absolute;top:28%;left:0;right:0}.dance-floor-cats--finish{z-index:12}.dance-cat{flex-direction:column;align-items:center;gap:2px;transition:opacity .3s;display:flex;position:absolute;bottom:0;transform:translate(-50%)}@keyframes cat-bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-12px)rotate(-2deg)}50%{transform:translateY(-6px)rotate(0)}75%{transform:translateY(-14px)rotate(2deg)}}@keyframes cat-bounce{0%,to{transform:translateY(0)scaleY(1)}15%{transform:translateY(4px)scaleY(.92)scaleX(1.06)}40%{transform:translateY(-20px)scaleY(1.08)scaleX(.96)}55%{transform:translateY(-18px)scaleY(1.04)}80%{transform:translateY(-2px)scaleY(.96)scaleX(1.04)}}@keyframes cat-headbang{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(-12deg)}40%{transform:translateY(3px)rotate(8deg)}60%{transform:translateY(-6px)rotate(-10deg)}80%{transform:translateY(2px)rotate(6deg)}}@keyframes cat-sway{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-10px)rotate(-6deg)}50%{transform:translate(0)rotate(0)}75%{transform:translate(10px)rotate(6deg)}}@keyframes cat-jump{0%{transform:translateY(0)scaleY(1)scaleX(1)}10%{transform:translateY(5px)scaleY(.85)scaleX(1.12)}35%{transform:translateY(-28px)scaleY(1.1)scaleX(.92)}55%{transform:translateY(-24px)scaleY(1.05)}85%{transform:translateY(-2px)scaleY(.94)scaleX(1.06)}to{transform:translateY(0)scaleY(1)scaleX(1)}}@keyframes cat-wiggle{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-6px)rotate(-4deg)}20%{transform:translate(6px)rotate(4deg)}30%{transform:translate(-5px)rotate(-3deg)}40%{transform:translate(5px)rotate(3deg)}50%{transform:translate(-4px)rotate(-2deg)}60%{transform:translate(4px)rotate(2deg)}70%{transform:translate(-3px)rotate(-1deg)}80%{transform:translate(3px)rotate(1deg)}90%{transform:translate(-1px)rotate(0)}}@keyframes cat-float{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-10px)rotate(2deg)scale(1.03)}50%{transform:translateY(-16px)rotate(-1deg)scale(1.05)}75%{transform:translateY(-8px)rotate(1deg)scale(1.02)}}@keyframes cat-nod{0%,to{transform:translateY(0)rotate(0)}15%{transform:translateY(3px)rotate(5deg)}30%{transform:translateY(-4px)rotate(-3deg)}50%{transform:translateY(2px)rotate(4deg)}70%{transform:translateY(-3px)rotate(-2deg)}85%{transform:translateY(1px)rotate(3deg)}}@keyframes cat-rock{0%,to{transform:translate(0)translateY(0)rotate(0)}25%{transform:translate(-8px)translateY(-6px)rotate(-8deg)}50%{transform:translate(0)translateY(-2px)rotate(0)}75%{transform:translate(8px)translateY(-6px)rotate(8deg)}}@keyframes cat-tilt{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-10deg)translateY(-4px)}40%{transform:rotate(8deg)translateY(-8px)}60%{transform:rotate(-6deg)translateY(-4px)}80%{transform:rotate(4deg)translateY(-2px)}}@keyframes cat-shake{0%,to{transform:translate(0)translateY(0)rotate(0)}10%{transform:translate(-5px)translateY(-3px)rotate(-5deg)}20%{transform:translate(5px)translateY(2px)rotate(5deg)}30%{transform:translate(-4px)translateY(-5px)rotate(-4deg)}40%{transform:translate(4px)translateY(3px)rotate(4deg)}50%{transform:translate(-3px)translateY(-4px)rotate(-3deg)}60%{transform:translate(3px)translateY(2px)rotate(3deg)}70%{transform:translate(-2px)translateY(-3px)rotate(-2deg)}80%{transform:translate(2px)translateY(1px)rotate(2deg)}90%{transform:translate(-1px)translateY(-1px)rotate(-1deg)}}@keyframes cat-groove{0%,to{transform:translateY(0)scaleX(1)scaleY(1)rotate(0)}15%{transform:translateY(-4px)scaleX(1.04)scaleY(.96)rotate(-3deg)}30%{transform:translateY(-10px)scaleX(.96)scaleY(1.04)rotate(2deg)}50%{transform:translateY(-6px)scaleX(1.02)scaleY(.98)rotate(-2deg)}70%{transform:translateY(-12px)scaleX(.98)scaleY(1.02)rotate(3deg)}85%{transform:translateY(-4px)scaleX(1.02)scaleY(.98)rotate(-1deg)}}@keyframes cat-tornado{0%{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-18px)rotate(72deg)scale(1.05)}40%{transform:translateY(-10px)rotate(144deg)scale(.98)}60%{transform:translateY(-22px)rotate(216deg)scale(1.06)}80%{transform:translateY(-8px)rotate(288deg)scale(.97)}to{transform:translateY(0)rotate(360deg)scale(1)}}@keyframes cat-flip{0%{transform:translateY(0)scaleY(1)rotate(0)}15%{transform:translateY(6px)scaleY(.8)rotate(0)}35%{transform:translateY(-30px)scaleY(1.1)rotate(-10deg)}50%{transform:translateY(-35px)scaleY(-1)rotate(0)}65%{transform:translateY(-25px)scaleY(-.6)rotate(10deg)}80%{transform:translateY(-8px)scaleY(.9)rotate(0)}90%{transform:translateY(3px)scaleY(1.05)rotate(0)}to{transform:translateY(0)scaleY(1)rotate(0)}}@keyframes cat-hype{0%,to{transform:translate(0)translateY(0)rotate(0)scale(1)}8%{transform:translate(-6px)translateY(-8px)rotate(-8deg)scale(1.04)}16%{transform:translate(6px)translateY(-16px)rotate(8deg)scale(1.08)}24%{transform:translate(-4px)translateY(-12px)rotate(-6deg)scale(1.02)}32%{transform:translate(8px)translateY(-20px)rotate(12deg)scale(1.1)}40%{transform:translate(-8px)translateY(-14px)rotate(-10deg)scale(1.06)}48%{transform:translate(4px)translateY(-22px)rotate(6deg)scale(1.12)}56%{transform:translate(-6px)translateY(-18px)rotate(-8deg)scale(1.04)}64%{transform:translate(6px)translateY(-10px)rotate(10deg)scale(1.08)}72%{transform:translate(-4px)translateY(-14px)rotate(-4deg)scale(1.02)}80%{transform:translate(3px)translateY(-6px)rotate(6deg)scale(1.04)}90%{transform:translate(-2px)translateY(-2px)rotate(-2deg)scale(1.01)}}@keyframes cat-spin{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.08)}50%{transform:rotate(180deg)scale(1)}75%{transform:rotate(270deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}.dance-cat--dancing .dance-cat__sprite{animation:var(--anim-name,cat-bob) var(--anim-duration,.4s) ease-in-out infinite;opacity:1;filter:brightness(1.1)drop-shadow(0 0 8px #ffffff4d);transition:opacity .2s,filter .2s}.dance-cat--finish-move.dance-cat--dancing .dance-cat__sprite{animation:cat-spin var(--anim-duration,.3s) linear infinite}.dance-cat--idle .dance-cat__sprite{opacity:.85;filter:brightness(.9);transition:opacity .5s,filter .5s;animation:none}.dance-cat__sprite{z-index:2;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.dance-cat__image{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 4px #00000059);width:100%;height:100%}.dance-cat__fallback{filter:drop-shadow(0 4px 8px #00000080);justify-content:center;align-items:center;width:100%;height:100%;font-size:52px;display:flex}.dance-cat__ring{z-index:1;background:radial-gradient(#6464a01a 0%,#3c3c640d 50%,#0000 70%);border:1px solid #6464a014;border-radius:50%;width:72px;height:22px;transition:all .4s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.dance-cat__ring--active{background:radial-gradient(#00ffc859 0%,#00d4ff33 35%,#b44dff1a 60%,#0000 100%);border-color:#00ffc859;width:90px;height:30px;animation:1.2s ease-in-out infinite alternate ring-pulse;box-shadow:0 0 20px #00ffc840,0 0 40px #00d4ff1f,0 0 60px #b44dff0f}.dance-cat__ring--finish{background:radial-gradient(#ffd70073 0%,#ffa50040 35%,#ff64001a 60%,#0000 100%);border-color:#ffd70080;width:100px;height:34px;animation:.6s ease-in-out infinite alternate ring-pulse-gold;box-shadow:0 0 24px #ffd70059,0 0 48px #ffa50033,0 0 72px #ff64001a}@keyframes ring-pulse{0%{transform:translate(-50%)scale(1);box-shadow:0 0 16px #00ffc833,0 0 32px #00d4ff1a,0 0 48px #b44dff0a}to{transform:translate(-50%)scale(1.06);box-shadow:0 0 28px #00ffc859,0 0 56px #00d4ff2e,0 0 80px #b44dff14}}@keyframes ring-pulse-gold{0%{transform:translate(-50%)scale(1);box-shadow:0 0 20px #ffd7004d,0 0 40px #ffa50026}to{transform:translate(-50%)scale(1.1);box-shadow:0 0 32px #ffd70080,0 0 64px #ffa5004d,0 0 96px #ff640026}}.dance-cat__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:4px;max-width:100px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.dance-cat--me .dance-cat__name{color:var(--accent-cyan)}.dance-cat__me-badge{color:var(--accent-cyan);background:#00d4ff40;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800}.dance-cat__combo{color:var(--color-great,#0f8);text-shadow:0 0 8px #0f86;text-align:center;white-space:nowrap;letter-spacing:.5px;font-size:10px;font-weight:800}.dance-cat__judgment{text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:10;font-size:16px;font-style:italic;font-weight:900;animation:1.2s ease-out forwards cat-judgment-float;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.dance-cat__judgment--perfect{color:#fff;text-shadow:0 0 4px #fff,0 0 10px #ff46fff2,0 0 20px #ff46ffb3}.dance-cat__judgment--great{color:var(--color-great);text-shadow:0 0 12px #0f89}.dance-cat__judgment--cool{color:var(--color-cool);text-shadow:0 0 12px #00bfff99}.dance-cat__judgment--bad{color:var(--color-bad);text-shadow:0 0 12px #f449}.dance-cat__judgment--miss{color:var(--color-miss);text-shadow:none}@keyframes cat-judgment-float{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.5)}15%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1.15)}to{opacity:0;transform:translate(-50%)translateY(-40px)scale(1)}}@media (width<=768px){.dance-floor-cats{height:140px;top:22%}.dance-cat__sprite{width:60px;height:60px}.dance-cat__ring{width:52px;height:16px}.dance-cat__ring--active{width:64px;height:22px}.dance-cat__name{font-size:9px}.dance-cat__judgment{font-size:13px}}.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:1;width:100%;height:100%;position:absolute;inset:0}.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;font-size:12px;font-weight:700;overflow:hidden}.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;flex-direction:column;gap:8px;width:240px;display:flex;position:absolute;bottom:40px;right:20px}.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:8px 12px;transition:all .3s;animation:.3s ease-out slideInRight;display:flex;position:relative}.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}.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{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0a0a1e6b;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.admin-song--inactive{opacity:.58}.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-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: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:1fr}.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}}