*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Arial,sans-serif}#gameWrapper{display:flex;width:100vw;height:100vh;position:relative}#gameArea{flex:1;position:relative;min-width:0;overflow:hidden}#gameCanvas{display:block;width:100%;height:100%;position:relative;z-index:1}#webglCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;display:none}#chatSidePanel{width:320px;height:100vh;background:#0f172af7;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;flex-shrink:0;z-index:2}#chatSidePanel .chat-side-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;flex-shrink:0}#chatSidePanel .chat-side-title{font-size:14px;font-weight:600;color:#94a3b8;letter-spacing:.5px}#chatSidePanel .chat-side-close{border:none;background:none;color:#64748b;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s}#chatSidePanel .chat-side-close:hover{color:#f87171;background:#ffffff0f}#chatSidePanel .chat-side-messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}#chatSidePanel .chat-side-messages::-webkit-scrollbar{width:4px}#chatSidePanel .chat-side-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}#chatSidePanel .chat-side-msg{font-size:13px;line-height:1.4;padding:4px 0;word-break:break-word;animation:chatMsgIn .15s ease}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#chatSidePanel .chat-side-msg-name{font-weight:600;color:#60a5fa;margin-right:6px}#chatSidePanel .chat-side-msg-mine .chat-side-msg-name{color:#22c55e}#chatSidePanel .chat-side-msg-text{color:#cbd5e1}#chatSidePanel .chat-side-input-row{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;flex-shrink:0}#chatSidePanel .chat-side-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#e2e8f0;font-size:13px;outline:none;transition:border-color .2s;font-family:inherit}#chatSidePanel .chat-side-input:focus{border-color:#3b82f680}#chatSidePanel .chat-side-input::placeholder{color:#475569}#chatSidePanel .chat-side-send{border:none;background:#3b82f64d;color:#60a5fa;border-radius:8px;width:38px;font-size:15px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}#chatSidePanel .chat-side-send:hover{background:#3b82f680}#chatSidePanel .chat-side-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#475569;font-size:13px;font-style:italic}#nameOverlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:10%;z-index:100;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#1a1a2e 60%,#0f0f23);background-size:300% 300%;animation:bgPan 12s ease infinite}.lobby-left{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.tank-illustration{display:flex;flex-direction:column;align-items:center;gap:16px;animation:tankRollIn 1.2s cubic-bezier(.22,1,.36,1) both;animation-delay:.8s;flex-shrink:0}.tank-svg{width:280px;height:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.tank-label{color:#5a9a5a;font-size:11px;font-weight:700;letter-spacing:4px;text-transform:uppercase;opacity:.7;animation:subtitleReveal .8s ease-out 1.5s both}.muzzle-flash{animation:flashBlink 3s ease-in-out infinite}@keyframes flashBlink{0%,85%,to{opacity:0}90%,95%{opacity:1}}@keyframes tankRollIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}.menu-container{text-align:center;animation:fadeIn .5s ease-out;max-height:100vh;max-width:480px;width:90vw;overflow-y:auto;overflow-x:hidden;padding:30px 20px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.menu-container::-webkit-scrollbar{width:5px}.menu-container::-webkit-scrollbar-track{background:transparent}.menu-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes titleGlow{0%,to{text-shadow:0 0 40px rgba(233,69,96,.5),0 0 80px rgba(233,69,96,.15)}50%{text-shadow:0 0 60px rgba(233,69,96,.8),0 0 120px rgba(233,69,96,.3),0 0 4px rgba(233,69,96,.6)}}@keyframes titleSlam{0%{opacity:0;transform:scale(1.3) translateY(-20px);letter-spacing:12px}60%{opacity:1;transform:scale(.98) translateY(2px);letter-spacing:5px}80%{transform:scale(1.02) translateY(-1px);letter-spacing:6px}to{transform:scale(1) translateY(0);letter-spacing:6px}}@keyframes subtitleReveal{0%{opacity:0;letter-spacing:10px}to{opacity:1;letter-spacing:3px}}@keyframes btnReady{0%,to{box-shadow:0 0 20px #e9456066}50%{box-shadow:0 0 35px #e94560b3,0 0 60px #e9456033}}@keyframes bgPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.title{font-size:clamp(42px,10vw,72px);color:#e94560;text-shadow:0 0 40px rgba(233,69,96,.5);margin-bottom:5px;letter-spacing:6px;line-height:1;animation:titleSlam .7s cubic-bezier(.22,1,.36,1) both,titleGlow 3s ease-in-out 1.5s infinite}.title span{color:#fff;display:block;text-shadow:0 0 30px rgba(255,255,255,.3);animation:fadeInUp .6s ease-out .3s both}.subtitle{color:#888;font-size:14px;margin-bottom:28px;letter-spacing:3px;text-transform:uppercase;animation:subtitleReveal .8s ease-out .5s both}.input-group{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}#nameInput{width:100%;max-width:320px;padding:14px 20px;font-size:18px;text-align:center;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;outline:none;transition:border-color .3s,box-shadow .3s;letter-spacing:1px}#nameInput:focus{border-color:#e94560;box-shadow:0 0 20px #e945604d}#nameInput::placeholder{color:#555}#joinBtn{width:100%;max-width:320px;padding:14px 40px;font-size:20px;font-weight:700;color:#fff;background:#e94560;border:none;border-radius:8px;cursor:pointer;letter-spacing:2px;transition:background .3s,transform .15s,box-shadow .3s;box-shadow:0 0 20px #e9456066;margin-top:4px}#joinBtn:hover{background:#ff5a7a;transform:translateY(-2px);box-shadow:0 0 30px #e9456099}#joinBtn:active{transform:translateY(0)}#joinBtn:not(:disabled){animation:btnReady 2s ease-in-out infinite}#joinBtn:disabled{background:#555;cursor:not-allowed;box-shadow:none;transform:none;animation:none}.status{color:#666;font-size:13px;margin-top:16px;margin-bottom:16px;transition:color .3s}#roomStep>.room-header,#roomStep>.room-list,#roomStep>.create-room-row,#roomStep>#roomConfig{animation:fadeInUp .5s ease-out both}#roomStep>.room-header{animation-delay:.6s}#roomStep>.room-list{animation-delay:.75s}#roomStep>.create-room-row{animation-delay:.9s}#nameStep{animation:fadeInUp .4s ease-out both}.mode-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.mode-btn{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none;color:#888;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s}.mode-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.mode-btn.active{color:#4facfe;background:#4facfe1a;border-color:#4facfe66;pointer-events:none}.announcement-banner{margin-bottom:10px;display:flex;flex-direction:column;gap:6px;width:100%;max-width:600px;margin-left:auto;margin-right:auto;z-index:10;position:relative}.ann-item{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;text-align:center;animation:annPulse 3s ease-in-out infinite}.ann-info{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.ann-warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#fcd34d}.ann-success{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#86efac}.ann-urgent{background:#ef444440;border:1px solid rgba(239,68,68,.5);color:#fca5a5;animation:annUrgent 1.5s ease-in-out infinite}@keyframes annPulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes annUrgent{0%,to{opacity:1;box-shadow:0 0 #ef444400}50%{opacity:.9;box-shadow:0 0 12px 2px #ef44444d}}.room-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.section-title{font-size:16px;color:#aaa;letter-spacing:2px;text-transform:uppercase;margin:0}.icon-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#888;font-size:20px;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s}.icon-btn:hover{color:#fff;border-color:#e94560}.room-list{max-height:320px;overflow-y:auto;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;padding-right:4px}.room-list::-webkit-scrollbar{width:4px}.room-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.room-card{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;width:100%;min-width:0;gap:12px;animation:fadeInUp .4s ease-out both}.room-card:nth-child(1){animation-delay:0s}.room-card:nth-child(2){animation-delay:.07s}.room-card:nth-child(3){animation-delay:.14s}.room-card:nth-child(4){animation-delay:.21s}.room-card:nth-child(5){animation-delay:.28s}.room-card:hover{background:#e945601a;border-color:#e9456066;transform:translateY(-2px);box-shadow:0 4px 20px #e9456026}.room-card.room-full{opacity:.45;cursor:not-allowed}.room-card.room-invite-only{opacity:.55;cursor:not-allowed;border-color:#9c27b040}.room-card.room-invite-only:hover{background:#9c27b00f;border-color:#9c27b04d;transform:none;box-shadow:none}.room-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}.room-name{color:#fff;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.room-id,.room-meta{color:#555;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.room-card-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.room-access-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e945601f;flex-shrink:0}.room-access-icon.open{background:#4caf501f}.room-badges-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.room-privacy-badge{display:inline-flex;align-items:center;gap:2px;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase}.room-privacy-badge.private{background:#e9456026;color:#e94560;border:1px solid rgba(233,69,96,.3)}.room-privacy-badge.password{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.room-privacy-badge.invite{background:#4a9eff26;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.room-card.room-private{border-color:#e9456033}.room-card.room-private:hover{border-color:#e9456080}.room-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.room-search-input{width:100%;padding:9px 14px;font-size:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;outline:none;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.room-search-input:focus{border-color:#e94560;box-shadow:0 0 0 2px #e9456026}.room-search-input::placeholder{color:#555}.room-filter-row{display:flex;gap:4px;flex-wrap:wrap}.room-filter-btn{flex:1;min-width:0;padding:6px 8px;font-size:11px;font-weight:700;color:#777;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;transition:all .2s;letter-spacing:.5px;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px}.filter-icon{display:inline-block;vertical-align:-2px;flex-shrink:0}.room-filter-btn:hover{color:#bbb;border-color:#fff3;background:#ffffff12}.room-filter-btn.active{color:#fff;background:#e9456033;border-color:#e9456080}.room-players{display:flex;flex-direction:column;align-items:center;color:#888;font-size:14px;flex-shrink:0;min-width:50px}.room-players .count{color:#4caf50;font-weight:700;font-size:16px}.room-players .count-full{color:#e94560;font-weight:700;font-size:16px}.room-players .player-sep{font-size:13px;font-weight:400;color:#666}.room-players .player-label{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px}.create-room-row{display:flex;gap:8px;margin-bottom:16px;justify-content:center;align-items:stretch}#newRoomName{flex:1;min-width:0;max-width:220px;padding:10px 14px;font-size:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;outline:none;transition:border-color .3s}#newRoomName:focus{border-color:#e94560}#newRoomName::placeholder{color:#555}.small-btn{padding:10px 16px;font-size:13px;font-weight:700;color:#fff;background:#e94560;border:none;border-radius:6px;cursor:pointer;letter-spacing:1px;transition:background .2s,transform .15s;white-space:nowrap;flex-shrink:0}.small-btn:hover{background:#ff5a7a;transform:translateY(-1px)}.invite-btn{background:#6c5ce7;font-size:12px;padding:10px 12px;letter-spacing:.5px}.invite-btn:hover{background:#7c6df7}.room-label{color:#888;font-size:13px;margin-bottom:16px;letter-spacing:1px;padding:6px 14px;background:#ffffff0a;border-radius:6px;display:inline-block}.back-btn{margin-top:14px;padding:8px 16px;background:none;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#666;font-size:13px;cursor:pointer;transition:color .2s,border-color .2s;letter-spacing:1px;display:inline-block}.back-btn:hover{color:#e94560;border-color:#e945604d}.picker-title{color:#aaa;font-size:13px;text-transform:uppercase;letter-spacing:2px;margin-top:12px;margin-bottom:10px}.squad-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;max-width:100%;margin-left:auto;margin-right:auto}.squad-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;min-width:90px;flex:1 1 90px;max-width:130px;background:#ffffff0a;border:2px solid var(--squad-color, #555);border-radius:8px;cursor:pointer;animation:fadeInUp .35s ease-out both;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,opacity .2s;opacity:.7}.squad-card:hover{background:#ffffff14;transform:translateY(-2px);opacity:1}.squad-card.selected{background:#ffffff1f;box-shadow:0 0 20px #e945604d;border-width:3px;opacity:1;transform:translateY(-2px)}.squad-card-tag{font-size:22px}.squad-card-name{font-size:12px;font-weight:700;color:var(--squad-color);letter-spacing:1px}.squad-card-count{font-size:10px;color:#888}.color-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px;max-width:100%;margin-left:auto;margin-right:auto}.color-swatch{width:38px;height:38px;border-radius:50%;border:3px solid;cursor:pointer;transition:transform .15s,box-shadow .3s;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff9;animation:fadeInUp .3s ease-out both}.color-swatch:hover:not(.taken){transform:scale(1.2);box-shadow:0 0 14px #ffffff4d}.color-swatch.selected{transform:scale(1.25);box-shadow:0 0 20px #ffffff80;outline:2px solid #fff;outline-offset:2px}.color-swatch.taken{opacity:.25;cursor:not-allowed;filter:grayscale(60%)}.color-custom-row{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.color-custom-label{font-size:12px;color:#fff9;font-weight:600;letter-spacing:.5px}.color-custom-input{width:36px;height:36px;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;cursor:pointer;padding:1px}.color-custom-input::-webkit-color-swatch-wrapper{padding:2px}.color-custom-input::-webkit-color-swatch{border-radius:4px;border:none}.color-custom-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s}.color-custom-btn:hover{background:#fff3}.color-custom-btn.selected{background:#4facfe4d;border-color:#4facfe;box-shadow:0 0 12px #4facfe4d}.field-error{color:#e94560;font-size:12px;margin:4px 0 8px;letter-spacing:.5px;line-height:1.4}.config-panel{margin-top:10px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-align:left;width:100%;max-width:380px;margin-left:auto;margin-right:auto}.config-title{color:#e94560;font-size:15px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;text-align:center}.config-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#ccc;font-size:13px;gap:10px}.config-row label{display:flex;align-items:center;gap:8px;color:#ccc;cursor:pointer}.config-row input[type=checkbox]{accent-color:#e94560;width:16px;height:16px}.config-input{width:120px;min-width:0;flex-shrink:0;padding:8px 10px;font-size:13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;outline:none;text-align:center}.config-input:focus{border-color:#e94560}select.config-input{cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}select.config-input option{background:#1a1a2e;color:#fff}.config-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:12px}.squad-preview{display:flex;gap:6px;flex-wrap:wrap;flex-direction:column;align-items:stretch;margin-bottom:8px;margin-top:4px}.squad-name-row{display:flex;align-items:center;gap:8px}.squad-name-row .squad-tag{flex-shrink:0;min-width:28px;justify-content:center}.squad-name-input{flex:1;background:#ffffff0d;border:1px solid;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;letter-spacing:.5px;outline:none;transition:border-color .2s,background .2s;font-family:inherit}.squad-name-input:focus{background:#ffffff1a;border-color:var(--sq-color, #888)!important}.squad-name-input::placeholder{opacity:.4}.squad-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:1px;border:1px solid}.room-squad-badge{display:inline-block;font-size:10px;color:#e94560;border:1px solid rgba(233,69,96,.3);border-radius:4px;padding:1px 6px;margin-top:2px;letter-spacing:.5px}.room-squad-badge.ffa{color:#888;border-color:#ffffff26}.room-waiting{font-size:10px;color:gold;letter-spacing:.5px}#pauseOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .15s ease-out}.pause-container{text-align:center;width:90vw;max-width:340px}.pause-title{font-size:clamp(36px,8vw,48px);color:#e94560;text-shadow:0 0 30px rgba(233,69,96,.5);letter-spacing:8px;margin-bottom:8px}.pause-info{color:#888;font-size:13px;margin-bottom:24px;min-height:20px}.pause-btn{display:block;width:100%;max-width:280px;margin:0 auto 10px;padding:13px 24px;font-size:15px;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;cursor:pointer;letter-spacing:2px;transition:all .2s}.pause-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.resume-btn:hover{border-color:#4caf50;color:#4caf50;box-shadow:0 0 20px #4caf504d}.settings-btn:hover{border-color:#4facfe;color:#4facfe;box-shadow:0 0 20px #4facfe4d}.leave-btn:hover{border-color:#e94560;color:#e94560;box-shadow:0 0 20px #e945604d}.settings-panel{margin:12px auto;padding:16px;max-width:280px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px}.settings-panel .config-row{flex-direction:column;align-items:flex-start;gap:6px}.slider{width:100%;accent-color:#e94560;height:4px;cursor:pointer}.pause-hint{color:#444;font-size:12px;margin-top:20px;letter-spacing:1px}.pause-mode-toggle{display:flex;gap:6px;margin:8px 0;width:100%}.pause-mode-btn{flex:1;padding:8px 0;border-radius:6px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:#aaa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.pause-mode-btn:hover{background:#ffffff14;color:#ddd}.pause-mode-btn.active{background:#0096ff2e;color:#5eb3ff;border-color:#0096ff59;pointer-events:none}.reconnect-prompt-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:3500;backdrop-filter:blur(4px)}.reconnect-prompt-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;padding:28px 32px;max-width:380px;width:90%;box-shadow:0 12px 40px #0009,0 0 60px #0078ff14;border:1px solid rgba(255,255,255,.08);text-align:center;animation:promptSlideIn .35s ease-out}@keyframes promptSlideIn{0%{transform:translateY(-20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.reconnect-prompt-title{margin:0 0 12px;font-size:20px;color:#5eb3ff;letter-spacing:1px}.reconnect-prompt-info{color:#ccc;font-size:14px;margin:0 0 16px;line-height:1.5}.reconnect-prompt-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.reconnect-stat{background:#ffffff0a;padding:6px 12px;border-radius:6px;color:#bbb;font-size:13px}.reconnect-stat b{color:#fff}.reconnect-prompt-actions{display:flex;gap:10px}.reconnect-btn{flex:1;padding:12px 0;border-radius:8px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.5px}.reconnect-btn-yes{background:linear-gradient(135deg,#1e6b2e,#2e7d32);color:#fff}.reconnect-btn-yes:hover{background:linear-gradient(135deg,#2e7d32,#43a047);transform:translateY(-1px);box-shadow:0 4px 16px #2e7d3266}.reconnect-btn-no{background:#ffffff0f;color:#aaa;border:1px solid rgba(255,255,255,.1)}.reconnect-btn-no:hover{background:#e9456026;color:#e94560;border-color:#e945604d}.help-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500;backdrop-filter:blur(4px)}.help-panel{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;padding:28px 32px;max-width:560px;width:92%;max-height:80vh;overflow-y:auto;box-shadow:0 12px 40px #0009;border:1px solid rgba(255,255,255,.08);position:relative;animation:promptSlideIn .35s ease-out}.help-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.help-close:hover{color:#e94560;background:#e945601a}.help-title{margin:0 0 20px;font-size:22px;color:#5eb3ff;text-align:center;letter-spacing:1px}.help-content{display:flex;flex-direction:column;gap:18px}.help-section h3{margin:0 0 8px;font-size:15px;color:#e0e0e0}.help-section p,.help-section li{color:#aaa;font-size:13px;line-height:1.6;margin:0}.help-section ul{margin:0;padding-left:20px}.help-section li{margin-bottom:4px}.help-section li b{color:#ddd}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.help-key{background:#ffffff08;padding:6px 10px;border-radius:5px;color:#aaa;font-size:12px}.help-key kbd{background:#ffffff14;color:#ddd;padding:2px 6px;border-radius:3px;font-family:inherit;font-size:11px;border:1px solid rgba(255,255,255,.1);margin-right:4px}.help-panel::-webkit-scrollbar{width:6px}.help-panel::-webkit-scrollbar-track{background:transparent}.help-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.help-btn-lobby{background:#ffc80014!important;color:gold!important;border-color:#ffc80033!important}.help-btn-lobby:hover{background:#ffc80026!important}.help-btn-lobby.active{background:#ffc80026!important;pointer-events:auto!important}.info-btn-lobby{background:none;border:none;color:#5eb3ff;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:4px 8px;opacity:.6;transition:opacity .2s;letter-spacing:.5px}.info-btn-lobby:hover{opacity:1}.info-btn-lobby:active{opacity:.8}.help-rebind-hint{color:#6a8;font-size:11px;margin-top:8px;opacity:.75;font-style:italic}.menu-btn-mobile{position:fixed;top:10px;right:10px;z-index:202;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:#0000008c;color:#fff;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.menu-btn-mobile span{font-size:7px;letter-spacing:.5px;margin-top:0;opacity:.6}.menu-btn-mobile:active{transform:scale(.92);background:#ffffff26}#joystickArea{display:none;position:fixed;bottom:60px;left:8px;width:120px;height:120px;z-index:200;touch-action:none}#joystickBase{position:absolute;bottom:0;left:0;width:100px;height:100px;border-radius:50%;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #ffffff08}#joystickKnob{width:38px;height:38px;border-radius:50%;background:#e9456073;border:2px solid rgba(233,69,96,.7);transition:transform .06s ease-out;box-shadow:0 0 8px #e945604d}#mobileActions{display:none;position:fixed;bottom:12px;right:8px;z-index:200;gap:4px;flex-direction:row;touch-action:none}.mobile-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);background:#0000008c;color:#fff;font-size:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}.mobile-btn span{font-size:7px;letter-spacing:.5px;margin-top:0;opacity:.6}.mobile-btn:active{transform:scale(.92);background:#ffffff26}.dash-btn{border-color:#ff8c0080}.mine-btn{border-color:#ff323280}.shield-btn{border-color:#1e90ff80}.stockpile-btn{border-color:#ffd70099;background:#ffd7001f;animation:stockpile-pulse 1.5s ease-in-out infinite}.emote-btn{border-color:#ffc83280;background:#ffc8321a;font-size:18px}@keyframes stockpile-pulse{0%,to{box-shadow:0 0 4px #ffd70033}50%{box-shadow:0 0 10px #ffd70080}}.mobile-btn.ability-disabled{opacity:.35;border-color:#64646466!important;background:#1e1e1e99}.mobile-btn.ability-active{box-shadow:0 0 12px #ffffff4d;background:#ffffff26;border-width:2px}.fire-btn-standalone{position:fixed;bottom:60px;right:8px;z-index:201;width:80px;height:56px;border-radius:16px;border:2px solid rgba(255,68,68,.8);background:#ff1e1e66;color:#fff;font-size:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;box-shadow:0 0 12px #ff323233}.fire-btn-standalone span{font-size:8px;letter-spacing:.5px;margin-top:1px;opacity:.7}.fire-btn-standalone:active,.fire-btn-standalone.pressed{background:#ff3c3ca6;box-shadow:0 0 20px #ff323299;transform:scale(.94)}.fire-btn-standalone.locked{border-color:#646464b3;background:#3c3c3c80;box-shadow:none}.shoot-btn-standalone{position:fixed;top:65%;right:8px;z-index:201;width:72px;height:52px;border-radius:14px;border:2px solid rgba(255,165,0,.8);background:#ff780059;color:#fff;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;box-shadow:0 0 10px #ff8c0033}.shoot-btn-standalone span{font-size:7px;letter-spacing:.5px;margin-top:1px;opacity:.7}.shoot-btn-standalone:active,.shoot-btn-standalone.pressed{background:#ff8c0099;box-shadow:0 0 18px #ff8c0080;transform:scale(.94)}#btnAutoMove{display:none;position:fixed;bottom:188px;left:16px;z-index:200;touch-action:none;border-color:#4caf5080;flex-direction:column;align-items:center;justify-content:center}#btnAutoMove.active{background:#4caf5059;border-color:#4caf50e6;box-shadow:0 0 10px #4caf5066}.chat-toggle-btn{position:fixed;top:50%;right:14px;z-index:1100;width:42px;height:42px;border:none;border-radius:50%;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0006}.chat-toggle-btn:hover{background:#3b82f680;transform:scale(1.1)}.chat-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;box-shadow:0 1px 4px #ef444466}.chat-fade-messages{position:fixed;bottom:16px;left:16px;z-index:1000;width:300px;display:flex;flex-direction:column;gap:3px;pointer-events:none}.chat-fade-msg{padding:5px 12px;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:8px;font-size:12px;color:#e2e8f0;line-height:1.3;animation:chatFadeIn .2s ease;transition:opacity .5s;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-fade-out{opacity:0}.chat-fade-name{color:#60a5fa;font-weight:600}.chat-fade-text{color:#e2e8f0}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#inGameVoice{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:210;display:flex;flex-direction:column;gap:3px;background:#0a0c18d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:4px 6px;box-shadow:0 4px 20px #00000073;user-select:none;-webkit-user-select:none}.igv-controls{display:flex;align-items:center;gap:2px}.igv-peers{display:flex;flex-wrap:wrap;gap:4px;padding:2px 2px 3px;border-bottom:1px solid rgba(255,255,255,.07)}.igv-peer{display:flex;align-items:center;gap:3px;font-size:10px;color:#ffffff8c;transition:color .15s}.igv-peer-speaking{color:#4ade80}.igv-peer-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;flex-shrink:0;transition:background .15s,box-shadow .15s}.igv-peer-speaking .igv-peer-dot{background:#4ade80;box-shadow:0 0 5px #4ade80;animation:igvPulse .6s ease-in-out infinite alternate}@keyframes igvPulse{0%{box-shadow:0 0 3px #4ade80}to{box-shadow:0 0 8px #4ade80,0 0 14px #4ade8066}}.igv-peer-name{white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}.igv-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:#fff9;cursor:pointer;padding:5px 7px;border-radius:7px;font-size:12px;transition:background .15s,color .15s;white-space:nowrap;line-height:1}.igv-btn:hover{background:#ffffff1a;color:#fff}.igv-btn.igv-active{color:#4ade80}.igv-btn.igv-muted{color:#f87171}.igv-label{font-size:11px;font-weight:600;letter-spacing:.02em}#inGameVoice .igv-mic{border-right:1px solid rgba(255,255,255,.08);padding-right:9px;margin-right:2px}.igv-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#0e101ef7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:5px;flex-direction:column;gap:2px;min-width:170px;box-shadow:0 8px 32px #0000008c;animation:igvFadeUp .12s ease}@keyframes igvFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.igv-dd-item{display:flex;align-items:center;gap:10px;background:none;border:none;color:#ffffffbf;cursor:pointer;padding:8px 10px;border-radius:7px;text-align:left;width:100%;transition:background .12s,color .12s}.igv-dd-item:hover:not(:disabled){background:#ffffff14;color:#fff}.igv-dd-item.igv-dd-active{background:#4ade801f;color:#4ade80}.igv-dd-item.igv-dd-disabled{opacity:.38;cursor:not-allowed}.igv-dd-icon{font-size:16px;flex-shrink:0}.igv-dd-text{display:flex;flex-direction:column;gap:1px;flex:1}.igv-dd-label{font-size:12px;font-weight:600}.igv-dd-hint{font-size:10px;color:#ffffff61}.igv-dd-check{font-size:11px;color:#4ade80;margin-left:auto}.igv-msg{text-align:center;font-size:11px;color:#ffffffb3;padding:3px 6px 1px;opacity:0;transform:translateY(-3px);transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.igv-msg.igv-msg-show{opacity:1;transform:translateY(0)}#hudSettingsOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;display:none;background:#000000d9;font-family:Arial,sans-serif;color:#fff;user-select:none;-webkit-user-select:none}#hudSettingsOverlay.active{display:flex;flex-direction:column}.hud-editor-toolbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#141428f2;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;z-index:2}.hud-editor-title{font-size:16px;font-weight:700;letter-spacing:1px;color:gold;margin-right:auto}.hud-editor-toolbar .profile-tabs{display:flex;gap:4px;background:#ffffff0f;border-radius:6px;padding:2px}.profile-tab{padding:5px 14px;border:none;border-radius:5px;background:transparent;color:#aaa;font-size:13px;cursor:pointer;transition:all .2s}.profile-tab.active{background:gold;color:#111;font-weight:700}.profile-tab:hover:not(.active){background:#ffffff1a;color:#fff}.hud-toolbar-btn{padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff0f;color:#ccc;font-size:13px;cursor:pointer;transition:all .2s}.hud-toolbar-btn:hover{background:#ffffff26;color:#fff}.hud-toolbar-btn.snap-active,.hud-toolbar-btn.grid-active{border-color:#4caf50;color:#4caf50}.hud-toolbar-btn.reset-btn{border-color:#f44336;color:#f44336}.hud-toolbar-btn.reset-btn:hover{background:#f4433633}.hud-toolbar-btn.close-btn{background:gold;color:#111;font-weight:700;border-color:gold}.hud-toolbar-btn.close-btn:hover{background:#ffec80}.hud-editor-body{flex:1;display:flex;overflow:hidden}.hud-editor-canvas{flex:1;position:relative;overflow:hidden}.hud-editor-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:40px 40px}.hud-editor-grid.hidden{display:none}.hud-mobile-frame{position:absolute;border:2px solid rgba(255,215,0,.6);border-radius:12px;background:#0006;box-shadow:0 0 30px #ffd7001a,inset 0 0 20px #0000004d;z-index:0;display:none;overflow:hidden}.hud-mobile-frame.active{display:block}.hud-mobile-frame:before,.hud-mobile-frame:after{content:"";position:absolute;background:#ffd70040;pointer-events:none;z-index:0}.hud-mobile-frame:before{left:50%;top:0;width:1px;height:100%}.hud-mobile-frame:after{top:50%;left:0;width:100%;height:1px}.hud-mobile-frame-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:11px;color:gold;white-space:nowrap;pointer-events:none;letter-spacing:.5px}.hud-editor-canvas.has-frame{background:linear-gradient(#00000080,#00000080)}.device-size-select{padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#ffffff0f;color:#ccc;font-size:12px;cursor:pointer;outline:none}.device-size-select:focus{border-color:gold}.hud-editor-canvas:before,.hud-editor-canvas:after{content:"";position:absolute;background:#ffd70040;z-index:0;pointer-events:none}.hud-editor-canvas:before{left:50%;top:0;width:1px;height:100%;transform:translate(-.5px)}.hud-editor-canvas:after{top:50%;left:0;width:100%;height:1px;transform:translateY(-.5px)}.hud-element-box{position:absolute;border:2px solid rgba(255,255,255,.4);border-radius:6px;background:#1e1e3c99;cursor:grab;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;transition:box-shadow .15s,border-color .15s;z-index:1}.hud-element-box:hover{border-color:#ffffffb3;box-shadow:0 0 12px #fff3}.hud-element-box.dragging{cursor:grabbing;border-color:gold;box-shadow:0 0 20px #ffd70066;z-index:10}.hud-element-box.selected{border-color:gold;box-shadow:0 0 16px #ffd70059}.hud-element-box.hidden-element{opacity:.3;border-style:dashed}.hud-element-box.overlap-warning{border-color:#f44336!important;box-shadow:0 0 14px #f4433680}.hud-element-box.out-of-bounds{border-color:#ff9800!important;box-shadow:0 0 14px #ff980080}.hud-warning-banner{background:#f4433626;border:1px solid rgba(244,67,54,.4);color:#ff6b6b;padding:.2rem .625rem;border-radius:4px;font-size:.7rem;font-weight:600;white-space:nowrap;align-self:center}.hud-element-label{font-size:11px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap;pointer-events:none}.hud-element-size{font-size:9px;color:#999;pointer-events:none}.hud-element-vis-btn{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#000000b3;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:2}.hud-element-box:hover .hud-element-vis-btn{opacity:1}.hud-editor-panel{width:240px;flex-shrink:0;background:#0f0f23f2;border-left:1px solid rgba(255,255,255,.1);padding:12px;overflow-y:auto;z-index:5}.hud-panel-title{font-size:14px;font-weight:700;color:gold;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.hud-panel-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hud-panel-row label{font-size:12px;color:#aaa}.hud-panel-row input[type=range]{width:100px;accent-color:#FFD700}.hud-panel-row .value-label{font-size:11px;color:gold;min-width:30px;text-align:right}.hud-panel-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hud-panel-toggle label{font-size:12px;color:#aaa}.toggle-switch{position:relative;width:36px;height:20px;background:#444;border-radius:10px;cursor:pointer;transition:background .2s}.toggle-switch.on{background:#4caf50}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle-switch.on:after{transform:translate(16px)}.hud-panel-btn{width:100%;padding:6px;margin-top:8px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#ffffff0f;color:#ccc;font-size:12px;cursor:pointer;transition:all .2s}.hud-panel-btn:hover{background:#ffffff1f;color:#fff}.hud-panel-btn.reset{border-color:#f44336;color:#f44336}.hud-panel-btn.reset:hover{background:#f4433633}.hud-element-list{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.hud-element-list-title{font-size:12px;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.hud-element-list-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;cursor:pointer;transition:background .15s;font-size:12px}.hud-element-list-item:hover{background:#ffffff0f}.hud-element-list-item.selected{background:#ffd7001f}.hud-element-list-item .color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hud-element-list-item .item-name{flex:1;color:#ccc}.hud-element-list-item .item-vis{font-size:10px;cursor:pointer;opacity:.6}.hud-element-list-item .item-vis:hover{opacity:1}.auth-inline{margin:16px 0;padding:24px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;animation:authFadeIn .3s ease}@keyframes authFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container{max-width:360px;width:100%;margin:0 auto;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form-title{color:#fff;font-size:1.2rem;margin:0 0 8px;font-weight:700}.auth-hint{color:#ffffff80;font-size:.8rem;margin:0 0 8px}.auth-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.auth-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5026}.auth-input::placeholder{color:#ffffff4d}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s;font-family:inherit;letter-spacing:.5px}.auth-btn:hover{transform:translateY(-1px)}.auth-btn:active{transform:translateY(1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-btn-guest{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;font-size:1.15rem;padding:16px;box-shadow:0 4px 20px #4caf504d}.auth-btn-guest:hover{box-shadow:0 6px 28px #4caf5073}.auth-btn-primary{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;box-shadow:0 3px 12px #4caf5040}.auth-btn-secondary{background:#ffffff14;color:#fffc;border:1px solid rgba(255,255,255,.15)}.auth-btn-secondary:hover{background:#ffffff1f;color:#fff}.auth-btn-back{background:none;color:#ffffff80;padding:10px;font-size:.9rem}.auth-btn-back:hover{color:#fff}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:#ffffff40;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-error{color:#e94560;font-size:.85rem;margin:0;padding:8px 12px;background:#e945601a;border-radius:6px;border:1px solid rgba(233,69,96,.2)}.auth-bar{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 16px;background:#0c0d14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);font-size:.8rem;color:#ffffffa6;animation:authBarSlideDown .3s ease}@keyframes authBarSlideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.auth-welcome strong{color:#4caf50}.auth-level-badge{display:inline-block;font-size:10px;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle}.auth-bar-actions{display:flex;gap:4px;align-items:center}.bar-icon,.tab-icon,.section-icon,.feature-icon,.auth-icon{display:inline-block;vertical-align:-2px;flex-shrink:0}.auth-bar-btn{display:inline-flex;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff9;padding:4px 10px;font-size:.75rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s;font-family:inherit;white-space:nowrap;line-height:1}.auth-bar-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff26}.auth-bar-btn:active{background:#ffffff24;transform:scale(.97)}.auth-bar-btn svg{opacity:.7}.auth-bar-btn:hover svg{opacity:1}.auth-bar-btn-upgrade{background:#4caf501f;border-color:#4caf5040;color:#4caf50}.auth-bar-btn-upgrade:hover{background:#4caf5038}.auth-bar-btn-login{background:#3b82f61f;border-color:#3b82f640;color:#5eb3ff}.auth-bar-btn-login:hover{background:#3b82f638}.lb-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:authFadeIn .2s ease}.lb-panel{background:#14141ef7;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;width:620px;max-width:95vw;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:authSlideUp .25s ease}.lb-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#fff6;font-size:1.3rem;cursor:pointer;padding:4px;transition:color .15s}.lb-close:hover{color:#fff}.lb-title{margin:0 0 16px;color:#fff;font-size:1.4rem;font-weight:800;text-align:center}.lb-tabs{display:flex;gap:4px;margin-bottom:12px;background:#ffffff0a;border-radius:8px;padding:3px}.lb-tab{flex:1;background:none;border:none;color:#ffffff80;padding:8px 12px;font-size:.82rem;font-weight:600;cursor:pointer;border-radius:6px;transition:background .15s,color .15s;font-family:inherit}.lb-tab:hover{color:#fffc}.lb-tab.active{background:#4caf5033;color:#4caf50}.lb-period{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.lb-period-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffff80;padding:4px 14px;font-size:.75rem;cursor:pointer;transition:all .15s;font-family:inherit}.lb-period-btn:hover{color:#fffc}.lb-period-btn.active{background:#4caf5026;border-color:#4caf504d;color:#4caf50}.lb-content{min-height:200px}.lb-loading,.lb-empty,.lb-error{text-align:center;color:#fff6;padding:40px 0;font-size:.9rem}.lb-error{color:#e94560}.lb-table{width:100%;border-collapse:collapse;font-size:.82rem}.lb-table thead th{color:#fff6;font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.lb-table tbody tr{transition:background .1s}.lb-table tbody tr:hover{background:#ffffff08}.lb-table tbody td{padding:8px 10px;color:#ffffffbf;border-bottom:1px solid rgba(255,255,255,.03)}.lb-row-me{background:#4caf5014!important}.lb-row-me td{color:#4caf50!important;font-weight:600}.lb-name{font-weight:600;color:#fff!important}.lb-medal{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-weight:700;font-size:11px;line-height:1}.lb-medal.gold{background:linear-gradient(135deg,gold,#ffa000);color:#1a1a2e}.lb-medal.silver{background:linear-gradient(135deg,silver,#9e9e9e);color:#1a1a2e}.lb-medal.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.lb-level{display:inline-block;font-size:10px;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00);color:#1a1a2e;padding:0 5px;border-radius:6px;min-width:16px;text-align:center}.lb-stats-card{text-align:center}.lb-stats-rank{font-size:1.6rem;font-weight:800;color:#4caf50;margin-bottom:8px}.lb-xp-bar-wrap{position:relative;height:18px;background:#ffffff14;border-radius:9px;margin-bottom:16px;overflow:hidden}.lb-xp-bar{height:100%;border-radius:9px;background:linear-gradient(90deg,gold,#ff8c00);transition:width .5s ease}.lb-xp-text{position:absolute;top:0;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#1a1a2e;line-height:18px}.lb-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lb-stat{background:#ffffff0a;border-radius:10px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px}.lb-stat-val{font-size:1.3rem;font-weight:800;color:#fff}.lb-stat-label{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.name-input-locked{opacity:.7;cursor:not-allowed;border-style:dashed!important;background:#ffffff08!important}.name-input-locked:focus{box-shadow:none!important;border-color:#ffffff26!important}.profile-panel{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:authFadeIn .2s ease}.profile-card{background:linear-gradient(165deg,#161826fa,#0e0f18fa);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:0;width:420px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #0009,0 0 60px #4caf500a;animation:authSlideUp .3s ease;position:relative}.profile-close{position:absolute;top:14px;right:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffff73;width:30px;height:30px;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.profile-close:hover{background:#e9456026;border-color:#e945604d;color:#e94560}.profile-header{display:flex;align-items:center;gap:14px;padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #4caf5040;letter-spacing:-1px}.profile-identity{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.profile-display-name{color:#fff;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-username-tag{color:#ffffff59;font-size:.78rem;font-family:monospace;letter-spacing:.3px}.profile-role-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:20px;flex-shrink:0}.profile-role-user{background:#88888826;color:#999}.profile-role-mod{background:#3b82f626;color:#5eb3ff}.profile-role-admin{background:#e9456026;color:#e94560}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;border-bottom:1px solid rgba(255,255,255,.06)}.profile-stat-item{display:flex;flex-direction:column;align-items:center;padding:14px 0;border-right:1px solid rgba(255,255,255,.04)}.profile-stat-item:last-child{border-right:none}.profile-stat-val{font-size:1.15rem;font-weight:800;color:#fff;line-height:1}.profile-stat-lbl{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.profile-section{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.04)}.profile-section:last-of-type{border-bottom:none}.profile-section-title{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:.85rem;font-weight:700;color:#ffffffbf}.profile-section-hint{color:#ffffff4d;font-size:.73rem;margin:-4px 0 10px;font-style:italic}.profile-field{margin-bottom:10px}.profile-field:last-child{margin-bottom:0}.profile-label{display:block;color:#ffffff73;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.profile-field-hint{color:#ffffff40;font-size:.7rem;margin:4px 0 0}.profile-field .auth-input{width:100%;box-sizing:border-box;font-size:.92rem;padding:10px 14px}.profile-input-readonly{opacity:.5;cursor:not-allowed}.profile-success{color:#4caf50;font-size:.85rem;margin:0 24px;padding:8px 12px;background:#4caf501a;border-radius:6px;border:1px solid rgba(76,175,80,.2);text-align:center}#profileError{margin:0 24px}.profile-actions{display:flex;gap:10px;padding:16px 24px 20px}.profile-cancel-btn{flex:1;padding:11px 0;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.profile-cancel-btn:hover{background:#ffffff1a;color:#fff}.profile-save-btn{flex:1.5;padding:11px 0;border-radius:8px;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit;box-shadow:0 3px 14px #4caf5040;letter-spacing:.3px}.profile-save-btn:hover{transform:translateY(-1px);box-shadow:0 5px 20px #4caf5059}.profile-save-btn:active{transform:translateY(1px)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-card::-webkit-scrollbar{width:5px}.profile-card::-webkit-scrollbar-track{background:transparent}.profile-card::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}body.auth-bar-visible .auth-bar~#nameOverlay{padding-top:40px}.room-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:8000;backdrop-filter:blur(4px);animation:roomModalFadeIn .2s ease}@keyframes roomModalFadeIn{0%{opacity:0}to{opacity:1}}.room-modal{background:#1a1a2e;border:1px solid #333;border-radius:12px;padding:24px;min-width:320px;max-width:440px;width:90%;color:#e0e0e0;box-shadow:0 8px 32px #00000080;animation:roomModalSlideIn .25s ease}@keyframes roomModalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.room-modal h3{margin:0 0 16px;font-size:1.2rem;color:#fff;border-bottom:1px solid #333;padding-bottom:10px}.room-modal p{margin:0 0 12px;font-size:.9rem;color:#aaa;line-height:1.4}.modal-input{width:100%;padding:10px 12px;background:#0f0f1a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.95rem;margin-bottom:12px;box-sizing:border-box;transition:border-color .2s}.modal-input:focus{outline:none;border-color:#4a9eff}.modal-error{color:#ff6b6b;font-size:.85rem;margin-bottom:10px;min-height:1.2em}.modal-success{color:#2ecc71;font-size:.85rem;margin-bottom:10px;min-height:1.2em;font-weight:600}.invite-code-input{font-family:Courier New,monospace;font-size:1.1rem!important;letter-spacing:3px;text-align:center;text-transform:uppercase}.modal-desc{color:#888;font-size:.85rem;margin-bottom:14px;line-height:1.4}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.modal-actions button{padding:8px 20px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s,transform .1s}.modal-actions button:active{transform:scale(.97)}.modal-actions .modal-btn-primary{background:#4a9eff;color:#fff}.modal-actions .modal-btn-primary:hover{background:#3a8eef}.modal-actions .modal-btn-cancel{background:#333;color:#ccc}.modal-actions .modal-btn-cancel:hover{background:#444}.modal-actions .modal-btn-danger{background:#e74c3c;color:#fff}.modal-actions .modal-btn-danger:hover{background:#c0392b}.config-privacy{margin-top:12px;padding:12px;background:#ffffff08;border:1px solid #333;border-radius:8px}.config-subtitle{font-size:.85rem;color:#aaa;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.toggle-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer;font-size:.9rem;color:#ccc;user-select:none}.toggle-label input[type=checkbox]{accent-color:#4a9eff;width:16px;height:16px;cursor:pointer}.privacy-password-row{margin-top:6px;margin-left:24px}.privacy-password-row input{width:calc(100% - 10px);padding:7px 10px;background:#0f0f1a;border:1px solid #444;border-radius:5px;color:#e0e0e0;font-size:.85rem;box-sizing:border-box}.privacy-password-row input:focus{outline:none;border-color:#4a9eff}.invite-modal .invite-code-display{background:#0f0f1a;border:1px solid #4a9eff;border-radius:8px;padding:14px;text-align:center;margin:12px 0;display:none}.invite-modal .invite-code-display .invite-code-text{font-size:1.6rem;font-weight:700;color:#4a9eff;font-family:Courier New,monospace;letter-spacing:3px}.invite-modal .invite-code-display .invite-link{display:block;font-size:.75rem;color:#888;margin-top:6px;word-break:break-all}.copy-btn{display:inline-block;margin-top:8px;padding:6px 16px;background:#333;border:1px solid #555;border-radius:5px;color:#ccc;font-size:.8rem;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#444}.invite-link-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#4a9eff14;border:1px solid rgba(74,158,255,.25);border-radius:8px;margin:10px 0}.invite-link-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-family:Courier New,monospace;color:#4a9eff;cursor:default;user-select:all}.invite-copy-btn{flex-shrink:0;padding:6px 14px;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.invite-copy-btn:hover{background:#3b8fef}.generate-invite-btn{display:block;width:100%;padding:10px;background:#4a9eff;border:none;border-radius:6px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s}.generate-invite-btn:hover{background:#3a8eef}.active-invites{margin-top:16px;border-top:1px solid #333;padding-top:12px}.active-invites h4{margin:0 0 10px;font-size:.9rem;color:#aaa}.invites-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.invite-item{display:flex;align-items:center;justify-content:space-between;background:#0f0f1a;border:1px solid #333;border-radius:6px;padding:8px 12px}.invite-item .invite-code{font-family:Courier New,monospace;font-weight:700;color:#4a9eff;font-size:.9rem}.invite-item .invite-meta{display:flex;gap:10px;align-items:center;font-size:.75rem;color:#888}.invite-uses{color:#aaa}.invite-expires{color:#888}.invite-revoke{padding:4px 10px;background:#e74c3c;border:none;border-radius:4px;color:#fff;font-size:.75rem;cursor:pointer;transition:background .2s}.invite-revoke:hover{background:#c0392b}.no-invites{color:#666;font-size:.85rem;text-align:center;padding:12px}.owner-toggle-btn{position:fixed;top:80px;left:16px;width:44px;height:44px;border-radius:50%;background:#4a9eff33;border:2px solid #4a9eff;color:#4a9eff;font-size:1.3rem;cursor:pointer;z-index:1200;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s;box-shadow:0 2px 8px #0000004d}.owner-toggle-btn:hover{background:#4a9eff59;transform:scale(1.08)}.room-owner-panel{position:fixed;top:130px;left:16px;z-index:1200;animation:ownerPanelSlide .2s ease}@keyframes ownerPanelSlide{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.owner-panel-inner{background:#1a1a2ef2;border:1px solid #333;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 16px #0006;backdrop-filter:blur(6px)}.owner-btn{padding:8px 16px;background:#222;border:1px solid #444;border-radius:6px;color:#ccc;font-size:.85rem;cursor:pointer;transition:background .2s,border-color .2s;text-align:left;white-space:nowrap}.owner-btn:hover{background:#333;border-color:#4a9eff;color:#fff}.owner-btn-close{padding:4px 10px;background:transparent;border:none;color:#888;font-size:.8rem;cursor:pointer;text-align:center;margin-top:2px}.owner-btn-close:hover{color:#ccc}.room-toasts{position:fixed;top:16px;right:16px;z-index:8500;display:flex;flex-direction:column;gap:8px;pointer-events:none}.room-toast{padding:10px 18px;border-radius:8px;font-size:.9rem;color:#fff;pointer-events:auto;animation:toastSlideIn .3s ease;box-shadow:0 4px 12px #0006;max-width:340px}@keyframes toastSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.room-toast-success{background:#27ae60e6;border:1px solid #27ae60}.room-toast-error{background:#e74c3ce6;border:1px solid #e74c3c}.room-toast-info{background:#4a9effe6;border:1px solid #4a9eff}.room-toast-fade{animation:toastFadeOut .3s ease forwards}@keyframes toastFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.settings-editor label{display:block;margin-bottom:12px;font-size:.9rem;color:#ccc}.settings-editor label span{display:block;margin-bottom:4px;font-size:.8rem;color:#888}.settings-editor input[type=text],.settings-editor input[type=password]{width:100%;padding:8px 10px;background:#0f0f1a;border:1px solid #444;border-radius:5px;color:#e0e0e0;font-size:.9rem;box-sizing:border-box}.settings-editor input:focus{outline:none;border-color:#4a9eff}.settings-card{width:520px!important;max-width:96vw!important}.settings-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);padding:0;gap:0;position:sticky;top:0;z-index:2;background:linear-gradient(165deg,#161826fa,#121420fa);border-radius:18px 18px 0 0}.settings-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:14px 10px;background:none;border:none;border-bottom:2px solid transparent;color:#ffffff73;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s,background .2s;letter-spacing:.3px}.settings-tab svg{opacity:.6}.settings-tab:hover svg{opacity:.85}.settings-tab.active svg{opacity:1}.settings-tab:hover{color:#ffffffb3;background:#ffffff08}.settings-tab.active{color:#4caf50;border-bottom-color:#4caf50;background:#4caf500d}.settings-tab-content{display:none;padding:0}.settings-tab-content.active{display:block}.controls-tab-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px 8px}.controls-tab-title{margin:0;font-size:16px;color:#fff;font-weight:700}.controls-reset-all{background:#e945601f;border:1px solid rgba(233,69,96,.3);color:#e94560;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.controls-reset-all:hover{background:#e9456040}.controls-hint{padding:0 22px 10px;font-size:11px;color:#ffffff59;margin:0}.controls-list{padding:0 12px 16px}.controls-category{margin-bottom:12px}.controls-cat-title{font-size:11px;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;padding:6px 10px;margin:0}.controls-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;transition:background .15s}.controls-row:hover{background:#ffffff0a}.controls-action-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.controls-action-label{flex:1;font-size:13px;color:#ffffffbf;font-weight:500}.controls-keys{display:flex;gap:4px;flex-shrink:0}.controls-key-btn{min-width:52px;padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:12px;font-weight:600;font-family:SF Mono,Fira Code,monospace;cursor:pointer;text-align:center;transition:all .2s}.controls-key-btn:hover{background:#4caf5026;border-color:#4caf5066}.controls-key-btn.rebinding{background:#e9456033;border-color:#e94560;color:#e94560;animation:rebindPulse .8s ease infinite}.controls-key-alt{color:#ffffff59;border-style:dashed}@keyframes rebindPulse{0%,to{box-shadow:0 0 #e945604d}50%{box-shadow:0 0 8px 2px #e945604d}}.hud-tab-content{padding:24px 22px;text-align:center}.hud-tab-title{margin:0 0 8px;font-size:18px;color:#fff}.hud-tab-desc{font-size:13px;color:#ffffff80;margin:0 0 20px;line-height:1.5}.hud-tab-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;text-align:left}.hud-feature{display:flex;align-items:center;gap:8px;font-size:12px;color:#fff9;padding:8px 12px;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.hud-open-editor-btn{padding:12px 32px;background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.5px}.hud-open-editor-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4caf5059}.crew-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;padding:0 4px;margin-left:4px;vertical-align:middle}.crew-panel{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;animation:crewFadeIn .2s ease}@keyframes crewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crewSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes crewTabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.crew-card{background:linear-gradient(160deg,#1e293bfa,#0f172afa);border:1px solid rgba(255,255,255,.08);border-radius:20px;width:520px;max-width:95vw;height:min(600px,85vh);display:flex;flex-direction:column;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff0a inset;overflow:hidden;animation:crewSlideUp .25s ease}.crew-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.crew-title{color:#f1f5f9;font-size:18px;font-weight:700;margin:0;letter-spacing:-.3px}.crew-close{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.crew-close:hover{background:#ef44441f;border-color:#ef444440;color:#f87171}.crew-tabs{display:flex;gap:2px;padding:6px 16px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.04)}.crew-tab{flex:1;background:none;border:none;color:#64748b;font-size:12px;font-weight:600;padding:9px 6px;cursor:pointer;border-radius:8px;transition:all .2s;white-space:nowrap;font-family:inherit}.crew-tab:hover{color:#94a3b8;background:#ffffff0a}.crew-tab.active{color:#60a5fa;background:#3b82f61f}.crew-tab-content{display:none;padding:16px 20px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;opacity:0;transition:opacity .15s ease}.crew-tab-content.active{display:flex;flex-direction:column;opacity:1;animation:crewTabFadeIn .2s ease}.crew-tab-content::-webkit-scrollbar{width:5px}.crew-tab-content::-webkit-scrollbar-track{background:transparent}.crew-tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.crew-section-label{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:16px 0 8px;padding:0}.crew-section-label:first-child{margin-top:0}.crew-list{display:flex;flex-direction:column;gap:4px}.crew-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:background .15s,border-color .15s}.crew-item:hover{background:#ffffff0f;border-color:#ffffff14}.crew-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 2px 8px #3b82f633}.crew-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.crew-name{color:#e2e8f0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-username{color:#64748b;font-size:12px}.crew-room{color:#22c55e;font-size:11px;font-weight:500}.crew-item-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.crew-empty{color:#475569;font-size:13px;text-align:center;padding:28px 12px;margin:0;line-height:1.5}.crew-action-btn{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#60a5fa;font-size:12px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;font-family:inherit;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.crew-action-btn:hover{background:#3b82f638;transform:translateY(-1px)}.crew-action-btn:active{transform:translateY(0)}.crew-action-btn:disabled{opacity:.4;cursor:default;transform:none}.crew-join-btn{background:#22c55e1f;border-color:#22c55e40;color:#4ade80}.crew-join-btn:hover{background:#22c55e38}.crew-remove-btn{background:#ef444414;border-color:#ef444426;color:#f87171;opacity:.35;transition:all .25s;font-size:12px;padding:6px 12px}.crew-item:hover .crew-remove-btn,.crew-remove-btn:focus{opacity:1}.crew-remove-btn:hover{background:#ef44442e;opacity:1}.crew-accept-btn{background:#22c55e1f;border-color:#22c55e40;color:#4ade80;font-size:12px;padding:6px 14px}.crew-accept-btn:hover{background:#22c55e38}.crew-reject-btn{background:#ef444414;border-color:#ef444426;color:#f87171;font-size:12px;padding:6px 14px}.crew-reject-btn:hover{background:#ef44442e}.crew-request-actions{display:flex;gap:6px;flex-shrink:0}.crew-action-success{color:#4ade80!important;border-color:#22c55e4d!important}.crew-action-error{color:#f87171!important;border-color:#ef444433!important;font-size:10px!important}.crew-avatar-tag{border-radius:10px;background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:11px;letter-spacing:1px;box-shadow:0 2px 8px #f59e0b40}.crew-create-link{background:transparent;border:none;color:#94a3b8b3;font-size:12px;padding:4px 0;margin-top:6px;width:auto;cursor:pointer;text-align:left}.crew-create-link:hover{color:#fbbf24;background:transparent}.crew-item-crew{cursor:pointer}.crew-detail-header{margin-bottom:12px}.crew-add-btn{background:#3b82f61f;border-color:#3b82f640;color:#60a5fa;font-size:12px;padding:6px 14px}.crew-add-btn:hover{background:#3b82f638}.crew-status-label{color:#64748b;font-size:12px;padding:6px 10px;font-weight:500}.crew-search-row{display:flex;gap:8px;margin-bottom:12px}.crew-search-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;padding:10px 14px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.crew-search-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.crew-search-input::placeholder{color:#475569}.crew-search-btn{background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#60a5fa;padding:10px 16px;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s}.crew-search-btn:hover{background:#3b82f638}.crew-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:10px;margin-bottom:4px;transition:background .15s;flex-wrap:wrap}.crew-row:hover{background:#ffffff0f}.crew-row .crew-name{flex:1;min-width:80px}.crew-row .crew-status{font-size:12px;color:#94a3b8}.crew-form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;margin-top:12px}.crew-form-row{display:flex;gap:8px;margin-bottom:8px}.crew-form-row:last-child{margin-bottom:0}.crew-form-label{color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px;display:block}.crew-form-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;padding:8px 10px;font-size:13px;outline:none;font-family:inherit;cursor:pointer}.crew-form-select option{background:#1e293b}.crew-form-error{color:#f87171;font-size:12px;margin-top:6px;padding:6px 10px;background:#ef444414;border-radius:6px;border:1px solid rgba(239,68,68,.12)}.crew-confirm-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:4500;animation:crewFadeIn .15s ease}.crew-confirm-card{background:linear-gradient(160deg,#1e293bfc,#0f172afc);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;width:380px;max-width:90vw;box-shadow:0 20px 60px #00000080;animation:crewSlideUp .2s ease;text-align:center}.crew-confirm-icon{font-size:36px;margin-bottom:12px;line-height:1}.crew-confirm-title{color:#f1f5f9;font-size:16px;font-weight:700;margin:0 0 8px}.crew-confirm-msg{color:#94a3b8;font-size:13px;margin:0 0 24px;line-height:1.5}.crew-confirm-actions{display:flex;gap:10px;justify-content:center}.crew-confirm-cancel{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.crew-confirm-cancel:hover{background:#ffffff1a;color:#fff}.crew-confirm-ok{flex:1;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.crew-confirm-ok.confirm-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.crew-confirm-ok.confirm-danger:hover{box-shadow:0 6px 24px #ef444473;transform:translateY(-1px)}.crew-confirm-ok.confirm-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f64d}.crew-confirm-ok.confirm-primary:hover{box-shadow:0 6px 24px #3b82f673;transform:translateY(-1px)}.crew-confirm-ok.confirm-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e4d}.crew-confirm-ok.confirm-success:hover{box-shadow:0 6px 24px #22c55e73;transform:translateY(-1px)}.crew-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#1e293bf7;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:12px 24px;border-radius:12px;font-size:13px;font-weight:500;z-index:5000;box-shadow:0 12px 40px #00000080;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.crew-toast-show{opacity:1;transform:translate(-50%) translateY(0)}.crew-toast-info{border-left:3px solid #3b82f6}.crew-toast-success{border-left:3px solid #22c55e}.crew-toast-error{border-left:3px solid #ef4444}.crew-status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(15,23,42,.9)}.crew-status-dot.crew-online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.crew-status-dot.crew-offline{background:#475569}.crew-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;margin-left:4px;line-height:1}.crew-item-pending{background:#fbbf240f;border-color:#fbbf2426}.crew-item-pending:hover{background:#fbbf241a;border-color:#fbbf2440}.crew-avatar-incoming{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.crew-battle-record{margin-bottom:12px}.crew-battle-stats{display:flex;gap:8px;justify-content:center;padding:10px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px}.battle-stat{font-size:13px;font-weight:600;padding:4px 12px;border-radius:6px}.battle-wins{color:#4ade80;background:#22c55e1a}.battle-losses{color:#f87171;background:#ef44441a}.battle-total{color:#94a3b8;background:#94a3b814}.crew-challenge-btn{background:linear-gradient(135deg,#f59e0b26,#ef44441a);border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:14px;font-weight:700;padding:12px;border-radius:10px}.crew-challenge-btn:hover{background:linear-gradient(135deg,#f59e0b40,#ef444426);transform:translateY(-1px)}.crew-picker-item{cursor:pointer;padding:8px 12px}.crew-picker-item:hover{background:#3b82f614}.crew-picker-selected{background:#3b82f61f!important;border-color:#3b82f659!important;box-shadow:0 0 0 1px #3b82f633 inset}.battle-lobby-overlay{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:battleLobbyFadeIn .3s ease}@keyframes battleLobbyFadeIn{0%{opacity:0}to{opacity:1}}.battle-lobby-card{position:relative;width:700px;max-width:95vw;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 36px;color:#e2e8f0;box-shadow:0 25px 60px #00000080,0 0 80px #3b82f614;animation:battleCardSlideIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes battleCardSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.battle-lobby-close{position:absolute;top:16px;right:16px;border:none;background:#ffffff0f;color:#94a3b8;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.battle-lobby-close:hover{background:#ffffff1f;color:#f87171}.battle-lobby-header{text-align:center;margin-bottom:24px}.battle-lobby-title{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:10px;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.battle-lobby-info{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.battle-info-tag{display:inline-block;padding:4px 12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:12px;color:#94a3b8;letter-spacing:.5px}.battle-lobby-teams{display:flex;gap:16px;align-items:stretch;margin-bottom:20px}.battle-lobby-team{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;min-height:140px}.battle-lobby-vs{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#ffffff26;letter-spacing:2px;flex-shrink:0;width:50px}.battle-team-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.battle-team-tag{font-weight:700;font-size:16px;color:#60a5fa;letter-spacing:.5px}.battle-team-name{flex:1;font-size:14px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-team-count{font-size:12px;color:#64748b;font-weight:600}.battle-team-players{display:flex;flex-direction:column;gap:8px}.battle-player-slot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:all .2s}.battle-player-ready{background:#22c55e14;border-color:#22c55e33}.battle-player-waiting{background:#ffffff05}.battle-player-empty{opacity:.4}.battle-player-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4b5563,#374151);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#e2e8f0;flex-shrink:0}.battle-player-ready .battle-player-avatar{background:linear-gradient(135deg,#22c55e,#16a34a)}.battle-player-name{flex:1;font-size:14px;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-player-empty .battle-player-name{color:#64748b;font-style:italic}.battle-player-status{font-size:18px;flex-shrink:0;width:24px;text-align:center}.battle-player-ready .battle-player-status{color:#22c55e}.battle-player-waiting .battle-player-status,.battle-player-empty .battle-player-status{color:#475569}.battle-lobby-status{text-align:center;font-size:14px;padding:12px 16px;border-radius:10px;background:#ffffff08;margin-bottom:16px;color:#94a3b8;letter-spacing:.3px}.battle-status-live{color:#22c55e;background:#22c55e14;border:1px solid rgba(34,197,94,.15);font-weight:600;animation:battlePulse 1.5s infinite}@keyframes battlePulse{0%,to{opacity:1}50%{opacity:.7}}.battle-status-waiting{color:#f59e0b}.battle-status-done{color:#94a3b8}.battle-status-error{color:#f87171}.battle-lobby-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.battle-action-btn{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.3px}.battle-action-btn:disabled{opacity:.5;cursor:not-allowed}.battle-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.battle-btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.battle-btn-ready{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d;min-width:140px}.battle-btn-ready:hover:not(:disabled){box-shadow:0 6px 16px #22c55e66;transform:translateY(-1px)}.battle-btn-danger{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2)}.battle-btn-danger:hover:not(:disabled){background:#ef444433}.battle-btn-secondary{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.08)}.battle-btn-secondary:hover{background:#ffffff1a}.support-panel{position:fixed;inset:0;z-index:700;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:authFadeIn .2s ease}.support-card{background:linear-gradient(168deg,#141624f7,#0c0d16fc);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:0;width:540px;max-width:95vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0a inset,0 1px #ffffff0f inset;animation:supportSlideUp .35s cubic-bezier(.16,1,.3,1);position:relative}@keyframes supportSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.support-close-btn{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff6;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:5}.support-close-btn:hover{background:#ff50501f;border-color:#ff50504d;color:#ff6b6b}.support-header{display:flex;align-items:center;gap:14px;padding:22px 24px 18px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.support-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f133,#8b5cf626);border:1px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.support-header-text{flex:1}.support-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 2px;letter-spacing:-.2px}.support-subtitle{font-size:12px;color:#ffffff59;margin:0}.support-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.support-form-section{padding:0;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05)}.support-new-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:14px 24px;background:none;border:none;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.support-new-toggle:hover{color:#fff;background:#ffffff05}.support-new-toggle-icon{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#6366f140,#8b5cf633);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:15px;color:#a78bfa;transition:transform .25s ease;line-height:1}.support-new-toggle.open .support-new-toggle-icon{transform:rotate(45deg)}.support-form-collapsible{padding:0 24px 18px;animation:supportFormExpand .25s ease}@keyframes supportFormExpand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.support-categories{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.support-category-chip{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:#ffffff80;transition:all .15s;user-select:none}.support-category-chip input{display:none}.support-cat-icon{font-size:13px;display:inline-flex;align-items:center}.support-category-chip:hover{border-color:#ffffff26;color:#ffffffb3}.support-category-chip.active{background:#6366f11f;border-color:#6366f159;color:#c4b5fd}.support-priority-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.support-priority-label{font-size:11px;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;font-weight:600;flex-shrink:0}.support-priority-btns{display:flex;gap:6px}.support-priority-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:500;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffff73;transition:all .15s;user-select:none}.support-priority-chip input{display:none}.support-priority-chip:hover{border-color:#ffffff1f}.support-priority-chip.active{background:#ffffff0f;border-color:#ffffff26;color:#fffc}.support-pri-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pri-low{background:#4caf50}.pri-medium{background:#ffa726}.pri-high{background:#ef5350}.support-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#e2e8f0;padding:10px 14px;font-size:13px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;margin-bottom:8px}.support-input:focus{outline:none;border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.support-input::placeholder{color:#ffffff38}.support-textarea{resize:vertical;min-height:60px;max-height:160px;line-height:1.5;margin-bottom:0}.support-textarea-wrap{position:relative}.support-textarea-wrap .support-char-count{position:absolute;bottom:10px;right:14px;font-size:10px;color:#fff3;pointer-events:none}.support-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}.support-cancel-btn{background:none;border:1px solid rgba(255,255,255,.08);color:#ffffff80;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.support-cancel-btn:hover{border-color:#ffffff26;color:#ffffffb3}.support-submit-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6366f140,#8b5cf633);border:1px solid rgba(99,102,241,.35);color:#c4b5fd;padding:8px 18px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.support-submit-btn:hover{background:linear-gradient(135deg,#6366f159,#8b5cf64d);color:#ddd6fe;box-shadow:0 4px 20px #6366f126}.support-submit-btn:disabled{opacity:.5;cursor:not-allowed}.support-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top-color:#c4b5fd;border-radius:50%;animation:supportSpin .6s linear infinite}@keyframes supportSpin{to{transform:rotate(360deg)}}.support-error{color:#f87171;font-size:12px;margin-top:8px;text-align:center;padding:6px 12px;background:#f871710f;border-radius:6px}.support-success{color:#4ade80;font-size:12px;margin-top:8px;text-align:center;padding:6px 12px;background:#4ade800f;border-radius:6px}.support-filter-tabs{display:flex;gap:2px;padding:10px 24px 0;flex-shrink:0}.support-filter-tab{background:none;border:none;color:#ffffff59;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit;text-transform:uppercase;letter-spacing:.4px}.support-filter-tab:hover{color:#fff9;background:#ffffff08}.support-filter-tab.active{color:#c4b5fd;background:#6366f11a}.support-history-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 24px 16px}.support-history-list{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.support-history-list::-webkit-scrollbar{width:4px}.support-history-list::-webkit-scrollbar-track{background:transparent}.support-history-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.support-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:#ffffff40;font-size:13px}.support-history-item{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .2s;position:relative}.support-history-item:hover{border-color:#6366f133;background:#6366f10a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.support-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.support-item-cat{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;display:inline-flex;align-items:center;gap:3px}.cat-general{background:#94a3b81a;color:#94a3b8}.cat-bug{background:#ef44441a;color:#f87171}.cat-feature{background:#a855f71a;color:#c084fc}.cat-account{background:#3b82f61a;color:#60a5fa}.support-item-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:10px}.support-item-status[data-status=open]{background:#facc151a;color:#fbbf24}.support-item-status[data-status=in-progress]{background:#3b82f61a;color:#60a5fa}.support-item-status[data-status=resolved]{background:#22c55e1a;color:#4ade80}.support-item-status[data-status=closed]{background:#64748b1a;color:#64748b}.support-item-subject{font-size:13px;font-weight:600;color:#f1f5f9;margin-bottom:3px;display:flex;align-items:center;gap:6px}.support-item-dot{width:7px;height:7px;border-radius:50%;background:#818cf8;flex-shrink:0;box-shadow:0 0 6px #818cf880;animation:supportDotPulse 2s ease-in-out infinite}@keyframes supportDotPulse{0%,to{opacity:1}50%{opacity:.4}}.support-item-preview{font-size:12px;color:#ffffff59;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.support-item-footer{display:flex;justify-content:space-between;align-items:center}.support-item-time{font-size:10px;color:#fff3}.support-item-id{font-size:10px;color:#ffffff26;font-family:SF Mono,Fira Code,monospace}.support-status-open{border-left:3px solid #fbbf24}.support-status-in-progress{border-left:3px solid #3b82f6}.support-status-resolved{border-left:3px solid #22c55e}.support-status-closed{border-left:3px solid #475569}.support-thread-view{flex:1;display:flex;flex-direction:column;min-height:0}.support-thread-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;background:#ffffff03}.support-back-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#ffffff80;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.support-back-btn:hover{background:#ffffff14;color:#fff}.support-thread-info{flex:1;min-width:0}.support-thread-subject{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-thread-meta{font-size:11px;color:#ffffff4d;display:flex;gap:6px;align-items:center;margin-top:2px}.support-thread-cat-badge{display:inline-flex}.support-meta-sep{color:#ffffff26}.support-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:#0000001f}.support-messages::-webkit-scrollbar{width:4px}.support-messages::-webkit-scrollbar-track{background:transparent}.support-messages::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.support-msg{display:flex;gap:10px;max-width:85%;animation:supportMsgIn .2s ease}@keyframes supportMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.support-msg-user{align-self:flex-end;flex-direction:row-reverse}.support-msg-admin{align-self:flex-start}.support-msg-avatar{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;line-height:1}.user-avatar{background:linear-gradient(135deg,#3b82f633,#6366f126);border:1px solid rgba(59,130,246,.25);color:#93c5fd}.admin-avatar{background:linear-gradient(135deg,#22c55e26,#10b9811a);border:1px solid rgba(34,197,94,.25);color:#4ade80;font-size:14px}.support-msg-bubble{padding:10px 14px;border-radius:14px;min-width:0}.support-msg-user .support-msg-bubble{background:#3b82f61f;border:1px solid rgba(59,130,246,.18);border-bottom-right-radius:4px}.support-msg-admin .support-msg-bubble{background:#22c55e0f;border:1px solid rgba(34,197,94,.12);border-bottom-left-radius:4px}.support-msg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.support-msg-sender{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.support-msg-user .support-msg-sender{color:#93c5fd}.support-msg-admin .support-msg-sender{color:#4ade80}.support-msg-time{font-size:10px;color:#fff3;white-space:nowrap}.support-msg-text{font-size:13px;line-height:1.55;color:#fffc;word-break:break-word}.support-msg-system{align-self:center;max-width:100%;color:#ffffff40;font-size:11px;text-align:center;padding:4px 16px;background:#ffffff05;border-radius:12px}.support-reply-bar{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;align-items:flex-end;background:#ffffff03}.support-reply-input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#e2e8f0;padding:10px 14px;font-size:13px;font-family:inherit;resize:none;min-height:40px;max-height:100px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.support-reply-input:focus{outline:none;border-color:#6366f159;box-shadow:0 0 0 3px #6366f10f}.support-reply-input::placeholder{color:#fff3}.support-reply-send{background:linear-gradient(135deg,#6366f140,#8b5cf633);border:1px solid rgba(99,102,241,.3);color:#a5b4fc;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.support-reply-send:hover{background:linear-gradient(135deg,#6366f166,#8b5cf659);color:#c7d2fe;box-shadow:0 4px 16px #6366f126}.support-reply-send:disabled{opacity:.35;cursor:not-allowed}.support-reply-closed{padding:14px 20px;text-align:center;font-size:12px;color:#ffffff4d;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#22c55e08}.auth-bar-btn-support:hover{background:#ffffff1a}@keyframes skeleton-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.skeleton-line{display:block;height:.875rem;border-radius:.375rem;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.lb-loading,.crew-empty.loading{display:flex;flex-direction:column;gap:.625rem;padding:1rem 0}.lb-loading:before,.lb-loading:after,.crew-empty.loading:before,.crew-empty.loading:after{content:"";display:block;height:2.5rem;border-radius:.5rem;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.lb-loading:after,.crew-empty.loading:after{width:70%;animation-delay:.2s}#authBarOverflow{display:contents}#authBarMore{display:none}.notif-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;margin-left:4px;min-width:16px;text-align:center;line-height:1.4}.notif-panel{position:fixed;inset:0;z-index:10001;display:flex;align-items:flex-start;justify-content:center;background:#00000080;backdrop-filter:blur(4px);padding-top:60px;animation:authFadeIn .2s ease}.notif-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:380px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.notif-title{margin:0;font-size:15px;color:#fff;font-weight:600}.notif-header-actions{display:flex;gap:8px;align-items:center}.notif-mark-all{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.notif-mark-all:hover{background:#ffffff0f;color:#fff}.notif-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px}.notif-close:hover{color:#fff;background:#ffffff0f}.notif-list{overflow-y:auto;flex:1;padding:8px}.notif-empty{text-align:center;color:#fff6;padding:24px 16px;font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s;position:relative}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#3b82f614;border-left:3px solid #3b82f6}.notif-item-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px}.notif-item-msg{font-size:12px;color:#fff9;line-height:1.3}.notif-item-time{font-size:10px;color:#ffffff59;margin-top:3px}.notif-item-dismiss{background:none;border:none;color:#ffffff40;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.notif-item:hover .notif-item-dismiss{opacity:1}.notif-item-dismiss:hover{color:#ef4444}.crew-detail-tabs{display:flex;gap:2px;margin-bottom:10px;background:#ffffff08;border-radius:8px;padding:3px}.crew-detail-tab{flex:1;background:none;border:none;color:#ffffff80;font-size:12px;font-weight:600;padding:7px 6px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.crew-detail-tab:hover{color:#fffc;background:#ffffff0a}.crew-detail-tab.active{background:#3b82f61f;color:#60a5fa}.crew-rank-bar{display:flex;align-items:center;gap:6px;margin-top:4px}.crew-rank-title{font-size:11px;font-weight:700;color:#fbbf24;white-space:nowrap}.crew-xp-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;min-width:40px}.crew-xp-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:width .3s ease}.crew-xp-label{font-size:9px;color:#fff6;white-space:nowrap}.crew-emblem-slot{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-right:10px}.crew-emblem-svg{display:block}.crew-emblem-editor{display:flex;gap:16px;flex-wrap:wrap}.crew-emblem-preview{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.crew-emblem-preview .crew-emblem-svg{width:80px;height:80px}.crew-emblem-controls{flex:1;min-width:180px}.crew-emblem-label{display:block;font-size:11px;font-weight:600;color:#ffffff80;margin-bottom:4px;margin-top:8px}.crew-emblem-label:first-child{margin-top:0}.crew-emblem-options{display:flex;flex-wrap:wrap;gap:4px}.crew-emblem-opt{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:11px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}.crew-emblem-opt:hover{background:#ffffff14;color:#fff}.crew-emblem-opt.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.crew-emblem-color{width:100%;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:transparent;cursor:pointer;padding:2px}.crew-chat-container{display:flex;flex-direction:column;height:320px}.crew-chat-messages{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.crew-chat-msg{display:flex;flex-direction:column;padding:6px 10px;border-radius:10px;background:#ffffff0a;max-width:85%;align-self:flex-start}.crew-chat-msg-me{align-self:flex-end;background:#3b82f61f}.crew-chat-author{font-size:10px;font-weight:700;color:#60a5fa;margin-bottom:1px}.crew-chat-msg-me .crew-chat-author{color:#93c5fd}.crew-chat-text{font-size:13px;color:#ffffffe6;line-height:1.35;word-break:break-word}.crew-chat-time{font-size:9px;color:#ffffff4d;align-self:flex-end;margin-top:2px}.crew-chat-input-row{display:flex;gap:6px;padding:8px;border-top:1px solid rgba(255,255,255,.08)}.crew-chat-input{flex:1;font-size:13px}.mmr-panel{position:fixed;inset:0;z-index:10001;display:flex;align-items:flex-start;justify-content:center;background:#00000080;backdrop-filter:blur(4px);padding-top:60px;animation:authFadeIn .2s ease}.mmr-card{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:400px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 16px 48px #0006;overflow:hidden}.mmr-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.mmr-title{margin:0;font-size:15px;color:#fff;font-weight:600}.mmr-close{background:none;border:none;color:#fff6;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px}.mmr-close:hover{color:#fff;background:#ffffff0f}.mmr-tabs{display:flex;gap:2px;padding:8px 12px;background:#ffffff05}.mmr-tab{flex:1;background:none;border:none;color:#ffffff80;font-size:12px;font-weight:600;padding:7px 6px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.mmr-tab:hover{color:#fffc;background:#ffffff0a}.mmr-tab.active{background:#3b82f61f;color:#60a5fa}.mmr-tab-content{overflow-y:auto;flex:1;padding:12px 16px}.mmr-overview-loading{text-align:center;color:#fff6;padding:24px;font-size:13px}.mmr-section-label{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.mmr-profile{text-align:center;padding:12px 0}.mmr-rank-badge{display:inline-flex;flex-direction:column;align-items:center;padding:16px 24px;border:2px solid;border-radius:14px;background:#ffffff08;margin-bottom:12px}.mmr-rating{font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px}.mmr-rank-name{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mmr-stats-row{display:flex;justify-content:center;gap:20px}.mmr-stat{display:flex;flex-direction:column;align-items:center}.mmr-stat-val{font-size:18px;font-weight:700;color:#fff}.mmr-stat-label{font-size:10px;color:#fff6;text-transform:uppercase}.mmr-history-chart{margin:8px 0}.mmr-sparkline{width:100%;height:60px;display:block}.mmr-history-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;margin-bottom:3px}.mmr-history-item.mmr-win{background:#4caf5014}.mmr-history-item.mmr-loss{background:#ef444414}.mmr-match-result{font-size:12px;font-weight:800;width:20px;text-align:center}.mmr-win .mmr-match-result{color:#4caf50}.mmr-loss .mmr-match-result{color:#ef4444}.mmr-match-delta{font-size:12px;font-weight:600;width:40px}.mmr-win .mmr-match-delta{color:#4caf50}.mmr-loss .mmr-match-delta{color:#ef4444}.mmr-match-rating{font-size:12px;color:#ffffffb3;flex:1}.mmr-match-time{font-size:10px;color:#ffffff59}.mmr-mode-btns{display:flex;gap:6px;margin-bottom:12px}.mmr-mode-btn{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:14px;font-weight:700;padding:10px;border-radius:8px;cursor:pointer;transition:all .15s;font-family:inherit}.mmr-mode-btn:hover{background:#ffffff14;color:#fff}.mmr-mode-btn.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.mmr-find-btn{width:100%;padding:12px;font-size:15px;font-weight:700}.mmr-queue-active{text-align:center;padding:20px 0}.mmr-queue-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;margin:0 auto 12px;animation:mmr-spin 1s linear infinite}@keyframes mmr-spin{to{transform:rotate(360deg)}}.mmr-queue-status{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.mmr-queue-mode{font-size:16px;font-weight:700;color:#fff}.mmr-queue-time{font-size:24px;font-weight:800;color:#60a5fa;font-variant-numeric:tabular-nums}.mmr-queue-count{font-size:12px;color:#fff6}.mmr-match-found{text-align:center;padding:24px 0;animation:authFadeIn .3s ease}.mmr-match-found-icon{font-size:40px;margin-bottom:8px}.mmr-match-found h4{color:#4caf50;font-size:18px;margin:0 0 12px}.mmr-opponent-info{display:flex;flex-direction:column;gap:2px}.mmr-opponent-name{font-size:16px;font-weight:700;color:#fff}.mmr-opponent-rating{font-size:13px;color:#ffffff80}.mmr-match-hint{font-size:12px;color:#ffffff59;margin-top:12px}.mmr-lb-list{display:flex;flex-direction:column;gap:2px}.mmr-lb-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff05}.mmr-lb-item:hover{background:#ffffff0a}.mmr-lb-pos{font-size:12px;font-weight:700;color:#fff6;width:30px}.mmr-lb-name{flex:1;font-size:13px;font-weight:600;color:#fff}.mmr-lb-rating{font-size:14px;font-weight:700;width:50px;text-align:right}.mmr-lb-rank{font-size:11px;font-weight:600;width:80px;text-align:right}.crew-chat-badge{display:inline-block;background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;margin-left:4px;min-width:16px;text-align:center;line-height:1.4}.crew-chat-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;width:400px;max-width:95vw;height:520px;max-height:80vh;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 16px 48px #00000080;animation:authFadeIn .2s ease}.crew-chat-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.crew-chat-title{margin:0;font-size:15px;color:#fff;font-weight:600;flex:1}.crew-chat-back-btn,.crew-chat-close-btn{background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.crew-chat-back-btn:hover,.crew-chat-close-btn:hover{background:#ffffff1a;color:#fff}.crew-chat-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.crew-chat-list{flex:1;overflow-y:auto;padding:4px 0}.crew-chat-empty{color:#64748b;text-align:center;padding:32px 16px;font-size:13px;line-height:1.6}.crew-chat-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.crew-chat-item:hover{background:#ffffff0f}.crew-chat-item-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#4a90d9,#357abd);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.crew-chat-item-info{flex:1;min-width:0}.crew-chat-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.crew-chat-item-name{font-size:14px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crew-chat-item-time{font-size:11px;color:#64748b;flex-shrink:0;margin-left:8px}.crew-chat-item-bottom{display:flex;align-items:center;justify-content:space-between}.crew-chat-item-preview{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.crew-chat-preview-author{font-weight:600;color:#a0aec0}.crew-chat-no-messages{font-style:italic;color:#64748b}.crew-chat-item-unread{display:inline-flex;align-items:center;justify-content:center;background:#22c55e;color:#fff;font-size:10px;font-weight:700;padding:0 6px;border-radius:10px;min-width:18px;height:18px;flex-shrink:0;margin-left:8px}.crew-chat-conversation{flex:1;display:flex;flex-direction:column;overflow:hidden}.crew-chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.crew-chat-msg{max-width:85%;padding:8px 12px;border-radius:12px 12px 12px 4px;background:#252547;align-self:flex-start}.crew-chat-msg-me{background:#2563eb;align-self:flex-end;border-radius:12px 12px 4px}.crew-chat-msg-author{display:block;font-size:10px;font-weight:700;color:#4a90d9;margin-bottom:2px}.crew-chat-msg-me .crew-chat-msg-author{color:#ffffffb3}.crew-chat-msg-text{display:block;font-size:13px;color:#e2e8f0;word-break:break-word;line-height:1.4}.crew-chat-msg-time{display:block;font-size:10px;color:#64748b;text-align:right;margin-top:2px}.crew-chat-msg-me .crew-chat-msg-time{color:#ffffff80}.crew-chat-input-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.crew-chat-input{flex:1;background:#252547;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 14px;font-size:13px;color:#fff;outline:none;transition:border-color .15s}.crew-chat-input:focus{border-color:#4a90d9}.crew-chat-input::placeholder{color:#64748b}.crew-chat-send-btn{background:#2563eb;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.crew-chat-send-btn:hover{background:#1d4ed8}.crew-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.crew-chat-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:#ef4444;color:#fff;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;z-index:10002;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.crew-chat-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.voice-call-btn{background:none;border:1px solid rgba(74,144,217,.3);border-radius:6px;color:#4a90d9;cursor:pointer;padding:4px 8px;display:flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.voice-call-btn:hover{background:#4a90d926;border-color:#4a90d9}.voice-channel-btn{background:#4a90d91a;border:1px solid rgba(74,144,217,.3);border-radius:8px;color:#4a90d9;cursor:pointer;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .2s}.voice-channel-btn:hover{background:#4a90d940;border-color:#4a90d9}.voice-incoming-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:12000;animation:voiceFadeIn .3s ease}.voice-incoming-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(74,144,217,.3);border-radius:16px;padding:32px 40px;text-align:center;min-width:280px;box-shadow:0 20px 60px #00000080}.voice-incoming-icon{width:64px;height:64px;margin:0 auto 16px;background:#4a90d926;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4a90d9;animation:voiceRing 1.5s ease-in-out infinite}.voice-incoming-name{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:4px}.voice-incoming-label{font-size:13px;color:#94a3b8;margin-bottom:24px}.voice-incoming-actions{display:flex;gap:12px;justify-content:center}.voice-btn{border:none;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.voice-btn-accept{background:#22c55e;color:#fff}.voice-btn-accept:hover{background:#16a34a;transform:scale(1.03)}.voice-btn-decline{background:#ef4444;color:#fff}.voice-btn-decline:hover{background:#dc2626;transform:scale(1.03)}.voice-call-panel{position:fixed;top:16px;right:16px;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(74,144,217,.3);border-radius:12px;padding:12px 16px;min-width:200px;z-index:600;box-shadow:0 8px 32px #0006;animation:voiceSlideIn .3s ease;user-select:none;cursor:move}.voice-call-panel.voice-panel-dragging{opacity:.9;animation:none;cursor:grabbing}.voice-call-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.voice-call-peer-name{font-size:14px;font-weight:600;color:#e2e8f0}.voice-call-status{font-size:11px;color:#94a3b8}.voice-call-timer{font-size:20px;font-weight:700;color:#4a90d9;text-align:center;margin:8px 0;font-variant-numeric:tabular-nums}.voice-call-controls{display:flex;gap:8px;justify-content:center}.voice-ctrl-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#e2e8f0;cursor:pointer;transition:all .2s}.voice-ctrl-btn:hover{background:#ffffff26}.voice-ctrl-btn.voice-ctrl-active{background:#ef444433;border-color:#ef444466;color:#ef4444}.voice-ctrl-hangup{background:#ef444433;border-color:#ef44444d;color:#ef4444}.voice-ctrl-hangup:hover{background:#ef444459}.voice-call-peers-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.voice-channel-peer{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;padding:2px 0}.voice-peer-indicator{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.voice-channel-peer.voice-speaking .voice-peer-indicator{background:#4a90d9;box-shadow:0 0 8px #4a90d999;animation:voicePulse .8s ease-in-out infinite}.crew-item.voice-speaking{box-shadow:0 0 0 2px #4a90d966,inset 0 0 12px #4a90d90d}.voice-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px 20px;color:#e2e8f0;font-size:13px;font-weight:500;z-index:12500;animation:voiceFadeIn .3s ease;transition:opacity .3s}.voice-toast-fade{opacity:0}@keyframes voiceFadeIn{0%{opacity:0}to{opacity:1}}@keyframes voiceSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes voiceRing{0%,to{transform:scale(1);box-shadow:0 0 #4a90d966}50%{transform:scale(1.08);box-shadow:0 0 0 12px #4a90d900}}@keyframes voicePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@media(hover:none)and (pointer:coarse){:root{--touch-target: 2.75rem;--touch-target-lg: 3rem;--mobile-pad: 1rem;--mobile-pad-sm: .75rem;--mobile-radius: .75rem;--mobile-radius-lg: 1rem;--panel-bg: rgba(15, 23, 42, .98);--panel-border: rgba(255, 255, 255, .08);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}}@media(hover:none)and (pointer:coarse){html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}#gameCanvas{touch-action:none;cursor:none}#webglCanvas{touch-action:none}#gameWrapper{padding-bottom:calc(env(safe-area-inset-bottom,0px) + .9375rem)}#gameArea{padding-top:env(safe-area-inset-top,0px)}button,a,input,select,textarea,.room-card,.squad-card,.color-swatch,.crew-tab,.lb-tab,.profile-tab,.mobile-btn,.fire-btn-standalone,.shoot-btn-standalone{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],textarea,select{font-size:16px}}@media(hover:none)and (pointer:coarse){#nameOverlay{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:var(--safe-top, 0px) 0 var(--safe-bottom, 0px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lobby-left{display:none}.menu-container{max-width:100%;width:100%;padding:var(--mobile-pad) var(--mobile-pad) 2rem;max-height:none;overflow-y:visible}.title{font-size:clamp(2rem,10vw,2.75rem);letter-spacing:.1875rem;margin-bottom:.125rem}.title span{font-size:clamp(1.75rem,8vw,2.25rem)}.subtitle{font-size:.6875rem;margin-bottom:1rem;letter-spacing:.125rem}.mode-toggle{margin-bottom:.75rem}.mode-btn{padding:.5rem .75rem;font-size:.75rem;min-height:2.75rem}}@media(hover:none)and (pointer:coarse){.auth-bar{height:auto;min-height:2.25rem;padding:.375rem .625rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.375rem;padding-top:calc(.375rem + env(safe-area-inset-top,0px))}.auth-bar::-webkit-scrollbar{display:none}.auth-welcome{white-space:nowrap;font-size:.6875rem;flex-shrink:0}.auth-bar-actions{display:flex;gap:.25rem;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.auth-bar-actions::-webkit-scrollbar{display:none}.auth-bar-btn{padding:.25rem .5rem;font-size:.6875rem;white-space:nowrap;min-height:2rem;display:inline-flex;align-items:center}.auth-bar-label{display:none}body.auth-bar-visible .auth-bar~#nameOverlay{padding-top:0;top:calc(2.75rem + var(--safe-top, 0px));height:calc(100% - 2.75rem - var(--safe-top, 0px))}.auth-bar{z-index:350;height:auto;min-height:2.25rem;max-height:3.5rem;overflow:visible}}@media(hover:none)and (pointer:coarse){.room-toasts{top:calc(.625rem + var(--safe-top, 0px));right:auto;left:50%;transform:translate(-50%);width:90vw;max-width:22rem;z-index:8500}.room-toast{max-width:100%;font-size:.8125rem;padding:.625rem 1rem;text-align:center}}@media(hover:none)and (pointer:coarse){.room-toolbar{gap:.375rem}.room-search-input{font-size:1rem;padding:.625rem .875rem;min-height:2.75rem;border-radius:.625rem}.room-filter-row{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.375rem;padding-bottom:.25rem;mask-image:linear-gradient(to right,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%)}.room-filter-row::-webkit-scrollbar{display:none}.room-filter-btn{flex:0 0 auto;min-width:0;padding:.4375rem .75rem;font-size:.6875rem;min-height:2rem;border-radius:1rem;white-space:nowrap}}@media(hover:none)and (pointer:coarse){.room-header{margin-bottom:.5rem}.section-title{font-size:.8125rem}.icon-btn{width:2.5rem;height:2.5rem;min-height:2.75rem}.room-list{max-height:min(35vh,280px);gap:.5rem;padding-right:0;overscroll-behavior:contain}.room-card{width:100%;padding:.75rem;border-radius:.75rem;gap:.5rem;transition:background .15s,border-color .15s}.room-card:hover{transform:none;box-shadow:none}.room-card:active{background:#e945601f;border-color:#e9456066}.room-name{font-size:.875rem}.room-meta{font-size:.625rem}.room-access-icon{width:2rem;height:2rem;font-size:.875rem;border-radius:.5rem}.room-players .count,.room-players .count-full{font-size:1rem}.room-players .player-label{font-size:.5625rem}}@media(hover:none)and (pointer:coarse){.create-room-row{flex-direction:column;gap:.5rem;margin-bottom:1rem}#newRoomName{max-width:100%;width:100%;padding:.75rem 1rem;font-size:1rem;min-height:2.75rem;border-radius:.625rem}.small-btn{width:100%;text-align:center;padding:.75rem 1rem;font-size:.875rem;min-height:2.75rem;border-radius:.625rem}.invite-btn{font-size:.8125rem;padding:.75rem 1rem}}@media(hover:none)and (pointer:coarse){.config-panel{max-width:100%;padding:1rem;border-radius:.75rem}.config-row{flex-direction:column;align-items:stretch;gap:.375rem;margin-bottom:.75rem}.config-row label{font-size:.8125rem}.config-input{width:100%;padding:.625rem .75rem;font-size:1rem;min-height:2.75rem;border-radius:.5rem;text-align:left}select.config-input{text-align:left}.config-actions{flex-direction:column;gap:.5rem}.config-actions .back-btn,.config-actions .small-btn{width:100%;text-align:center;min-height:2.75rem}}@media(hover:none)and (pointer:coarse){#nameInput{max-width:100%;width:100%;padding:.875rem 1.25rem;font-size:1rem;min-height:2.75rem}#joinBtn{max-width:100%;width:100%;padding:.875rem 1.5rem;font-size:1.125rem;min-height:3rem}.squad-grid{gap:.5rem}.squad-card{min-width:5rem;flex:1 1 40%;padding:.625rem .5rem;min-height:2.75rem}.squad-card-tag{font-size:1.25rem}.squad-card-name{font-size:.6875rem}.color-grid{gap:.625rem}.color-swatch{width:2.75rem;height:2.75rem}.back-btn{min-height:2.75rem;padding:.625rem 1rem;font-size:.8125rem;width:100%;text-align:center;margin-top:.75rem}.room-label,.picker-title{font-size:.75rem}}@media(hover:none)and (pointer:coarse){.auth-inline{padding:1rem;margin:.75rem 0}.auth-input{font-size:1rem;padding:.75rem 1rem;min-height:2.75rem}.auth-btn{min-height:2.75rem;padding:.75rem 1.5rem;font-size:.9375rem}.auth-btn-guest{padding:1rem;font-size:1rem}.auth-form{gap:.75rem}}@media(hover:none)and (pointer:coarse){.announcement-banner{max-width:100%;padding:0 .5rem}.ann-item{font-size:.75rem;padding:.5rem .75rem}}@media(hover:none)and (pointer:coarse){.status{font-size:.6875rem}.info-btn-lobby{min-height:2.75rem;font-size:.75rem}}@media(hover:none)and (pointer:coarse){.help-panel{width:100%;max-width:100vw;max-height:100vh;border-radius:0;padding:1rem}.help-grid{grid-template-columns:1fr}}@media(hover:none)and (pointer:coarse)and (orientation:portrait){#joystickArea{bottom:calc(4rem + env(safe-area-inset-bottom,0px))!important;left:calc(.75rem + env(safe-area-inset-left,0px))!important;width:7.5rem;height:7.5rem}#joystickBase{width:6.25rem;height:6.25rem}#joystickKnob{width:2.5rem;height:2.5rem}.fire-btn-standalone{bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))!important;right:calc(.75rem + env(safe-area-inset-right,0px))!important;width:5rem;height:3.5rem;border-radius:1rem}.shoot-btn-standalone{top:auto!important;bottom:calc(8.5rem + env(safe-area-inset-bottom,0px))!important;right:calc(.75rem + env(safe-area-inset-right,0px))!important;width:4.5rem;height:3rem}#mobileActions{bottom:calc(1rem + env(safe-area-inset-bottom,0px))!important;right:calc(.5rem + env(safe-area-inset-right,0px))!important;flex-direction:row!important;gap:.25rem}.mobile-btn{width:2.75rem;height:2.75rem;font-size:1rem}#btnAutoMove{bottom:calc(12rem + env(safe-area-inset-bottom,0px))!important;left:calc(1.5rem + env(safe-area-inset-left,0px))!important;width:2.5rem;height:2.5rem}.menu-btn-mobile{top:calc(.625rem + env(safe-area-inset-top,0px));right:calc(.625rem + env(safe-area-inset-right,0px))}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){#joystickArea{bottom:calc(.625rem + env(safe-area-inset-bottom,0px))!important;left:calc(.625rem + env(safe-area-inset-left,0px))!important;width:6.875rem;height:6.875rem}#joystickBase{width:5.625rem;height:5.625rem}#joystickKnob{width:2.125rem;height:2.125rem}#btnAutoMove{bottom:calc(8rem + env(safe-area-inset-bottom,0px))!important;left:calc(.875rem + env(safe-area-inset-left,0px))!important;width:2.375rem;height:2.375rem;font-size:.875rem}.fire-btn-standalone{bottom:calc(.625rem + env(safe-area-inset-bottom,0px))!important;right:calc(.625rem + env(safe-area-inset-right,0px))!important;width:4.375rem;height:3rem;font-size:1.125rem}.shoot-btn-standalone{top:auto!important;bottom:calc(4rem + env(safe-area-inset-bottom,0px))!important;right:calc(.625rem + env(safe-area-inset-right,0px))!important;width:4rem;height:2.75rem;font-size:1rem}#mobileActions{bottom:calc(.625rem + env(safe-area-inset-bottom,0px))!important;right:calc(5.625rem + env(safe-area-inset-right,0px))!important;flex-direction:row!important;gap:.1875rem}.mobile-btn{width:2.375rem;height:2.375rem;font-size:.875rem}.menu-btn-mobile{top:calc(.5rem + env(safe-area-inset-top,0px));right:calc(.5rem + env(safe-area-inset-right,0px));width:2.375rem;height:2.375rem;font-size:1rem}}@media(hover:none)and (pointer:coarse){#joystickArea,.fire-btn-standalone,.shoot-btn-standalone,#mobileActions,#btnAutoMove{transition:opacity .3s ease}#joystickBase{opacity:.6;transition:opacity .2s ease}.fire-btn-standalone,.shoot-btn-standalone{opacity:.7}.mobile-btn{opacity:.6;transition:opacity .2s ease}.fire-btn-standalone:active,.fire-btn-standalone.pressed,.shoot-btn-standalone:active,.shoot-btn-standalone.pressed,.mobile-btn:active{opacity:1}.menu-btn-mobile{opacity:.6}.menu-btn-mobile:active{opacity:1}}@media(hover:none)and (pointer:coarse){#webglCanvas{touch-action:none}.chat-toggle-btn{top:auto;bottom:calc(13rem + var(--safe-bottom, 0px));right:auto;left:calc(.5rem + var(--safe-left, 0px))}}@media(hover:none)and (pointer:coarse){.hud-editor-grid{opacity:.1}.hud-editor-canvas{touch-action:none}.hud-editor-toolbar{padding:.25rem .5rem;gap:.25rem;flex-wrap:wrap;justify-content:center;min-height:2.25rem}.hud-editor-title{font-size:.625rem;width:100%;text-align:center;margin-right:0;padding:0;letter-spacing:.5px}.profile-tabs{order:1}.profile-tab{padding:.25rem .5rem;font-size:.625rem;min-height:1.75rem}.device-size-select{font-size:.5625rem;padding:.125rem .25rem;max-width:7rem;order:2}.hud-toolbar-btn{padding:.25rem .375rem;font-size:.5625rem;min-height:1.75rem}.hud-element-box{min-width:2.75rem;min-height:2.25rem;touch-action:none}.hud-element-label{font-size:.5625rem}.hud-element-size{font-size:.4375rem}.hud-element-vis-btn{width:1.5rem;height:1.5rem;top:-.375rem;right:-.375rem;opacity:.7;font-size:.625rem}.hud-editor-panel{background:#0f0f23f7;padding:.5rem .625rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.hud-editor-panel .hud-panel-title{font-size:.75rem;margin-bottom:.375rem;padding-bottom:.25rem}.hud-panel-row{margin-bottom:.375rem}.hud-panel-row label{font-size:.625rem}.hud-panel-row input[type=range]{width:5rem;height:1.5rem}.hud-panel-row .value-label{font-size:.625rem;min-width:1.75rem}.hud-panel-toggle label{font-size:.625rem}.hud-panel-btn{padding:.375rem;font-size:.625rem}.hud-element-list{margin-top:.375rem;padding-top:.375rem}.hud-element-list-title{font-size:.5625rem;margin-bottom:.25rem}.hud-element-list-item{padding:.375rem;font-size:.6875rem;min-height:1.75rem}}@media(hover:none)and (pointer:coarse)and (orientation:portrait){.hud-editor-body{flex-direction:column}.hud-editor-canvas{flex:1;min-height:40vh}.hud-editor-panel{width:100%;max-height:38vh;min-height:4rem;border-left:none;border-top:2px solid rgba(255,215,0,.3);border-radius:.75rem .75rem 0 0}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){.hud-editor-body{flex-direction:row}.hud-editor-canvas{flex:1;min-height:0}.hud-editor-panel{width:11rem;max-height:none;border-top:none;border-left:1px solid rgba(255,215,0,.3);border-radius:0}.hud-element-box{min-width:2.25rem;min-height:2rem}.hud-element-label{font-size:.5rem}.hud-editor-title{font-size:.5625rem}.hud-toolbar-btn{padding:.1875rem .3125rem;font-size:.5rem}.profile-tab{padding:.1875rem .375rem;font-size:.5625rem}}@media(hover:none)and (pointer:coarse){.crew-card{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto}.crew-header{padding:.875rem 1rem .75rem}.crew-title{font-size:1rem}.crew-tab{font-size:.6875rem;padding:.5rem .25rem;min-height:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;flex:1}.crew-tab-icon{font-size:1.25rem;line-height:1}.crew-tab-label{font-size:.5rem;line-height:1;opacity:.8;white-space:nowrap}.crew-tab-content{padding:.75rem}.crew-item{padding:.625rem .75rem}.crew-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.crew-action-btn{min-height:2.75rem;padding:.5rem .75rem}.crew-search-input{font-size:1rem;min-height:2.75rem}.crew-search-btn{min-height:2.75rem}.battle-lobby-card{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;padding:var(--mobile-pad);overflow-y:auto}.battle-lobby-close{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target)}.battle-lobby-teams{flex-direction:column}.battle-lobby-vs{width:auto;height:1.875rem;font-size:1.25rem}.battle-lobby-title{font-size:1.25rem}.battle-player-slot{padding:.5rem .625rem}.battle-action-btn{min-height:2.75rem;padding:.75rem 1.25rem}.crew-tab-content{padding:.75rem .875rem}.crew-remove-btn{opacity:.5}.crew-confirm-card{width:95vw;padding:1.5rem 1.25rem}.crew-row{padding:.5rem .75rem}}@media(hover:none)and (pointer:coarse){.room-modal{min-width:auto;width:95%;padding:1.125rem}.room-modal .modal-actions{flex-direction:column;gap:.5rem}.room-modal .modal-actions button{width:100%;min-height:var(--touch-target);padding:.75rem 1rem;font-size:.875rem}.room-modal input[type=text],.room-modal input[type=password],.room-modal input[type=number]{font-size:16px;min-height:var(--touch-target)}.owner-toggle-btn{top:calc(3.5rem + var(--safe-top, 0px));left:auto;right:calc(.625rem + var(--safe-right, 0px));width:var(--touch-target);height:var(--touch-target);font-size:1.1rem}.room-owner-panel{top:calc(6.5rem + var(--safe-top, 0px));left:auto;right:calc(.625rem + var(--safe-right, 0px));max-width:calc(100vw - 1.25rem)}.invite-modal .invite-code-display .invite-code-text{font-size:1.3rem}}@media(hover:none)and (pointer:coarse){.settings-card{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto}.settings-tab{font-size:.6875rem;padding:.625rem .375rem}.hud-tab-features{grid-template-columns:1fr}.controls-key-btn{min-width:2.625rem;font-size:.6875rem}}@media(hover:none)and (pointer:coarse){.support-card{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;padding:0;display:flex;flex-direction:column}.support-header{padding:16px 16px 12px}.support-header-icon{width:36px;height:36px}.support-form-collapsible{padding:0 16px 14px}.support-categories{gap:5px}.support-category-chip{padding:5px 10px;font-size:11px}.support-filter-tabs{padding:8px 16px 0}.support-history-section{padding:8px 16px 14px}.support-thread-header{padding:10px 14px}.support-messages{padding:12px 14px}.support-msg{max-width:90%}.support-msg-avatar{width:28px;height:28px;font-size:10px}.support-msg-text{font-size:13px}.support-reply-bar{padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.support-reply-input{font-size:16px;padding:10px 12px;min-height:var(--touch-target)}.support-reply-closed{padding-bottom:calc(12px + var(--safe-bottom, 0px))}.support-card textarea{max-height:25vh}.support-category-chip{min-height:var(--touch-target);padding:8px 12px;font-size:12px}}@media(hover:none)and (pointer:coarse){.pause-container{width:95vw}.pause-title{font-size:2rem;letter-spacing:.25rem}.pause-btn{min-height:2.75rem;font-size:.875rem;padding:.75rem 1.25rem}.pause-mode-btn{min-height:2.5rem;font-size:.75rem}.reconnect-prompt-card{width:95vw;padding:1.25rem 1.5rem}.reconnect-btn{min-height:2.75rem;font-size:.875rem}}@media(hover:none)and (pointer:coarse){#chatSidePanel{position:fixed;top:0;left:0;right:0;width:100vw;height:100vh;height:100dvh;max-height:100dvh;z-index:6000;background:var(--panel-bg, rgba(10, 15, 30, .98));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#chatSidePanel .chat-side-header{padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}#chatSidePanel .chat-side-title{font-size:1rem}#chatSidePanel .chat-side-close{width:3rem;height:3rem;min-width:3rem;min-height:3rem;font-size:1.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}#chatSidePanel .chat-side-close:active{background:#ef444466;transform:scale(.92)}#chatSidePanel .chat-side-messages{flex:1;padding:.75rem 1rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}#chatSidePanel .chat-side-msg{font-size:.875rem;padding:.375rem 0}#chatSidePanel .chat-side-empty{font-size:.875rem}#chatSidePanel .chat-side-input-row{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));gap:.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff08}#chatSidePanel .chat-side-input{font-size:1rem;min-height:2.75rem;padding:.625rem .875rem;border-radius:.75rem;-webkit-tap-highlight-color:transparent}#chatSidePanel .chat-side-send{min-width:3rem;min-height:2.75rem;font-size:1.25rem;border-radius:.75rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#60a5fa;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#chatSidePanel .chat-side-send:active{background:#3b82f666;transform:scale(.94)}.chat-fade-messages{bottom:calc(15rem + var(--safe-bottom, 0px));left:calc(.5rem + var(--safe-left, 0px));width:45vw;max-width:12rem}.chat-fade-msg{font-size:.6875rem}.chat-toggle-btn{top:auto;bottom:calc(13rem + var(--safe-bottom, 0px));left:calc(.5rem + var(--safe-left, 0px));right:auto;width:var(--touch-target);height:var(--touch-target);font-size:1.125rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media(hover:none)and (pointer:coarse){.auth-container{padding:1.75rem 1.25rem 1.5rem;border-radius:.75rem}.profile-card{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto}.profile-header{padding:1.125rem 1.125rem .875rem;gap:.625rem}.profile-avatar{width:2.625rem;height:2.625rem;font-size:1.125rem}.profile-display-name{font-size:1rem}.profile-section{padding:.875rem 1.125rem}.profile-actions{padding:.875rem 1.125rem 1.125rem}.profile-stat-val{font-size:1rem}.profile-stats-row{grid-template-columns:repeat(2,1fr)}.profile-field .auth-input{font-size:16px}.profile-close{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target)}.lb-panel{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border-radius:0;padding:var(--mobile-pad);overflow-y:auto}.lb-close{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);display:flex;align-items:center;justify-content:center}.lb-stats-grid{grid-template-columns:repeat(2,1fr)}.lb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.lb-table{font-size:.75rem;min-width:100%}.lb-table thead th,.lb-table tbody td{padding:.375rem;white-space:nowrap}.lb-col-deaths,.lb-col-kd{display:none}}@media(hover:none)and (pointer:coarse)and (max-width:400px){.lb-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.lb-stat{padding:.625rem .375rem}.lb-stat-val{font-size:1.1rem}}@media(hover:none)and (pointer:coarse)and (max-width:375px){.menu-container{padding:.75rem .5rem 1.5rem}.title{font-size:1.75rem;letter-spacing:.125rem}.subtitle{font-size:.5625rem;margin-bottom:.625rem}.room-card{padding:.5rem}.room-name{font-size:.75rem}.room-filter-btn{font-size:.5625rem;padding:.3125rem .5rem}.config-panel{padding:.625rem}.squad-card{min-width:4rem;padding:.375rem}.color-swatch{width:2.25rem;height:2.25rem}#joystickBase{width:5rem;height:5rem}#joystickKnob{width:2rem;height:2rem}.fire-btn-standalone{width:4rem;height:3rem}.mobile-btn{width:2.25rem;height:2.25rem;font-size:.875rem}}@media(hover:none)and (pointer:coarse){.battle-player-status{display:none}.battle-player-slot.battle-player-ready{border-left:4px solid rgba(34,197,94,.8);padding-left:calc(.5rem + 4px)}.battle-player-slot.battle-player-waiting{border-left:4px solid rgba(148,163,184,.3);padding-left:calc(.5rem + 4px)}.battle-player-slot.battle-player-empty{border-left:4px dashed rgba(148,163,184,.15);padding-left:calc(.5rem + 4px);opacity:.6}.battle-player-slot{min-height:2.75rem;gap:.5rem}.battle-player-avatar{width:2rem;height:2rem;font-size:.875rem;flex-shrink:0}.battle-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}}@media(hover:none)and (pointer:coarse){.invite-copy-btn{min-height:var(--touch-target);padding:.5rem .875rem;font-size:.875rem}.invite-link-text{font-size:.75rem;word-break:break-all;white-space:normal}.invite-modal .invite-code-display .invite-code-text{font-size:.875rem;word-break:break-all}}@media(hover:none)and (pointer:coarse)and (orientation:landscape){#nameOverlay{flex-direction:row;align-items:flex-start;overflow-y:hidden}.menu-container{flex:1;overflow-y:auto;height:100%;max-height:none;padding:.5rem .75rem 1rem}.title{font-size:clamp(1.5rem,7vw,2rem);margin-bottom:0;letter-spacing:.125rem}.title span{font-size:clamp(1.25rem,5vw,1.75rem)}.subtitle{font-size:.5625rem;margin-bottom:.5rem}.mode-btn{padding:.375rem .625rem;font-size:.6875rem;min-height:2.25rem}.room-list{max-height:min(22vh,160px)}.config-panel{max-height:40vh;overflow-y:auto}.crew-card,.lb-panel,.profile-card,.settings-card,.support-card{width:min(28rem,90vw);max-width:min(28rem,90vw);height:100dvh;border-radius:0}}@media(hover:none)and (pointer:coarse){.lb-loading,.crew-empty.loading{gap:.75rem;padding:1.25rem 0;text-indent:-9999px;color:transparent}.lb-loading:before,.lb-loading:after,.crew-empty.loading:before,.crew-empty.loading:after{height:3rem;border-radius:.75rem}}@media(hover:none)and (pointer:coarse){#authBarMore{display:flex;align-items:center;justify-content:center;font-size:1.1rem;min-width:var(--touch-target);order:99}#authBarOverflow{display:none;position:fixed;top:calc(var(--safe-top, 0px) + 2.75rem);right:calc(var(--safe-right, 0px) + .25rem);background:var(--panel-bg, rgba(26, 26, 46, .97));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:0 0 .75rem .75rem;flex-direction:column;z-index:9999;min-width:11rem;padding:.375rem 0;box-shadow:0 6px 28px #0000008c;animation:menuFadeDown .15s ease}.auth-bar.overflow-open #authBarOverflow{display:flex}#authBarOverflow .auth-bar-btn{justify-content:flex-start;padding:.625rem 1rem;min-height:var(--touch-target);width:100%;border-radius:0;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.5rem}#authBarOverflow .auth-bar-btn:last-child{border-bottom:none}#authBarOverflow .auth-bar-label{display:inline!important}@keyframes menuFadeDown{0%{opacity:0;transform:translateY(-.375rem)}to{opacity:1;transform:translateY(0)}}}@media(hover:none)and (pointer:coarse){#roomConfig.sheet-open{position:fixed;inset:0;z-index:500;display:flex!important;align-items:flex-end;background:#0000008c}#roomConfig.sheet-open .config-panel{width:100%;max-width:100%;max-height:88dvh;overflow-y:auto;border-radius:1.25rem 1.25rem 0 0;border:none;margin:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:slideUpSheet .3s cubic-bezier(.32,.72,0,1)}#roomConfig.sheet-open .config-panel:before{content:"";display:block;width:2.5rem;height:.25rem;background:#ffffff40;border-radius:2px;margin:0 auto .75rem}}@media(hover:none)and (pointer:coarse){.room-modal-overlay{align-items:flex-end;padding-bottom:env(safe-area-inset-bottom)}.room-modal,.invite-modal{width:100%!important;max-width:100%!important;border-radius:1.25rem 1.25rem 0 0!important;margin:0!important;max-height:90dvh;overflow-y:auto;animation:slideUpSheet .3s cubic-bezier(.32,.72,0,1)}.room-modal:before{content:"";display:block;width:2.5rem;height:.25rem;background:#ffffff38;border-radius:2px;margin:0 auto 1rem}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(pointer:coarse)and (hover:none){.voice-incoming-card{width:90vw;padding:24px 20px;border-radius:12px}.voice-call-panel{inset:auto 0 0;border-radius:16px 16px 0 0;min-width:unset;padding:12px 20px 20px}.voice-call-controls{gap:16px}.voice-ctrl-btn{width:44px;height:44px}.voice-toast{bottom:120px;max-width:85vw}}@media(hover:none)and (pointer:coarse){.voice-btn.active{background:#22c55e59;border-color:#22c55e;color:#4ade80}#inGameVoice{display:none!important}}