*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#050508;color:#ffffffde;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;position:fixed;inset:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--color-bg: #050510;--color-surface: rgba(20, 20, 35, .6);--color-surface-hover: rgba(30, 30, 50, .8);--color-border: rgba(255, 255, 255, .1);--color-primary: #7000ff;--color-secondary: #ff0055;--color-accent: #00f0ff;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--glass-blur: 16px;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);font-family:Inter,system-ui,sans-serif;line-height:1.5;color-scheme:dark}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);overflow:hidden;-webkit-user-select:none;user-select:none}.glass-panel{background:var(--color-surface);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-weight:600;padding:10px 20px;border-radius:var(--radius-sm);transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7000ff66}.hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box}.hud-top-left{pointer-events:auto;display:flex;gap:10px}.hud-bottom-right{pointer-events:auto;display:flex;gap:15px;align-items:flex-end}.stats-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500}.status-dot{width:8px;height:8px;background-color:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}.status-dot.offline{background-color:#f33;box-shadow:0 0 8px #f33}.login-btn{cursor:pointer;transition:all .2s;border:1px solid rgba(168,85,247,.3)!important}.login-btn:hover{background:#a855f733;border-color:#a855f780!important;transform:translateY(-1px)}.user-badge{transition:all .2s}.user-badge:hover{background:#ffffff26}.user-avatar{font-size:1.1rem}.auth-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.auth-modal{background:linear-gradient(135deg,#1e1e32f2,#141423fa);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;width:100%;max-width:420px;position:relative;box-shadow:0 25px 50px #00000080,0 0 100px #8a2be233;animation:slideUp .3s ease}.auth-modal-close{position:absolute;top:15px;right:20px;background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;transition:color .2s;line-height:1}.auth-modal-close:hover{color:#fff}.auth-modal-header{text-align:center;margin-bottom:30px}.auth-modal-header h2{color:#fff;font-size:28px;margin:0 0 8px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-modal-header p{color:#fff9;margin:0;font-size:14px}.auth-warning{background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:10px;padding:12px 16px;margin-bottom:20px;color:#ffc107;font-size:13px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{color:#ffffffb3;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s}.auth-field input:focus{outline:none;border-color:#a855f7;background:#a855f71a;box-shadow:0 0 20px #a855f733}.auth-field input::placeholder{color:#ffffff4d}.auth-field input:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:12px 16px;color:#ef4444;font-size:13px;text-align:center}.auth-submit{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:10px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #a855f766}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-loading{display:inline-flex;align-items:center;gap:8px}.auth-switch{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.auth-switch p{color:#ffffff80;margin:0;font-size:14px}.auth-switch button{background:none;border:none;color:#a855f7;font-size:14px;cursor:pointer;font-weight:600;transition:color .2s}.auth-switch button:hover{color:#c084fc}@media(max-width:480px){.auth-modal{margin:20px;padding:30px 24px}.auth-modal-header h2{font-size:24px}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{width:90%;max-width:500px;max-height:85vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__title{margin:0;font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,var(--color-neon-pink),var(--color-neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{color:var(--color-text);background:#ffffff1a}.modal__name-section{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__label{display:block;margin-bottom:var(--spacing-xs);font-size:.85rem;color:var(--color-text-muted)}.modal__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:1rem;color:var(--color-text);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:all var(--transition-fast)}.modal__input:focus{border-color:var(--color-neon-blue);box-shadow:0 0 0 2px #00f5ff33}.modal__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal__tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.modal__tab:hover{color:var(--color-text);background:#ffffff0d}.modal__tab--active{color:var(--color-text);background:#ffffff1a;border-color:var(--color-border)}.modal__content{padding:var(--spacing-lg)}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md)}.preset-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.preset-card:hover{background:#ffffff0f;border-color:var(--color-border);transform:translateY(-2px)}.preset-card--selected{background:#ff006e1a;border-color:var(--color-neon-pink)}.preset-card__avatar{position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:10px}.preset-card__head{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.preset-card__name{font-size:.8rem;color:var(--color-text-muted);text-align:center}.customize-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.customize-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customize-item--toggle{flex-direction:row;align-items:center;justify-content:space-between}.customize-item__label{font-size:.85rem;color:var(--color-text-muted)}.customize-item__color{width:100%;height:40px;padding:2px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.customize-item__color::-webkit-color-swatch-wrapper{padding:0}.customize-item__color::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-sm) - 2px)}.customize-item__select{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;color:var(--color-text);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;outline:none}.customize-item__select:focus{border-color:var(--color-neon-blue)}.customize-item__toggle{padding:var(--spacing-xs) var(--spacing-md);font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-muted);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.customize-item__toggle--active{color:var(--color-text);background:var(--color-neon-pink);border-color:var(--color-neon-pink)}.modal__footer{display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.modal__btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:.95rem;font-weight:500;color:var(--color-text);background:#ffffff1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.modal__btn:hover{background:#ffffff26}.modal__btn--primary{color:#fff;background:linear-gradient(135deg,var(--color-neon-pink),var(--color-neon-purple));border:none}.modal__btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-pink)}.mode-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.mode-toggle__btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;font-weight:600;color:var(--color-text-muted);background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mode-toggle__btn:hover{color:var(--color-text);background:#ffffff0d}.mode-toggle__btn--active{color:var(--color-text);background:#00f5ff26;border-color:var(--color-neon-blue)}.mode-toggle__btn--anime.mode-toggle__btn--active{background:linear-gradient(135deg,#ff006e33,#8b00ff33);border-color:var(--color-neon-pink)}.presets-grid--anime{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.preset-card--anime{padding:var(--spacing-sm)}.preset-card__avatar--anime{width:80px;height:100px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;padding-top:8px;position:relative;overflow:hidden}.preset-card__head--anime{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);position:relative;z-index:2}.preset-card__hair{position:absolute;top:2px;width:32px;height:20px;border-radius:50% 50% 0 0;z-index:3}.preset-card__body{width:24px;height:45px;margin-top:-4px;border-radius:12px 12px 6px 6px;position:relative;z-index:1}.customize-grid--anime{grid-template-columns:repeat(2,1fr);max-height:400px;overflow-y:auto;padding-right:var(--spacing-sm)}.customize-grid--anime::-webkit-scrollbar{width:6px}.customize-grid--anime::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.customize-grid--anime::-webkit-scrollbar-thumb{background:var(--color-neon-pink);border-radius:3px}.modal--large{max-width:600px}@media(max-width:600px){.customize-grid--anime{grid-template-columns:1fr}.presets-grid--anime{grid-template-columns:repeat(2,1fr)}.mode-toggle{flex-direction:column}}.chat-toggle-btn{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:#141423cc;cursor:pointer;transition:all .2s;z-index:100}.chat-toggle-btn:hover{background:#28283ce6;transform:translateY(-2px)}.unread-badge{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.chat-panel{position:fixed;bottom:80px;right:20px;width:360px;height:450px;display:flex;flex-direction:column;background:#0f0f19f2;border-radius:16px;overflow:hidden;z-index:150;animation:slideUp .2s ease}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h3{margin:0;font-size:15px;font-weight:600;color:#fff}.chat-close{background:none;border:none;color:#ffffff80;font-size:22px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.chat-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6;text-align:center}.chat-empty p{margin:4px 0}.chat-hint{font-size:12px;color:#ffffff4d}.chat-message{padding:10px 12px;border-radius:12px;max-width:85%}.chat-message.local{background:#a855f726;border:1px solid rgba(168,85,247,.2);align-self:flex-end}.chat-message.remote{background:#3b82f626;border:1px solid rgba(59,130,246,.2);align-self:flex-start}.chat-message.system{background:#ffffff0d;align-self:center;padding:6px 12px;font-size:12px}.system-text{color:#ffffff80}.chat-message.emote{background:linear-gradient(135deg,#ec489926,#a855f726);border:1px solid rgba(236,72,153,.2);align-self:center;font-style:italic;padding:8px 14px}.emote-text{color:#fffc}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sender-name{font-size:12px;font-weight:600}.message-time{font-size:10px;color:#ffffff4d}.message-content{font-size:14px;color:#ffffffe6;line-height:1.4;word-wrap:break-word}.chat-input-form{display:flex;gap:8px;padding:12px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.1)}.chat-input-form input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;outline:none;transition:all .2s}.chat-input-form input:focus{border-color:#a855f7;background:#a855f71a}.chat-input-form input::placeholder{color:#ffffff4d}.chat-input-form button{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:8px;padding:10px 18px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-input-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #a855f766}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.chat-panel{left:10px;right:10px;bottom:70px;width:auto;height:350px}.chat-toggle-btn{bottom:10px;right:10px;padding:10px 16px}}.emote-toggle-btn{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:#141423cc;cursor:pointer;transition:all .2s;z-index:100}.emote-toggle-btn:hover{background:#28283ce6;transform:translateY(-2px)}.emote-toggle-btn.active{background:linear-gradient(135deg,#ec48994d,#a855f74d);border:1px solid rgba(236,72,153,.4)}.emote-icon{font-size:1.3rem}.emote-wheel-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.emote-wheel{background:linear-gradient(135deg,#1e1e32f2,#141423fa);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;min-width:320px;box-shadow:0 25px 50px #00000080,0 0 80px #a855f726;animation:scaleIn .2s ease}.emote-wheel-title{text-align:center;font-size:18px;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.emote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.emote-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .2s}.emote-item:hover{background:#a855f726;border-color:#a855f74d;transform:translateY(-2px)}.emote-item.active{background:linear-gradient(135deg,#ec489940,#a855f740);border-color:#ec489980;box-shadow:0 0 20px #ec48994d}.emote-item-icon{font-size:28px}.emote-item-name{font-size:11px;color:#ffffffb3;font-weight:500}.stop-emote-btn{width:100%;margin-top:20px;padding:14px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.stop-emote-btn:hover{background:#ef44444d}.current-emote-indicator{position:fixed;bottom:80px;left:20px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#ec489933,#a855f733);border:1px solid rgba(236,72,153,.3);z-index:100;animation:slideUp .2s ease}.emote-text{font-size:13px;color:#fffc;font-weight:500}.stop-btn{background:#ffffff1a;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff9;font-size:14px;transition:all .2s}.stop-btn:hover{background:#ef44444d;color:#ef4444}@media(max-width:480px){.emote-toggle-btn{bottom:70px;left:10px;padding:10px 14px}.emote-wheel{margin:20px;min-width:auto}.emote-grid{grid-template-columns:repeat(3,1fr)}.current-emote-indicator{bottom:130px;left:10px}}.fps-monitor{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px;z-index:9999;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:SF Mono,Monaco,monospace;transition:all .2s}.fps-monitor:hover{background:#000000e6;border-color:#fff3}.fps-monitor.expanded{padding:12px 20px}.fps-main{display:flex;align-items:baseline;gap:6px}.fps-value{font-size:24px;font-weight:700;letter-spacing:-1px}.fps-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:1px}.fps-details{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.fps-stat{display:flex;justify-content:space-between;font-size:11px}.fps-stat .stat-label{color:#ffffff80}.fps-stat .stat-value{color:#fff;font-weight:500}.fps-hint{font-size:9px;color:#ffffff4d;text-align:center;margin-top:4px}@media(max-width:480px){.fps-monitor{top:auto;bottom:80px;transform:translate(-50%)}}.friends-toggle-btn{position:fixed;bottom:80px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:#141423cc;cursor:pointer;transition:all .2s;z-index:100}.friends-toggle-btn:hover{background:#28283ce6;transform:translateY(-2px)}.request-badge{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.friends-panel{position:fixed;bottom:140px;right:20px;width:320px;max-height:450px;display:flex;flex-direction:column;background:#0f0f19f2;border-radius:16px;overflow:hidden;z-index:150;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.friends-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1)}.friends-header h3{margin:0;font-size:15px;font-weight:600;color:#fff}.friends-close{background:none;border:none;color:#ffffff80;font-size:22px;cursor:pointer;padding:0;line-height:1;transition:color .2s}.friends-close:hover{color:#fff}.friends-login-prompt{padding:40px 20px;text-align:center;color:#ffffff80}.friends-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1)}.tab{flex:1;padding:12px;background:none;border:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab:hover{color:#fffc}.tab.active{color:#fff;background:#a855f726;border-bottom:2px solid #a855f7}.tab-badge{background:#ef4444;color:#fff;font-size:10px;padding:1px 5px;border-radius:8px}.friends-content{flex:1;overflow-y:auto;padding:12px}.friends-content::-webkit-scrollbar{width:6px}.friends-content::-webkit-scrollbar-track{background:transparent}.friends-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.friends-loading{padding:30px;text-align:center;color:#ffffff80}.friends-empty{padding:30px;text-align:center;color:#fff6}.friends-empty p{margin:4px 0}.hint{font-size:12px;color:#ffffff4d}.friend-section{margin-bottom:16px}.section-title{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.friend-item,.request-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:10px;margin-bottom:6px;transition:background .2s}.friend-item:hover,.request-item:hover{background:#ffffff0f}.friend-avatar,.request-avatar{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.avatar-icon{font-size:18px}.status-indicator{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid rgba(15,15,25,.95)}.status-indicator.online{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-indicator.offline{background:#6b7280}.friend-info,.request-info{flex:1;min-width:0}.friend-name,.request-name{display:block;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status,.request-time{font-size:11px;color:#fff6}.friend-actions,.request-actions{display:flex;gap:6px}.action-btn{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn.teleport{background:#3b82f633;color:#3b82f6}.action-btn.teleport:hover{background:#3b82f64d}.action-btn.accept{background:#22c55e33;color:#22c55e}.action-btn.accept:hover{background:#22c55e4d}.action-btn.reject,.action-btn.remove{background:#ef444426;color:#ef4444b3}.action-btn.reject:hover,.action-btn.remove:hover{background:#ef444440;color:#ef4444}@media(max-width:480px){.friends-toggle-btn{bottom:130px;right:10px;padding:10px 14px}.friends-panel{left:10px;right:10px;bottom:180px;width:auto;max-height:350px}}.joystick{position:fixed;bottom:100px;z-index:100;touch-action:none;user-select:none;-webkit-user-select:none}.joystick--left{left:30px}.joystick--right{right:30px}.joystick__base{width:100%;height:100%;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease}.joystick--active .joystick__base{background:#ff006e26;border-color:var(--color-neon-pink);box-shadow:0 0 20px #ff006e4d}.joystick__knob{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--color-neon-pink),var(--color-neon-purple));box-shadow:0 4px 15px #ff006e66;transition:transform .05s ease-out}.joystick--active .joystick__knob{box-shadow:0 4px 25px #ff006e99}.jump-button{position:fixed;right:30px;bottom:100px;width:80px;height:80px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:100;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:all .15s ease}.jump-button:active,.jump-button--pressed{background:#00f5ff33;border-color:var(--color-neon-blue);box-shadow:0 0 20px #00f5ff66;transform:scale(.95)}.jump-button__icon{font-size:1.5rem;color:var(--color-text)}.jump-button__label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.05em}.camera-control{position:fixed;top:0;right:0;width:50%;height:60%;z-index:50;touch-action:none}.mobile-controls{display:none}@media(pointer:coarse),(max-width:1024px){.mobile-controls{display:block}}@media(max-width:768px){.action-bar{bottom:20px;padding:var(--spacing-xs);gap:var(--spacing-xs)}.action-btn{width:40px;height:40px;font-size:1rem}.action-btn--primary{width:46px;height:46px;font-size:1.2rem}}@media(max-width:1024px)and (orientation:landscape){.joystick--left{bottom:50px;left:20px}.jump-button{bottom:50px;right:20px;width:70px;height:70px}.camera-control{width:40%;height:100%}.action-bar{bottom:10px;left:auto;right:120px;transform:none}}.music-player{position:fixed;bottom:20px;left:20px;width:320px;background:#0f0f19f2;border-radius:20px;border:1px solid rgba(236,72,153,.2);box-shadow:0 20px 40px #00000080,0 0 60px #a855f71a;z-index:100;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.player-minimized{width:auto;padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s}.player-minimized:hover{background:#ffffff0d}.player-minimized .mini-icon{font-size:24px;animation:pulse 2s ease infinite}.player-minimized .mini-info{flex:1;min-width:0}.player-minimized .mini-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-minimized .mini-artist{font-size:11px;color:#ffffff80}.player-minimized .mini-control{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;transition:transform .2s}.player-minimized .mini-control:hover{transform:scale(1.1)}.player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.player-header h3{margin:0;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.dj-badge{background:linear-gradient(135deg,#ec4899,#a855f7);padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700}.minimize-btn{background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px;transition:color .2s}.minimize-btn:hover{color:#fff}.album-section{padding:20px;display:flex;flex-direction:column;align-items:center}.album-art{width:120px;height:120px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;overflow:hidden}.album-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ec489933,#a855f733);opacity:0;transition:opacity .3s}.album-art.playing:before{opacity:1;animation:albumPulse 2s ease infinite}@keyframes albumPulse{0%,to{opacity:.2}50%{opacity:.4}}.album-icon{font-size:48px}.album-art.playing .album-icon{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-info{text-align:center}.track-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.track-artist{font-size:13px;color:#ffffff80;margin:0}.progress-section{padding:0 20px 20px}.progress-bar{position:relative;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;margin-bottom:8px}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#ec4899,#a855f7);border-radius:2px;transition:width .1s}.progress-bar:hover .progress-fill{box-shadow:0 0 10px #ec489980}.progress-time{display:flex;justify-content:space-between;font-size:11px;color:#fff6}.controls-section{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 20px 20px}.control-btn{background:none;border:none;color:#ffffffb3;font-size:22px;cursor:pointer;padding:8px;transition:all .2s}.control-btn:hover{color:#fff;transform:scale(1.1)}.control-btn.play-btn{width:56px;height:56px;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:50%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}.control-btn.play-btn:hover{transform:scale(1.08);box-shadow:0 5px 20px #ec489966}.volume-section{display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.05)}.volume-btn{background:none;border:none;color:#fff9;font-size:18px;cursor:pointer;padding:4px}.volume-btn:hover{color:#fff}.volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;cursor:pointer;position:relative}.volume-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px}.playlist-section{max-height:150px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.05)}.playlist-item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background .2s}.playlist-item:hover{background:#ffffff0d}.playlist-item.active{background:#ec48991a;border-left:3px solid #ec4899}.playlist-item .track-number{font-size:12px;color:#ffffff4d;width:20px}.playlist-item .track-details{flex:1;min-width:0}.playlist-item .track-details h4{margin:0;font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item .track-details p{margin:0;font-size:11px;color:#fff6}.playlist-item .track-duration{font-size:11px;color:#fff6}@media(max-width:480px){.music-player{left:10px;right:10px;width:auto;bottom:80px}.album-art{width:80px;height:80px}.album-icon{font-size:32px}.playlist-section{max-height:100px}}.shop-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.shop{width:95%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s ease;overflow:hidden}.shop__header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:#0003}.shop__title{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,gold,#ff006e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop__wallet{display:flex;gap:var(--spacing-md);margin-left:auto;margin-right:var(--spacing-md)}.shop__currency{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-sm)}.shop__currency--premium{background:#00f5ff1a;border-color:#00f5ff4d}.shop__currency-icon{font-size:1rem}.shop__currency-amount{font-size:.95rem;font-weight:600;color:var(--color-text)}.shop__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.1rem;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.shop__close:hover{color:var(--color-text);background:#ffffff1a}.shop__categories{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);overflow-x:auto}.shop__category{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.shop__category:hover{color:var(--color-text);background:#ffffff0d}.shop__category--active{color:var(--color-text);background:#ffffff1a;border-color:var(--color-border)}.shop__category-icon{font-size:1rem}.shop__content{display:flex;flex:1;min-height:0;overflow:hidden}.shop__grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg);overflow-y:auto;align-content:start}.shop__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.shop__empty-icon{font-size:3rem}.shop__empty-text{font-size:1rem;color:var(--color-text-muted)}.skin-card{display:flex;flex-direction:column;padding:var(--spacing-sm);background:#ffffff08;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.skin-card:hover{background:#ffffff0f;border-color:var(--color-border);transform:translateY(-2px)}.skin-card--selected{background:#ffffff14;border-color:var(--rarity-color);box-shadow:0 0 20px var(--rarity-glow)}.skin-card--owned{border-color:#00ff884d}.skin-card__preview{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);background:#0000004d;border-radius:var(--radius-sm);overflow:hidden}.skin-card__avatar{width:70%;height:70%;border-radius:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:15%}.skin-card__head{width:35%;height:35%;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.skin-card__icon{font-size:2.5rem}.skin-card__badge{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:.65rem;font-weight:700;text-transform:uppercase;border-radius:3px}.skin-card__badge--new{background:var(--color-neon-green);color:#000}.skin-card__badge--limited{background:var(--color-neon-pink);color:#fff}.skin-card__badge--equipped{background:var(--color-neon-blue);color:#000}.skin-card__info{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs)}.skin-card__name{font-size:.85rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skin-card__rarity{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.skin-card__price{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem}.skin-card__coins{color:gold}.skin-card__coins--unaffordable{color:#ff6b6b}.skin-card__gems{color:var(--color-neon-blue)}.skin-card__owned-label{color:var(--color-neon-green);font-weight:500}.shop__details{width:280px;padding:var(--spacing-lg);border-left:1px solid var(--color-border);background:#0003;overflow-y:auto}.shop__details-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.shop__details-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--color-text)}.shop__details-rarity{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.shop__details-description{margin:0 0 var(--spacing-md) 0;font-size:.9rem;line-height:1.5;color:var(--color-text-muted)}.shop__details-category{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;color:var(--color-text-muted);background:#ffffff0d;border-radius:var(--radius-sm)}.shop__details-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shop__btn{padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.shop__btn--primary{color:#000;background:linear-gradient(135deg,gold,#f4a261)}.shop__btn--primary:hover:not(.shop__btn--disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ffd70066}.shop__btn--secondary{color:var(--color-text);background:#ffffff1a;border:1px solid var(--color-border)}.shop__btn--secondary:hover{background:#ffffff26}.shop__btn--premium{color:#000;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-neon-purple))}.shop__btn--premium:hover:not(.shop__btn--disabled){transform:translateY(-1px);box-shadow:0 4px 15px #00f5ff66}.shop__btn--disabled{opacity:.5;cursor:not-allowed}.shop__result{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem;font-weight:500;text-align:center;border-radius:var(--radius-sm);animation:fadeIn .2s ease}.shop__result--success{color:var(--color-neon-green);background:#00ff881a;border:1px solid rgba(0,255,136,.3)}.shop__result--failed{color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}@media(max-width:768px){.shop__content{flex-direction:column}.shop__details{width:100%;border-left:none;border-top:1px solid var(--color-border);max-height:200px}.shop__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.voice-chat{position:fixed;bottom:100px;right:var(--spacing-lg);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);z-index:100}.voice-chat__btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);position:relative}.voice-chat__btn:hover{background:#ffffff1a;transform:scale(1.05)}.voice-chat__btn--active{border-color:var(--color-neon-green);box-shadow:0 0 15px #00ff884d}.voice-chat__btn--speaking{animation:voicePulse .5s ease infinite}@keyframes voicePulse{0%,to{box-shadow:0 0 15px #00ff884d}50%{box-shadow:0 0 25px #0f89}}.voice-chat__speaking-indicator{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--color-neon-green);border-radius:50%;animation:voiceDot .5s ease infinite}@keyframes voiceDot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.voice-chat__icon{display:flex;align-items:center;justify-content:center}.voice-chat__volume-bar{position:absolute;left:-8px;bottom:4px;width:4px;height:48px;background:#ffffff1a;border-radius:2px;overflow:hidden}.voice-chat__volume-level{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--color-neon-green),var(--color-neon-blue));border-radius:2px;transition:height .05s ease}.voice-chat__settings{position:absolute;bottom:70px;right:0;width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.voice-chat__settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}.voice-chat__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.8rem;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.voice-chat__close:hover{background:#ffffff1a;color:var(--color-text)}.voice-chat__setting{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.voice-chat__label{font-size:.9rem;color:var(--color-text-muted)}.voice-chat__toggle{padding:var(--spacing-xs) var(--spacing-md);font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-text-muted);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.voice-chat__toggle:hover{background:#ffffff1a}.voice-chat__toggle--active{color:var(--color-text);background:var(--color-neon-green);border-color:var(--color-neon-green)}.voice-chat__info{padding:var(--spacing-md);font-size:.8rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.voice-chat__info p{margin:0 0 var(--spacing-xs) 0}.voice-chat__info p:last-child{margin-bottom:0}.voice-chat__info kbd{display:inline-block;padding:2px 6px;font-family:monospace;font-size:.75rem;background:#ffffff1a;border:1px solid var(--color-border);border-radius:3px}.voice-chat__disable{width:100%;padding:var(--spacing-md);font-family:inherit;font-size:.9rem;font-weight:500;color:#ff6b6b;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.voice-chat__disable:hover{background:#ff6b6b1a}.voice-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#0f83;border:1px solid var(--color-neon-green);border-radius:var(--radius-sm);animation:voicePulse .5s ease infinite}.voice-indicator__icon{font-size:.8rem}.voice-indicator__name{font-size:.75rem;font-weight:500;color:var(--color-neon-green)}.active-speakers{position:fixed;top:50%;right:var(--spacing-lg);transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-xs);z-index:50}.active-speakers__title{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.active-speakers__speaker{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-sm);animation:voicePulse .5s ease infinite}.active-speakers__icon{font-size:.8rem}.active-speakers__name{font-size:.85rem;color:var(--color-text)}.dance-battle-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dance-battle-modal{background:linear-gradient(135deg,#1e1e32fa,#141423fa);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;width:100%;max-width:500px;min-height:400px;box-shadow:0 30px 60px #0009,0 0 120px #ec489933;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dance-header h2{margin:0;font-size:24px;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:none;border:none;color:#ffffff80;font-size:28px;cursor:pointer;transition:color .2s;line-height:1}.close-btn:hover{color:#fff}.dance-waiting{text-align:center}.dance-instructions h3{color:#fff;margin-bottom:12px}.dance-instructions p{color:#fff9;margin-bottom:20px}.controls-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.control-item{background:#ffffff0d;padding:12px;border-radius:10px;font-size:14px;color:#ffffffb3}.start-btn{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:14px;padding:16px 40px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ec489966}.dance-countdown{text-align:center;padding:60px 0}.countdown-number{font-size:120px;font-weight:900;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dance-countdown p{color:#fff9;font-size:18px}.dance-playing{display:flex;flex-direction:column;align-items:center}.dance-stats{display:flex;gap:30px;margin-bottom:30px}.stat{text-align:center}.stat-label{display:block;font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.stat-value{display:block;font-size:28px;font-weight:700;color:#fff}.current-move-display{text-align:center;margin-bottom:20px}.move-icon{font-size:80px;transition:all .15s}.move-icon.correct{transform:scale(1.2);filter:drop-shadow(0 0 20px #22c55e)}.move-icon.wrong{transform:scale(.9);filter:drop-shadow(0 0 20px #ef4444)}.upcoming-moves{display:flex;gap:15px;justify-content:center;margin-top:15px}.upcoming-move{font-size:32px;opacity:.4}.round-complete{font-size:24px;color:#22c55e;font-weight:600}.feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;animation:feedbackPop .3s ease}@keyframes feedbackPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.feedback.correct{color:#22c55e}.feedback.wrong{color:#ef4444}.touch-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.touch-row{display:flex;gap:8px}.touch-btn{width:60px;height:60px;border:none;border-radius:12px;background:#ffffff1a;font-size:28px;cursor:pointer;transition:all .1s}.touch-btn:hover{background:#fff3}.touch-btn:active{transform:scale(.95);background:#a855f74d}.touch-btn.spin{background:#ec489933}.dance-results{text-align:center;padding:20px 0}.dance-results h3{font-size:28px;color:#fff;margin-bottom:30px}.final-score{margin-bottom:20px}.score-label{display:block;font-size:14px;color:#ffffff80;margin-bottom:8px}.score-value{display:block;font-size:64px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reward-info{font-size:18px;color:#fbbf24;margin-bottom:30px}.claim-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;padding:16px 40px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.claim-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e66}@media(max-width:480px){.dance-battle-modal{margin:20px;padding:20px}.controls-guide{grid-template-columns:repeat(2,1fr)}.countdown-number{font-size:80px}.move-icon{font-size:60px}.touch-btn{width:50px;height:50px;font-size:24px}}.game-zone-prompt{position:fixed;bottom:120px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:20px 28px;background:#0f0f19f2;border-radius:20px;border:1px solid rgba(236,72,153,.3);box-shadow:0 20px 40px #00000080,0 0 60px #ec489926;z-index:150;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.prompt-icon{font-size:40px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.prompt-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.prompt-content p{margin:0 0 8px;font-size:13px;color:#fff9}.prompt-info{font-size:12px;color:#fbbf24}.prompt-actions{display:flex;flex-direction:column;gap:8px}.join-btn{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:10px;padding:10px 24px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.join-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ec489966}.skip-btn{background:#ffffff1a;border:none;border-radius:8px;padding:6px 16px;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .2s}.skip-btn:hover{background:#ffffff26;color:#fffc}@media(max-width:480px){.game-zone-prompt{left:10px;right:10px;transform:none;bottom:80px;flex-wrap:wrap}.prompt-actions{flex-direction:row;width:100%;margin-top:10px}.join-btn{flex:1}}