*{box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif}.ad-container{display:none;position:fixed;z-index:8000;background:transparent;justify-content:center;align-items:center;pointer-events:auto}#ad-lobby-top{top:10px;left:50%;transform:translate(-50%);width:728px;height:90px}#ad-lobby-left{top:50%;left:20px;transform:translateY(-50%);width:160px;height:600px}#ad-lobby-right{top:50%;right:20px;transform:translateY(-50%);width:160px;height:600px}#ad-loading-bottom{bottom:30px;left:50%;transform:translate(-50%);width:728px;height:90px}#ad-loading-left{top:50%;left:20px;transform:translateY(-50%);width:160px;height:600px}#ad-loading-right{top:50%;right:20px;transform:translateY(-50%);width:160px;height:600px}@media (max-width: 1400px){.ad-sidebar{display:none!important}}@media (min-width: 1201px){.ad-mobile-only{display:none!important}}@media (max-width: 1200px){.ad-pc-only{display:none!important}}#countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);display:none;z-index:20;pointer-events:none}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#141414e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:0 0 20px #ff323266;border:1px solid rgba(255,50,50,.5);display:none;z-index:100001;pointer-events:none;animation:slideDown .3s cubic-bezier(.175,.885,.32,1.275);text-align:center;min-width:200px}#giant-timer-ui{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#ffd700f2,#ffb400f2);border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:6px;z-index:9000;box-shadow:0 4px 20px #ffd70066;font-weight:600;color:#333}#giant-timer-ui .giant-icon{font-size:18px}#giant-timer-ui .giant-text{font-size:12px}#giant-timer-ui #giant-seconds{font-size:16px;color:#000}#giant-timer-ui.warning{animation:giantBlink .5s ease-in-out infinite;background:linear-gradient(135deg,#ff6464f2,#ff3232f2);box-shadow:0 4px 20px #ff323299}#giant-timer-ui.warning .giant-text,#giant-timer-ui.warning #giant-seconds{color:#fff}@keyframes giantBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media (max-width: 900px){#giant-timer-ui{top:80px;right:10px;padding:4px 6px;border-radius:8px}#giant-timer-ui .giant-icon{font-size:16px}#giant-timer-ui .giant-text{font-size:10px}#giant-timer-ui #giant-seconds{font-size:12px}}.kick-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3);border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;opacity:0;transition:all .2s;line-height:1}.kick-btn:hover{background:#f44;color:#fff;box-shadow:0 0 10px #f446;transform:scale(1.1)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}canvas{display:block;width:100%;height:100%}#lobby-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0009,#000c),url(/assets/extreme_stadium_bg-BAg-ueax.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}#login-panel,#room-panel{background:#333;padding:2rem;border-radius:10px;text-align:center}#room-panel{width:1000px}#room-panel{display:flex;flex-direction:column;height:90vh;overflow:hidden;background:#141414d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #00ff881a;border-radius:16px;padding:20px;width:95%;max-width:1000px;margin:0 auto}#room-title{color:#fff;text-align:center;margin-bottom:20px;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;gap:15px}#current-room-id{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.teams-container{display:flex;justify-content:space-between;margin:0 0 20px;gap:20px;flex:1;min-height:0;height:70%}.team-list{background:#0000004d;padding:15px;border-radius:12px;width:100%;height:100%;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #0000004d;display:flex;flex-direction:column}.team-list h3{margin:0 0 15px;font-size:1rem;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.team-count{font-size:.8rem;color:#ffffffb3;margin-left:5px;font-weight:400}#red-team-list{border-top:4px solid #ff4444;background:linear-gradient(180deg,#ff44440d,#0000004d)}#red-team-list h3{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.3)}#blue-team-list{border-top:4px solid #4444ff;background:linear-gradient(180deg,#4444ff0d,#0000004d)}#blue-team-list h3{color:#48f;text-shadow:0 0 10px rgba(68,68,255,.3)}#spectator-list{border-top:4px solid #888;background:linear-gradient(180deg,#8888880d,#0000004d);max-width:200px}input{padding:10px;font-size:16px;border-radius:5px;border:none;width:80%;max-width:400px}.teams-container{display:flex;justify-content:space-between;margin:0 0 20px;gap:20px;flex:1;min-height:0}.team-list{background:#0000004d;padding:15px;border-radius:12px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #0000004d;display:flex;flex-direction:column}button{padding:10px 20px;font-size:16px;cursor:pointer;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;margin:5px;transition:all .2s;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;filter:brightness(1.1)}#lobby-help-btn{background:linear-gradient(135deg,gold,orange)!important;color:#000!important;font-weight:800!important;box-shadow:0 0 20px #ffd70099,0 4px 15px #ffa50066;font-size:.85rem;border:2px solid rgba(255,255,255,.5)!important;animation:helpBtnPulse 2s ease-in-out infinite;transition:all .3s}#lobby-help-btn:hover{transform:scale(1.1)!important;box-shadow:0 0 30px #ffd700cc,0 6px 20px #ffa50099}@keyframes helpBtnPulse{0%,to{box-shadow:0 0 15px #ffd70080,0 4px 15px #ffa5004d}50%{box-shadow:0 0 25px #ffd700cc,0 4px 20px #ffa50080}}#leave-room-btn{background:linear-gradient(135deg,#f44,#c00)!important;box-shadow:0 4px 15px #ff44444d}#switch-team-btn{background:linear-gradient(135deg,#2196f3,#00bcd4)!important;box-shadow:0 4px 15px #2196f34d}#ready-btn{background:linear-gradient(135deg,#4caf50,#00e676)!important;box-shadow:0 4px 15px #4caf504d;color:#000;font-weight:800}#ready-btn.cancel-ready{background:linear-gradient(135deg,#ff9800,#f57c00)!important;box-shadow:0 4px 15px #ff98004d}#start-game-btn{background:linear-gradient(135deg,#0f8,#0cf)!important;color:#000;font-weight:800;box-shadow:0 0 20px #0f86;animation:pulse 2s infinite}#start-game-btn.imbalanced-btn{background:linear-gradient(135deg,#444,#333)!important;color:#888!important;box-shadow:none!important;animation:none!important;cursor:not-allowed!important;border:1px solid rgba(255,255,255,.1)!important}@keyframes pulse{0%{box-shadow:0 0 #0f86}70%{box-shadow:0 0 0 10px #0f80}to{box-shadow:0 0 #0f80}}.sm-btn{padding:4px 10px;font-size:.75rem;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:none}.sm-btn:hover{background:#fff3;transform:none}#login-panel{width:95%;max-width:850px;background:#141414d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #00ff881a;border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}@media (min-width: 480px) and (orientation: landscape){#login-panel{flex-direction:row;align-items:stretch;height:85vh;max-height:500px;width:98%}.login-left-col{flex:0 0 40%;display:flex;flex-direction:column;justify-content:center;padding-right:20px;border-right:1px solid rgba(255,255,255,.1)}.login-right-col{flex:0 0 60%;display:flex;flex-direction:column;min-width:0}}#room-list-container{flex:1;background:#0006;border-radius:10px;overflow-y:auto;padding:8px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #00000080;height:100%}#room-list-container::-webkit-scrollbar{width:4px}#room-list-container::-webkit-scrollbar-track{background:#0003}#room-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.room-item{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#ffffff08,#ffffff03);padding:8px 10px;margin-bottom:8px;border-radius:6px;border:1px solid rgba(255,255,255,.1);transition:all .2s;gap:8px}.room-item:hover{background:linear-gradient(90deg,#ffffff14,#ffffff08);border-color:#00ff884d;transform:translate(2px)}.room-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;overflow:hidden}.room-id{display:flex;align-items:center;justify-content:space-between;gap:6px}.room-id-text{font-weight:700;color:#fff;font-size:.9rem;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.room-details{font-size:.75rem;color:#aaa;display:flex;align-items:center;width:100%}.host-prefix{flex-shrink:0;margin-right:4px}.host-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;color:#fff;margin-right:4px;text-align:start}.player-count{flex-shrink:0;white-space:nowrap}.room-status{display:inline-block;padding:1px 5px;border-radius:4px;font-size:.6rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.status-waiting{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-playing{background:#ff323226;color:#f44;border:1px solid rgba(255,50,50,.3)}.join-btn{padding:4px 10px;font-size:.75rem;background:linear-gradient(45deg,#2196f3,#00bcd4);margin:0;border-radius:12px;font-weight:600;box-shadow:0 2px 8px #2196f34d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.join-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2196f380;filter:brightness(1.1)}.create-room-section{margin-top:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.create-room-section h3{margin:0 0 12px;color:#0f8;font-size:.95rem;text-transform:uppercase;letter-spacing:1.2px;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(0,255,136,.3)}.create-room-controls{display:flex;gap:10px}#room-id-input{flex:1;margin:0;padding:12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;transition:all .3s}#room-id-input:focus{outline:none;border-color:#0cf;box-shadow:0 0 15px #0cf3}#create-room-btn{margin:0;white-space:nowrap;background:linear-gradient(45deg,#0f8,#0cf);color:#000;font-weight:700;border-radius:8px;box-shadow:0 4px 15px #00ff884d}#create-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ff8880}.private-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:44px;height:24px;background:#fff3;border-radius:12px;transition:background .3s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}#private-room-toggle:checked+.toggle-switch{background:linear-gradient(135deg,gold,#ff9800)}#private-room-toggle:checked+.toggle-switch:after{transform:translate(20px)}#room-password-input{padding:10px 12px;background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#fff;font-size:.9rem}#room-password-input:focus{outline:none;border-color:gold;box-shadow:0 0 10px #ffd70033}.private-badge{color:gold;font-size:.85rem;margin-right:4px}#share-room-btn{transition:all .3s}#share-room-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #9c27b080}.no-rooms-msg{text-align:center;color:#666;padding:40px 20px;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:10px}.no-rooms-msg:before{content:"⚽";font-size:2rem;opacity:.5;margin-bottom:10px}.player-item{padding:10px 14px;margin-bottom:6px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;min-height:50px}.player-item:hover{transform:translateY(-2px);background:#ffffff12;box-shadow:0 4px 15px #0000004d}.player-item.ready{background:linear-gradient(90deg,#00ff881a,#00ff8805);border:1px solid rgba(0,255,136,.3);box-shadow:0 0 10px #00ff881a}.player-info-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.player-name-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.player-nickname{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.badges-container{display:flex;flex-wrap:wrap;gap:4px}.badge{padding:2px 6px;border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:3px;letter-spacing:.5px}.badge.leader{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.badge.host{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.badge.ai{background:#ffa50033;color:#ffb347;border:1px solid rgba(255,165,0,.3)}.badge.you{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.player-meta-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-char-name{font-size:.75rem;color:#aaa;font-weight:500;text-transform:uppercase}.action-btn{padding:2px 8px;font-size:.7rem;border-radius:4px;border:none;cursor:pointer;font-weight:600;transition:all .2s}.action-btn.delegate{background:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.action-btn.request{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.action-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.kick-btn{position:static;width:24px;height:24px;background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3);border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:16px;cursor:pointer;opacity:1;transition:all .2s;line-height:1;padding:0;margin-left:4px;flex-shrink:0}.player-item:hover .kick-btn{opacity:1}.kick-btn:hover{background:#f44;color:#fff;box-shadow:0 0 10px #f446;transform:scale(1.05)}.character-selector{background:#0000004d;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:20px}.character-selector h3{color:#ccc;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;text-align:center;display:flex;align-items:center}.char-options{display:flex;justify-content:center;gap:11px}.char-option{background:#ffffff0d;cursor:pointer;border-radius:4px;border:1px solid rgba(255,255,255,.1);color:#aaa;font-weight:600;transition:all .2s;text-transform:uppercase;letter-spacing:1px}.char-option:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.char-option.selected{background:linear-gradient(135deg,#0f8,#0cf);color:#000;border:none;box-shadow:0 0 15px #00ff884d;font-weight:800}.player-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}.player-item .player-name{font-size:16px;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center}.player-item .player-name>span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.player-item .player-character{font-size:12px;color:#fff9;font-weight:400}.player-item .player-badges{display:inline-flex;gap:4px;font-size:11px}.player-item .badge{padding:2px 6px;border-radius:3px;font-weight:600}.player-item .badge.ai{background:#ffa5004d;color:#ffb347}.player-item .badge.you{background:#00ff884d;color:#0f8}.player-item .badge.host{background:#ffd7004d;color:gold}.player-item.ready{border-left:4px solid #00ff00;background:linear-gradient(135deg,#00ff6433,#00c85026)}.char-options{display:flex;justify-content:center;gap:10px}.char-option{background:#555;cursor:pointer;border-radius:5px;border:2px solid transparent}.char-option.selected{border-color:gold;background:#666}#score-board{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#141414d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 30px;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px #00000080;display:none;z-index:100;text-align:center;min-width:200px}.score-container{display:flex;align-items:center;justify-content:center;gap:20px;font-size:2.5rem;font-weight:800;line-height:1;font-family:Outfit,sans-serif}.score-red{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.6)}.score-blue{color:#48f;text-shadow:0 0 20px rgba(68,68,255,.6)}.score-divider{color:#ffffff4d;font-size:1.5rem}.score-meta{margin-top:5px;font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:2px}#tactics-hud{position:absolute;top:20px;left:20px;z-index:900;display:flex;flex-direction:column;gap:8px;pointer-events:none;background:#00000080;padding:8px 12px;border-radius:8px}#tactics-status{font-size:1rem;font-weight:700;color:#fff;background:#0009;padding:6px 16px;border-radius:20px;border:1px solid rgba(76,175,80,.5);box-shadow:0 0 15px #4caf5033;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#tactics-timer{font-size:.9rem;color:#ffc107;font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.8)}#tactics-cooldown{font-size:.9rem;color:#f44;font-weight:600;text-shadow:0 0 5px rgba(0,0,0,.8)}#tactics-controls{position:absolute;bottom:30px;left:30px;display:flex;gap:12px;pointer-events:auto}.tactic-btn{display:flex;align-items:center;gap:10px;background:#1e1e1ecc;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0000004d}.tactic-btn:hover{background:#323232e6;transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 6px 15px #0006}.tactic-btn:active{transform:scale(.96)}.tactic-btn .key{background:#ffffff1a;color:#fff;width:24px;height:24px;border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:12px;border:1px solid rgba(255,255,255,.2)}.tactic-btn .label{color:#ffffffe6;font-size:14px;font-weight:500;letter-spacing:.5px}.tactic-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1);background:#14141499}#mobile-help-btn{display:none;position:absolute;top:20px;right:20px;width:36px;height:36px;background:#00000080;border:2px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-weight:700;font-size:18px;z-index:101;cursor:pointer}#countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.8);display:none;z-index:200;pointer-events:none}.character-selector{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.controls-area{position:sticky;bottom:0;left:0;width:100%;border:1px solid #000;border-radius:8px;padding:8px;display:flex;justify-content:space-between;align-items:center;z-index:900}body:not(.game-active) #tactics-hud,body:not(.game-active) #tactics-controls,body:not(.game-active) #score-board,body:not(.game-active) #stamina-bar-container,body:not(.game-active) #touch-controls{display:none!important}#controls-hint{z-index:20000}.tactics-disabled.tactic-btn,.tactics-disabled .tactic-btn{opacity:.5;pointer-events:none;position:relative}.tactics-disabled.tactic-btn:after,.tactics-disabled .tactic-btn:after{content:"🔒";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#ffffffe6;text-shadow:0 0 5px black;z-index:999;pointer-events:none}.leader-badge{display:inline-block;margin-left:6px;font-size:1em;vertical-align:middle}.leader-btn{padding:4px 10px;font-size:.75rem;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:8px;transition:background .2s}.leader-btn:hover{background:#45a049}.leader-btn.request{background:#2196f3}.leader-btn.request:hover{background:#0b7dda}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10002;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.modal .modal-content{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:2rem;border-radius:16px;min-width:320px;max-width:90%;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease;color:#fff}.leader-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:10002;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.leader-modal .modal-content{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);padding:2rem;border-radius:16px;min-width:320px;max-width:90%;box-shadow:0 10px 40px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.leader-modal h3{margin-top:0;margin-bottom:1rem;color:#fff;font-size:1.5rem}.leader-modal p{color:#ccc;margin-bottom:1.5rem;line-height:1.5}.modal-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem;margin-bottom:1.5rem}.modal-select:focus{outline:none;border-color:#4caf50}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;font-weight:600;transition:all .2s}.modal-btn.confirm{background:#4caf50;color:#fff}.modal-btn.confirm:hover{background:#45a049;transform:translateY(-1px)}.modal-btn.cancel{background:#666;color:#fff}.modal-btn.cancel:hover{background:#555}.login-input-group{margin-bottom:10px}#room-list-section{height:calc(100% - 60px)}#room-list-section h3{color:#fff}@media (max-height: 500px) and (orientation: landscape){#login-panel{padding:1rem;height:90vh;gap:10px}h1{font-size:1.2rem;margin-bottom:.5rem}.login-input-group{margin-bottom:10px}#nickname-input,#room-id-input{padding:8px;font-size:.9rem}.create-room-section{padding-top:10px}.create-room-section h3,#room-list-section h3{font-size:.8rem;margin-bottom:5px}#create-room-btn{padding:8px 12px;font-size:.9rem}.room-item{padding:6px 8px;margin-bottom:4px}.room-id-text{font-size:.85rem}.room-details{font-size:.7rem}.join-btn{padding:4px 8px;font-size:.75rem}.login-left-col{padding-right:10px}.login-right-col{padding-left:10px}#room-panel{padding:10px;height:100vh;border-radius:0}#room-title{font-size:1rem;margin-bottom:10px}.teams-container{height:60%;margin-bottom:10px}.team-list{padding:8px}.team-list h3{font-size:.8rem;margin-bottom:8px}.player-item{padding:6px 10px;height:auto;min-height:50px}.player-item .player-name{font-size:.85rem}.character-selector{padding:8px;margin-bottom:10px;display:none}.character-selector{display:flex;flex-direction:row;align-items:center;gap:10px;padding:5px;margin:0 0 5px}.character-selector h3{margin:0;font-size:.7rem;white-space:nowrap}.char-options{gap:5px;display:flex;align-items:center}.char-option{font-size:.7rem}.controls-area{padding:5px;position:relative;border:none;background:transparent}button{padding:6px 12px;font-size:.8rem;margin:2px}}#chat-container{position:fixed;bottom:100px;left:20px;z-index:10000;display:none;font-family:Inter,sans-serif}#chat-toggle-btn{width:auto;height:40px;padding:0 12px;background:#141414b3;border:2px solid rgba(255,255,255,.2);border-radius:20px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:18px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0000004d}#chat-toggle-btn .enter-hint{font-size:.7rem;color:#fff9;font-weight:500}#chat-toggle-btn:hover{background:#282828f2;border-color:#0f86;transform:scale(1.05)}#chat-box{display:none;width:260px;max-height:160px;background:transparent;border:none;border-radius:8px;overflow:hidden;margin-bottom:8px;transition:all .2s}#chat-box.open{display:flex;flex-direction:column}#chat-messages:empty{display:none}#chat-messages{flex:1;overflow-y:auto;padding:6px;max-height:100px;display:flex;flex-direction:column;gap:4px}#chat-messages::-webkit-scrollbar{width:3px}#chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.chat-message{font-size:.75rem;line-height:1.3;padding:4px 8px;background:#00000080;border-radius:4px;word-wrap:break-word}.chat-message .chat-name{font-weight:700;margin-right:5px}.chat-message.team-red .chat-name{color:#ff6b6b}.chat-message.team-blue .chat-name{color:#6b9fff}.chat-message.team-spectator .chat-name{color:#aaa}.chat-message .chat-text{color:#eee}#chat-input-area{padding:6px;background:transparent;border:none;transition:all .2s;display:none}#chat-input-area.active{display:block;background:#0f0f0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px}#chat-input{width:100%;padding:8px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:.8rem;outline:none;transition:all .2s}#chat-input:focus{border-color:#00ff8880;background:#ffffff26;box-shadow:0 0 10px #00ff8826}#chat-input::placeholder{color:#fff6}@media (max-width: 1100px){#chat-container{top:0;left:320px;bottom:auto}#chat-toggle-btn{width:35px;height:35px;padding:0;border-radius:50%;font-size:16px}#chat-toggle-btn .enter-hint{display:none}#chat-box{width:180px;max-height:100px}#chat-messages{max-height:60px;padding:3px}.chat-message{font-size:.6rem;padding:2px 4px}#chat-input{padding:4px 8px;font-size:.65rem}}@media (max-height: 500px){#chat-container{top:24px;left:150px}#chat-box{max-height:80px}#chat-messages{max-height:50px}.chat-message{font-size:.6rem;padding:2px 4px}}.guide-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guide-modal.visible{display:flex}.guide-content{background:#1a1a2e;width:90%;max-width:900px;max-height:90vh;border-radius:12px;border:1px solid #444;box-shadow:0 0 40px #00ffff1a;display:flex;flex-direction:column;overflow:hidden}.guide-header{padding:15px 20px;background:#16213e;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.guide-header h2{margin:0;color:#fff;font-size:1.2rem;display:flex;align-items:center;gap:10px}.guide-close{background:none;border:none;color:#888;font-size:2rem;cursor:pointer;line-height:1}.guide-close:hover{color:#fff}.platform-tabs{display:flex;gap:10px;margin-left:20px}.tab-btn{background:#0f3460;border:1px solid #333;color:#aaa;padding:6px 16px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s}.tab-btn:hover{background:#1a1a2e}.tab-btn.active{background:#e94560;color:#fff;border-color:#e94560;box-shadow:0 0 10px #e9456066}.guide-body{flex:1;overflow-y:auto;padding:20px;background:#1a1a2e}.guide-tab{display:none}.guide-tab.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.guide-image-container{width:100%;margin-bottom:20px;background:#0f3460;border-radius:8px;padding:10px;text-align:center}.guide-img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 4px 15px #0000004d}.guide-section{margin-bottom:10px;border:1px solid #333;border-radius:8px;background:#16213e;overflow:hidden}.guide-section summary{padding:12px 15px;cursor:pointer;font-weight:700;color:#ddd;background:#1f3050;list-style:none;display:flex;align-items:center;justify-content:space-between}.guide-section summary:after{content:"+";font-size:1.2rem;font-weight:light}.guide-section[open] summary:after{content:"-"}.section-content{padding:15px;border-top:1px solid #333;color:#ccc;font-size:.95rem;line-height:1.5}.tactics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}.tactic-item{background:#0003;padding:10px;border-radius:6px;border-left:3px solid #e94560}.tactic-item p{margin:5px 0 0;font-size:.85rem;color:#aaa}.tactic-item strong{color:#e94560}.guide-footer{padding:15px 20px;border-top:1px solid #333;background:#16213e;text-align:right}.dont-show-again{color:#888;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:flex-end;gap:8px}.dont-show-again input{width:16px;height:16px;accent-color:#e94560}.neon-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 35px 8px 15px;border-radius:8px;background-color:#141414cc;color:#fff;font-weight:600;font-size:.9rem;border:2px solid rgba(255,255,255,.2);cursor:pointer;font-family:Inter,sans-serif;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:20px;transition:all .2s;border:2px solid rgba(255,230,0,.7);box-shadow:0 0 10px #ffe60033;color:#ffd}.neon-select:focus{border-color:#ffe600;box-shadow:0 0 15px #ffe6004d;outline:none}.neon-select option{background-color:#222;color:#fff}.ai-btn{background:linear-gradient(135deg,#0f83,#00968833);border:2px solid rgba(0,255,136,.8);color:#0f8;padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;gap:6px;transition:all .1s cubic-bezier(.4,0,.2,1);cursor:pointer;text-shadow:0 0 8px rgba(0,255,136,.6);box-shadow:0 0 10px #0f83;-webkit-tap-highlight-color:transparent}.ai-btn:active,.ai-btn.active{background:#0f86;border-color:#fff;box-shadow:0 0 20px #0f89;color:#fff;transform:scale(.96)}@media (hover: hover){.ai-btn:hover{background:#00ff884d;box-shadow:0 0 15px #0f86;transform:translateY(-1px)}}#char-preview-hologram{position:absolute;right:-240px;top:-50px;width:220px;height:320px;pointer-events:none;z-index:10;display:none;perspective:1000px}@media (min-width: 1025px){#char-preview-hologram{display:block;animation:hologramFloat 4s ease-in-out infinite}}@keyframes hologramFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hologram-frame{width:100%;height:100%;border:2px solid rgba(0,255,255,.4);background:#00142866;box-shadow:0 0 30px #00ffff26,inset 0 0 20px #00ffff1a;overflow:hidden;position:relative;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hologram-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(0,255,255,.1),rgba(0,255,255,.1) 1px,transparent 1px,transparent 4px);z-index:2;pointer-events:none}#hologram-img{width:100%;height:100%;object-fit:cover;opacity:.85;filter:contrast(1.2) brightness(1.1) drop-shadow(0 0 10px rgba(0,255,255,.5));-webkit-mask-image:linear-gradient(to bottom,#000 70%,#0000);mask-image:linear-gradient(to bottom,#000 70%,#0000);transition:opacity .3s ease,filter .3s ease}.scanline{position:absolute;top:-100%;left:0;width:100%;height:20px;background:#00ffff80;box-shadow:0 0 15px #0ffc;animation:scan 3s linear infinite;opacity:.3;z-index:3}@keyframes scan{0%{top:-20%;opacity:0}10%{opacity:.5}90%{opacity:.5}to{top:120%;opacity:0}}.char-mini-thumb{width:28px;height:28px;border-radius:50%;margin-right:8px;vertical-align:middle;border:2px solid rgba(255,255,255,.3);object-fit:cover;background:#000}.char-option.selected .char-mini-thumb{border-color:#0f8;box-shadow:0 0 8px #0f8}#lobby-screen{transition:background-image .5s ease-in-out;background-size:cover;background-position:center}#room-panel{overflow:visible!important}.controls-area{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:nowrap}.character-selector h3{display:block!important;margin:0 0 8px;font-size:.9rem;color:#ccc;text-align:center}.char-options{gap:12px}.char-option{padding:8px;background:#28282899;border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.85rem!important;color:#ddd;font-weight:600;gap:6px;width:120px}.char-option:hover{background:#3c3c3ccc;transform:translateY(-2px)}.char-option .char-mini-thumb{width:100%;height:52px;margin:0;border:none;border-radius:8px;object-fit:cover;box-shadow:0 2px 5px #0000004d}.char-option.selected .char-mini-thumb{border:none;box-shadow:none;transform:none}.char-option.selected{border:solid 2px #00ff88!important;background:#00ff8826!important;color:#fff;box-shadow:0 0 15px #0f83;transform:scale(1.05)}.action-buttons{display:flex;gap:10px}.quick-start-btn{background:linear-gradient(135deg,#ff6b6b,#feca57)!important;color:#000!important;font-weight:700!important;padding:10px 20px!important;font-size:.9rem!important;border-radius:8px!important;border:none!important;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;animation:quickStartPulse 2s ease-in-out infinite}.quick-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b6b99}.quick-start-btn:disabled{background:#444!important;color:#888!important;animation:none!important;cursor:not-allowed;box-shadow:none!important}@keyframes quickStartPulse{0%,to{box-shadow:0 4px 15px #ff6b6b66}50%{box-shadow:0 4px 25px #ff6b6bb3}}#quick-match-modal .mode-option{cursor:pointer;transition:all .3s ease}#quick-match-modal .mode-option:hover .mode-card{border-color:#0f8!important;background:#00ff880d!important}#quick-match-modal .mode-option.selected .mode-card{border-color:#0f8!important;background:#00ff881a!important}#quick-match-modal .mode-option:not(.selected) .mode-card{border-color:#444;background:#ffffff0d}.quick-char-option{transition:all .2s ease}.quick-char-option:hover{transform:scale(1.1)}.quick-char-option.selected{border-color:#0f8!important;background:#00ff881a!important}.quick-char-option:not(.selected){border-color:transparent!important;background:#ffffff0d!important}#matching-overlay{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#matching-cancel-btn:hover{background:#f44336!important}.mode-selector{display:flex;gap:15px;justify-content:center}.mode-option{flex:1;max-width:150px;cursor:pointer}.mode-card{background:#ffffff0d;border:2px solid #444;border-radius:10px;padding:15px;transition:all .3s}.mode-option.selected .mode-card,.mode-option input:checked+.mode-card{background:#00ff881a;border-color:#0f8;box-shadow:0 0 15px #0f83}.mode-card div:first-child{font-size:1.8rem;font-weight:700;color:#fff}.mode-option.selected .mode-card div:first-child{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}#orientation-lock{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a;z-index:99999;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}#fullscreen-lock{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100000;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.lock-content{animation:rotate-phone 2s infinite}#fullscreen-lock .lock-content{animation:none}.phone-icon{font-size:4rem;margin-bottom:1rem}@keyframes rotate-phone{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (max-width: 1200px) and (orientation: portrait){#orientation-lock{display:flex}#lobby-screen,#ui-layer{display:none!important}}@media screen and (max-width: 1200px){#room-panel{width:100%!important;height:100vh!important;border-radius:0;padding:1rem;max-width:none!important;display:flex;flex-direction:column}.teams-container{flex-direction:row;gap:5px;flex:1;overflow:hidden;min-height:0}.team-list{width:48%;height:100%;overflow-y:auto}.controls-area{position:relative;padding:.5rem;flex-direction:row;gap:10px;flex-shrink:0}.character-selector{margin:0}.char-option{padding:5px 10px;font-size:.7rem}.login-left-col h1{font-size:1.4rem!important;margin-bottom:.6rem!important;flex-shrink:0}#login-panel{width:95%;padding:1.5rem}.secondary-btn{font-size:.6rem!important;padding:4px!important;margin-bottom:12px!important}.login-input-group input{font-size:.7rem!important;padding:6px!important}.create-room-section *{font-size:.7rem!important}.create-room-controls input,button{padding:6px!important}.modal-content{max-height:90dvh!important;overflow-y:auto}#login-panel{padding:1rem}.login-left-col{overflow-y:auto;justify-content:start;margin-top:20px}#room-panel{max-height:100dvh!important;padding:.4rem;overflow-y:auto}#room-panel #room-title{margin:6px auto}.sm-btn{padding:2px 6px;font-size:.6rem;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:none}.controls-area .action-buttons{display:flex;gap:4px!important}.controls-area .action-buttons *{font-size:.8rem}}#ui-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;touch-action:none}#touch-controls{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;pointer-events:none;z-index:5000}#joystick-zone{position:absolute;bottom:50px;left:50px;width:150px;height:150px;pointer-events:auto;touch-action:none}#action-buttons{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;align-items:flex-end}.action-row{display:flex;gap:10px;justify-content:flex-end;align-items:center}.touch-btn{width:65px;height:65px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#14141499;color:#fff;font-weight:800;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000004d;text-transform:uppercase;letter-spacing:1px}.touch-btn:active,.touch-btn.active{transform:scale(.92);box-shadow:0 2px 8px #0003}#btn-shoot{background:#ff323226;border:2px solid rgba(255,80,80,.8);width:65px;height:65px;font-size:.8rem;box-shadow:0 0 15px #f003,inset 0 0 10px #ff00001a;text-shadow:0 0 5px rgba(255,50,50,.8);color:#ffc8c8e6}#btn-shoot:active{background:#ff323299;box-shadow:0 0 25px #f009;transform:scale(.95)}#btn-pass{background:#3232ff26;border:2px solid rgba(100,100,255,.8);width:65px;height:65px;font-size:.8rem;box-shadow:0 0 15px #00f3,inset 0 0 10px #0000ff1a;text-shadow:0 0 5px rgba(100,100,255,.8);color:#c8c8ffe6}#btn-pass:active{background:#3232ff99;box-shadow:0 0 25px #00f9;transform:scale(.95)}#btn-longpass{width:55px;height:55px;font-size:.65rem;background:#ffc80026;border:2px solid rgba(255,220,50,.8);box-shadow:0 0 10px #ffb40033;color:#ffffc8e6}#btn-longpass:active{background:#ffc80099;box-shadow:0 0 20px #ffc80080;transform:scale(.95)}#btn-sprint{width:55px;height:55px;font-size:.7rem;background:#32ff3226;border:2px solid rgba(100,255,100,.8);box-shadow:0 0 10px #0f03;color:#c8ffc8e6}#btn-sprint:active{background:#32ff3299;box-shadow:0 0 20px #00ff0080;transform:scale(.95)}.emote-btn{background:transparent!important;border:none!important;box-shadow:none!important;font-size:1.5rem!important;opacity:.8;transition:transform .1s;padding:0!important;width:40px!important;height:40px!important}.emote-btn:active{transform:scale(1.2);opacity:1}#btn-camera{width:50px;height:50px;font-size:.9rem;font-weight:700;position:fixed;top:20px;right:20px;background:#00ffff26;border:2px solid rgba(0,255,255,.5);border-radius:50%;color:#dcffffe6;display:flex;justify-content:center;align-items:center;z-index:100;box-shadow:0 0 10px #0ff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s;text-shadow:0 0 5px rgba(0,255,255,.5)}#btn-camera:active{transform:scale(.92);background:#0ff6;box-shadow:0 0 20px #0ff9;border-color:#0ffc}@media (max-width: 1100px){#tactics-controls{bottom:40px!important;right:170px!important;left:auto!important;z-index:6000!important;gap:5px}.tactic-btn{padding:4px 8px!important;height:30px!important}.tactic-btn .key{width:16px;height:16px;font-size:10px}.tactic-btn .label{font-size:10px;display:block!important}#controls-hint{display:none!important;position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:85%;max-width:400px;height:80vh;background:#141414f2;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:0;text-align:left;font-size:14px;z-index:10000;box-shadow:0 10px 30px #000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;font-family:Inter,sans-serif}#controls-hint.visible{display:flex!important;flex-direction:column}.hint-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.hint-title{font-weight:700;font-size:12px;color:#fff}.hint-close{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;line-height:1}.hint-body{padding:15px 20px;display:flex;flex-direction:column;gap:10px;max-height:80vh;overflow-y:auto}.hint-row{display:flex;align-items:center;justify-content:space-between}.hint-keys{display:flex;gap:5px}.key-badge{background:#ffffff26;color:#fff;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;min-width:20px;text-align:center;border:1px solid rgba(255,255,255,.1)}.hint-desc{color:#ccc;font-size:13px}.hint-footer{padding:4px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:5px;font-size:12px}#mobile-help-btn{display:flex;position:absolute;top:20px;right:80px;width:50px;height:50px;background:#0009;border:2px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;font-weight:700;font-size:20px;z-index:101;cursor:pointer;justify-content:center;align-items:center}#tactics-hud{font-size:12px;padding:4px 6px;gap:3px}#tactics-timer,#tactics-cooldown{font-size:11px;padding-left:12px}#score-board{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#141414d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 15px #00000080;display:none;z-index:100;text-align:center;min-width:140px}.score-container{display:flex;align-items:center;justify-content:center;gap:20px;font-size:1.5rem;font-weight:800;line-height:1;font-family:Outfit,sans-serif}.score-divider{color:#ffffff4d;font-size:1.5rem}.score-meta{margin-top:5px;font-size:.7rem;font-weight:400;color:#fff9;text-transform:uppercase;letter-spacing:2px}}@media (max-width: 1100px){body.lobby-mode #chat-container{left:auto!important;right:20px!important;top:20px!important;bottom:auto!important;transform:none!important}body.lobby-mode #chat-toggle-btn{margin:0;background:#0009;border:1px solid rgba(255,255,255,.2)}body.lobby-mode #chat-box{left:auto!important;right:0!important;transform-origin:top right}}@media (min-width: 1101px){#controls-hint{position:fixed;top:20px!important;right:20px!important;left:auto!important;transform:none!important;width:auto;max-width:280px;background:#141414eb;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0;text-align:left;font-size:13px;z-index:10000;box-shadow:0 6px 20px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;font-family:Inter,sans-serif}#controls-hint:not(.visible){display:none!important}.hint-header{padding:4px 6px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}#controls-hint.visible{display:flex!important;flex-direction:column}.hint-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.hint-title{font-weight:700;font-size:12px;color:#fff}.hint-close{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;line-height:1}.hint-body{padding:15px 20px;display:flex;flex-direction:column;gap:10px;max-height:80vh;overflow-y:auto}.hint-row{display:flex;align-items:center;justify-content:space-between}.hint-keys{display:flex;gap:5px}.key-badge{background:#ffffff26;color:#fff;padding:4px 8px;border-radius:6px;font-weight:600;font-size:12px;min-width:20px;text-align:center;border:1px solid rgba(255,255,255,.1)}.hint-desc{color:#ccc;font-size:13px}.hint-footer{padding:15px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:5px;font-size:12px}#mobile-help-btn{display:flex!important;position:fixed;top:20px;right:20px;width:44px;height:44px;background:#000000b3;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;font-weight:700;font-size:20px;z-index:101;cursor:pointer;justify-content:center;align-items:center}#mobile-help-btn:hover{background:#000000d9;border-color:#fff9}#tactics-timer,#tactics-cooldown{padding-left:14px}}@media (max-width: 768px){.guide-content{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;border:none}.guide-header{padding:10px 15px}.guide-body{padding:15px}.guide-section summary{font-size:.9rem;padding:10px}.tactics-grid{grid-template-columns:1fr}.tactic-item{padding:8px}.platform-tabs{flex:1;justify-content:center}.tab-btn{padding:6px 12px;font-size:.8rem;flex:1;text-align:center}#controls-hint{display:none!important}}#mobile-help-btn{background:#ffffff1a!important;border:2px solid rgba(255,255,255,.5)!important;border-radius:50%!important;color:#fff!important;box-shadow:0 0 10px #fff3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;transition:all .2s!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}#mobile-help-btn svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}#mobile-help-btn:hover,#mobile-help-btn:active{background:#ffffff40!important;box-shadow:0 0 20px #fff6!important;transform:scale(1.05)}@media (max-width: 1024px){.guide-img{max-height:80vh;max-width:60%;width:auto}.guide-image-container{padding:5px}.guide-close{padding:15px;min-width:48px;min-height:48px;font-size:2.5rem;display:flex;justify-content:center;align-items:center}}html[data-lang=en] .touch-btn,html:lang(en) .touch-btn{font-size:.65rem;letter-spacing:0}html[data-lang=en] #btn-shoot,html:lang(en) #btn-shoot{font-size:.6rem}html[data-lang=en] #btn-pass,html:lang(en) #btn-pass{font-size:.6rem;line-height:1.1}html[data-lang=en] #btn-longpass,html:lang(en) #btn-longpass{font-size:.55rem}html[data-lang=en] #btn-sprint,html:lang(en) #btn-sprint{font-size:.55rem}#ad-loading-mobile{bottom:0;left:50%;transform:translate(-50%);width:320px;height:50px;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 1200px){#ad-loading-mobile{z-index:99990}}@media (max-width: 1200px){.quick-start-btn{padding:8px 12px!important;font-size:.75rem!important;white-space:nowrap}.login-input-group{flex-wrap:wrap}#quick-match-modal .modal-content{width:95%!important;max-width:400px!important;padding:15px!important}#quick-match-modal h3{font-size:1.2rem!important}#quick-match-modal .mode-card{padding:10px!important}#quick-match-modal .mode-card>div:first-child{font-size:1.4rem!important}.quick-char-option img{width:40px!important;height:40px!important}.quick-char-option{padding:5px!important}#quick-match-modal div[style*="rgba(255,193,7"]{padding:8px!important;font-size:.8rem!important}#quick-match-modal button{padding:10px 20px!important;font-size:.9rem!important}#matching-overlay h2{font-size:1.4rem!important}#matching-timer{font-size:1.2rem!important}#matching-cancel-btn{padding:10px 30px!important;font-size:.9rem!important}}@media (max-width: 700px) and (orientation: landscape){#quick-match-modal .modal-content{max-height:90vh;overflow-y:auto;padding:10px!important}#quick-match-modal .mode-selector{gap:8px!important}#quick-match-modal .mode-card{padding:8px!important}#quick-match-modal .mode-card>div:first-child{font-size:1.2rem!important}#matching-tips{padding:10px 15px!important;max-width:90%!important;margin:15px auto!important}#matching-tip-text{font-size:.8rem!important;min-height:35px!important}}