*{box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif}#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}.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)}.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;margin-bottom:10px;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,#2196f3,#00bcd4)!important;box-shadow:0 4px 15px #2196f34d;font-size:.8rem}#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}@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:60%}.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}.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{padding:6px 12px;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;margin:10px 0}.char-option{padding:10px;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:70px;transform:translate(-50%);text-align:left;pointer-events:none;z-index:90;display:flex;flex-direction:column;gap:5px}#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;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}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}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.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}.char-option{padding:4px 8px;font-size:.7rem}.controls-area{padding:5px;position:relative;border:none;background:transparent}button{padding:6px 12px;font-size:.8rem;margin:2px}}#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}h1{font-size:2rem;flex-shrink:0}#login-panel{width:95%;padding:1.5rem}}#ui-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}#touch-controls{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5000}#joystick-zone{position:absolute;bottom:50px;left:50px;width:150px;height:150px;pointer-events:auto}#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:radial-gradient(circle at 30% 30%,#ff5050cc,#c80000cc);border:2px solid rgba(255,100,100,.5);width:65px;height:65px;font-size:.8rem;box-shadow:0 0 20px #ff00004d;text-shadow:0 1px 2px rgba(0,0,0,.5)}#btn-shoot:active{background:radial-gradient(circle at 30% 30%,#ff6464e6,#dc0000e6);box-shadow:0 0 30px #ff000080}#btn-pass{background:radial-gradient(circle at 30% 30%,#5050ffcc,#0000c8cc);border:2px solid rgba(100,100,255,.5);width:65px;height:65px;font-size:.8rem;box-shadow:0 0 20px #0000ff4d;text-shadow:0 1px 2px rgba(0,0,0,.5)}#btn-pass:active{background:radial-gradient(circle at 30% 30%,#6464ffe6,#0000dce6);box-shadow:0 0 30px #0000ff80}#btn-sprint{width:55px;height:55px;font-size:.7rem;background:radial-gradient(circle at 30% 30%,#50ff5099,#00b40099);border:2px solid rgba(100,255,100,.4);box-shadow:0 0 15px #0f03}#btn-sprint:active{background:radial-gradient(circle at 30% 30%,#64ff64cc,#00c800cc);box-shadow:0 0 25px #0f06}#btn-camera{width:45px;height:45px;font-size:1.2rem;position:fixed;top:20px;right:20px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:12px}@media (max-width: 1100px){#tactics-controls{bottom:40px!important;right:120px!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: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:50vh;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;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 (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:50vh;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}}