@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,600;0,700;1,700&family=DM+Sans:wght@400;500;700&family=Russo+One&family=Space+Grotesk:wght@500;700&display=swap";:root{--lime: #9eff38;--lime-glow: rgba(158, 255, 56, .45);--lime-dark: #204015;--cyan: #00f0ff;--cyan-glow: rgba(0, 240, 255, .4);--amber: #ffbe0b;--amber-glow: rgba(255, 190, 11, .4);--crimson: #ff3366;--crimson-glow: rgba(255, 51, 102, .45);--purple: #c77dff;--purple-glow: rgba(199, 125, 255, .4);--bg-dark: #070e0b;--bg-panel: #0f1c16;--bg-card: #14251d;--border-dim: #1f372a;--border-bright: #3f6852;--text-main: #edf5ea;--text-muted: #8ca393;--font-game: "Russo One", sans-serif;--font-ui: "Chakra Petch", sans-serif;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important}html,body{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}input,textarea{-webkit-touch-callout:default!important;-webkit-user-select:text!important;user-select:text!important}body.pseudo-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:999999!important;overflow:hidden!important}body{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-ui);font-size:14px;line-height:1.4;background-image:radial-gradient(ellipse at 50% -20%,rgba(31,64,45,.45) 0%,transparent 70%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,36px 36px,36px 36px;background-position:center top,center top,center top;-webkit-tap-highlight-color:transparent}#app{width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative}button,input{font-family:inherit}button{cursor:pointer;border:none;background:none;color:inherit;user-select:none;-webkit-user-select:none;transition:transform .08s ease,filter .15s ease,background-color .15s ease}button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.5)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-game);text-transform:uppercase;letter-spacing:.5px}.site-header{height:48px;width:100%;max-width:1480px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-dim);background:#0b1611d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;z-index:10}body.is-playing .site-header{display:none!important}.brand{display:flex;align-items:center;gap:10px}.brand-crest{font-size:20px;color:var(--lime);filter:drop-shadow(0 0 8px var(--lime-glow));animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 0 8px var(--lime-glow))}to{transform:scale(1.12);filter:drop-shadow(0 0 16px var(--lime))}}.brand-text{font-family:var(--font-game);font-size:26px;letter-spacing:1px;color:#fff;display:flex;align-items:center;gap:6px}.brand-sub{color:var(--lime);font-size:14px;background:#9eff3826;border:1px solid rgba(158,255,56,.4);padding:2px 6px;border-radius:4px;letter-spacing:1.5px}.site-header nav{display:flex;align-items:center;gap:20px}.season-badge{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--amber);background:#ffbe0b1a;border:1px solid rgba(255,190,11,.35);padding:5px 12px;border-radius:20px}.game-nav-btn{background:#14261e;border:1px solid var(--border-bright);border-radius:6px;padding:8px 16px;font-size:12px;font-weight:700;letter-spacing:1px;color:#d8edd4;display:flex;align-items:center;gap:8px}.game-nav-btn:hover{background:#1b3329;border-color:var(--lime);color:#fff;box-shadow:0 0 12px var(--lime-glow)}.version-badge{font-size:10px;font-weight:700;color:var(--text-muted);border:1px solid var(--border-dim);padding:4px 8px;border-radius:4px;letter-spacing:1px}main#home{flex:1;min-height:0;width:100%;max-width:1440px;padding:8px 24px 12px;margin:auto;display:flex;flex-direction:column;justify-content:space-between;gap:8px;overflow:hidden}.battle-hero{padding:2px 0 4px;text-align:left;flex-shrink:0}.hero-status-tag{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime);background:#9eff381f;border:1px solid rgba(158,255,56,.3);padding:3px 10px;border-radius:4px;margin-bottom:6px}.beacon-pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:beacon-flash 1.6s infinite ease-in-out}@keyframes beacon-flash{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.game-title{font-size:34px;line-height:1.05;color:#fff;letter-spacing:1px;text-shadow:0 3px 16px rgba(0,0,0,.8),0 0 24px var(--lime-glow);margin-bottom:4px}.title-spark{color:var(--lime);margin-left:8px;font-size:22px;vertical-align:middle}.game-subtitle{font-size:13px;color:var(--text-muted);max-width:680px;letter-spacing:.3px;line-height:1.35}.play-grid{display:grid;grid-template-columns:minmax(360px,1.15fr) minmax(320px,1fr);gap:18px;align-items:stretch;flex:1;min-height:0;overflow:hidden}.room-panel{background:linear-gradient(160deg,#13241b,#0d1712);border:2px solid var(--border-bright);border-radius:14px;padding:14px 18px;position:relative;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.room-panel::-webkit-scrollbar{width:5px}.room-panel::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-dim)}.panel-title-wrap{flex:1;min-width:0}.panel-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.panel-fs-btn{background:#14261e;border:1px solid var(--border-bright);border-radius:6px;padding:5px 9px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.8px;color:var(--lime);display:flex;align-items:center;gap:5px;touch-action:manipulation;white-space:nowrap;flex-shrink:0}.panel-fs-btn:hover{background:#1b3529;border-color:var(--lime);box-shadow:0 0 10px var(--lime-glow)}.panel-badge{font-family:var(--font-game);font-size:12px;background:#9eff3826;border:1px solid var(--lime);color:var(--lime);padding:5px 8px;border-radius:6px;box-shadow:0 0 10px var(--lime-glow)}.panel-heading h2{font-size:17px;color:#fff;letter-spacing:.8px}.panel-heading p{font-size:11px;color:var(--text-muted)}label{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#b7cbbf;margin-bottom:5px;text-transform:uppercase}.name-input{display:flex;align-items:center;gap:10px;background:#09120e;border:2px solid var(--border-bright);border-radius:8px;padding:0 12px;height:42px;transition:border-color .2s,box-shadow .2s}.name-input:focus-within{border-color:var(--lime);box-shadow:0 0 14px var(--lime-glow)}.name-input input{background:none;border:none;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;outline:none;width:100%;-webkit-touch-callout:default!important;-webkit-user-select:text!important;user-select:text!important}.name-input input::placeholder{color:#4b6656;font-weight:500}.mini-avatar{--avatar-color: #bafa76;display:inline-block;width:24px;height:25px;flex-shrink:0;background:var(--avatar-color);border-radius:6px;position:relative;box-shadow:0 2px 6px #0006}.mini-avatar i{position:absolute;top:6px;left:3px;right:3px;height:8px;background:#16241c;border-radius:3px}.mini-avatar i:before,.mini-avatar i:after{content:"";position:absolute;background:#fff;top:2px;height:3px;width:2px;border-radius:1px}.mini-avatar i:before{left:2px}.mini-avatar i:after{right:2px}.power-label{margin-top:10px}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.power-card{background:#0d1a14;border:2px solid var(--border-dim);border-radius:10px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:4px;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.power-card:hover{border-color:var(--border-bright);background:#12221b;transform:translateY(-2px)}.power-card.active{border-color:var(--lime);background:linear-gradient(180deg,#193123,#102017);box-shadow:0 0 16px var(--lime-glow),inset 0 0 10px #9eff381f;transform:translateY(-2px)}.power-card.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--lime);box-shadow:0 0 8px var(--lime)}.card-top{display:flex;align-items:center;justify-content:space-between}.hero-class-tag{font-size:8.5px;font-weight:700;letter-spacing:.8px;padding:1px 5px;border-radius:4px}.tag-tank{background:#ffbe0b33;color:var(--amber);border:1px solid rgba(255,190,11,.4)}.tag-stealth{background:#c77dff33;color:var(--purple);border:1px solid rgba(199,125,255,.4)}.tag-tactician{background:#00f0ff33;color:var(--cyan);border:1px solid rgba(0,240,255,.4)}.power-icon{font-size:17px}.hero-title{font-family:var(--font-game);font-size:13px;color:#fff;letter-spacing:.5px}.hero-desc{font-size:9.5px;color:var(--text-muted);line-height:1.25;min-height:30px}.stat-bars{display:flex;flex-direction:column;gap:2px;margin-top:2px}.stat-bar{display:flex;align-items:center;gap:6px}.stat-lbl{font-size:8px;font-weight:700;color:#7b9485;width:20px}.stat-track{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.stat-fill{height:100%;border-radius:2px}.fill-tank{background:var(--amber);box-shadow:0 0 6px var(--amber-glow)}.fill-stealth{background:var(--purple);box-shadow:0 0 6px var(--purple-glow)}.fill-tactician{background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}.tabs{display:flex;gap:8px;margin:10px 0 6px;border-bottom:2px solid var(--border-dim)}.tabs button{flex:1;padding:8px 0;font-family:var(--font-game);font-size:12px;letter-spacing:1px;color:#6b8875;position:relative;transition:color .15s,background-color .15s;touch-action:manipulation;border-radius:6px 6px 0 0}.tabs button:hover{color:#cde6d5}.tabs button[aria-selected=true],.tabs button.active{color:var(--lime);background:#9eff380f}.tabs button[aria-selected=true]:after,.tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 8px var(--lime)}.room-description{display:flex;align-items:center;gap:12px;padding:10px 0}.outline-icon{width:32px;height:32px;border:1px dashed var(--lime);border-radius:8px;color:var(--lime);font-size:16px;display:grid;place-items:center;flex-shrink:0;background:#9eff380f}.room-description strong{font-size:12px;color:#fff;display:block}.room-description p{font-size:10.5px;color:var(--text-muted);margin-top:2px;line-height:1.3}#join-fields{padding:8px 0}.code-input{width:100%;height:42px;background:#09120e;border:2px solid var(--border-bright);border-radius:8px;padding:0 12px;font-family:var(--font-game);font-size:18px;letter-spacing:6px;color:var(--lime);outline:none}.code-input:focus{border-color:var(--lime);box-shadow:0 0 14px var(--lime-glow)}.primary-button{width:100%;height:44px;background:linear-gradient(180deg,#b0ff42,#8ae620);border:1px solid #c7ff6b;border-bottom:4px solid #4a8c08;border-radius:9px;color:#0b1a07;font-family:var(--font-game);font-size:14px;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px #9eff3859;margin-top:8px}.primary-button:hover:not(:disabled){background:linear-gradient(180deg,#c0ff60,#9eff38);filter:brightness(1.08);box-shadow:0 6px 20px #9eff3880}.primary-button:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px;box-shadow:0 2px 8px #9eff384d}.panel-foot{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1px;color:#6a8573;margin-top:8px}.lobby-title{font-size:20px;color:#fff;margin:6px 0 10px;letter-spacing:.8px}.invite-code{display:flex;align-items:center;justify-content:space-between;background:#09120e;border:2px dashed var(--border-bright);border-radius:8px;padding:8px 12px;margin-bottom:10px}.invite-code label{font-size:8.5px;margin-bottom:2px;color:var(--text-muted)}.invite-code strong{font-family:var(--font-game);font-size:22px;letter-spacing:3px;color:var(--lime);text-shadow:0 0 10px var(--lime-glow)}.small-button{background:#1a2f24;border:1px solid var(--border-bright);border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:1px;color:#d6ead4}.small-button:hover{background:#234030;border-color:var(--lime);color:#fff}.lobby-power-bar{background:#0a1410;border:1px solid var(--border-dim);border-radius:8px;padding:8px 10px;margin-bottom:10px}.lobby-power-select{display:flex;gap:6px;margin-top:4px}.power-pill{flex:1;background:#14231b;border:1px solid var(--border-bright);border-radius:6px;padding:6px 4px;font-size:10px;font-weight:700;color:#c4d8c7}.power-pill:hover{background:#1c3226}.power-pill.active{background:var(--lime);color:#0b1a07;border-color:#c4ff75;box-shadow:0 0 10px var(--lime-glow)}.roster-heading{display:flex;justify-content:space-between;font-size:9.5px;font-weight:700;letter-spacing:1.2px;color:#8fa595;margin-bottom:6px}#player-list{max-height:110px;overflow-y:auto;scrollbar-width:thin}.player-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#0a1410;border:1px solid var(--border-dim);border-radius:6px;margin-bottom:4px}.player-row strong{font-size:12px;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-badge{margin-left:auto;font-size:8.5px;font-weight:700;letter-spacing:1px;color:var(--lime);background:#9eff381a;padding:2px 6px;border-radius:4px;border:1px solid rgba(158,255,56,.3)}.lobby-help{font-size:11px;color:#8da495;margin:8px 0;text-align:center}.leave-lobby{display:block;margin:6px auto 0;font-size:11px;font-weight:700;letter-spacing:1px;color:#ff6b8b}.leave-lobby:hover{color:#f36}.error-message{font-size:12px;color:var(--crimson);background:#ff33661f;border:1px solid rgba(255,51,102,.4);border-radius:6px;padding:10px;margin-top:14px}.world-card{background:#0e1a14;border:2px solid var(--border-bright);border-radius:14px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;min-height:0;height:100%}.world-card-top{position:absolute;top:14px;left:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:space-between}.map-tag{background:#08100cd9;border:1px solid rgba(158,255,56,.4);border-radius:6px;padding:4px 8px;font-size:9.5px;font-weight:700;letter-spacing:1px;color:var(--lime);display:flex;align-items:center;gap:6px}.world-number{font-family:var(--font-game);font-size:11px;letter-spacing:1.2px;color:#b7cbbe}.world-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.world-art svg{width:100%;height:100%;object-fit:cover}.world-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08100c33,#08100cd9 85%)}.art-label{position:absolute;font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--lime);background:#000000bf;padding:3px 6px;border-radius:4px;border:1px solid var(--lime);box-shadow:0 0 8px var(--lime-glow);z-index:1}.label-you{left:14%;top:46%}.label-star{right:14%;top:16%;color:var(--amber);border-color:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.world-caption{margin-top:auto;padding:14px 18px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between}.world-caption h2{font-size:18px;color:#fff;letter-spacing:.8px}.world-caption p{font-size:11px;color:var(--text-muted);margin-top:2px}.map-size{font-family:var(--font-game);font-size:12px;text-align:right;color:var(--lime)}.map-size span{display:block;font-size:8.5px;color:var(--text-muted);letter-spacing:1px}#arena{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#070e0b;z-index:10}.game-toolbar{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));z-index:15;background:linear-gradient(180deg,#070e0be6,#070e0b00);pointer-events:none}.game-toolbar .game-map-name,.game-toolbar .game-actions{pointer-events:auto}.game-map-name{display:flex;align-items:center;gap:10px}.status-beacon{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}.hud-mode-pill{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--lime);background:#9eff3826;border:1px solid rgba(158,255,56,.4);padding:2px 8px;border-radius:4px}.game-map-name strong{font-family:var(--font-game);font-size:15px;letter-spacing:.5px;color:#fff}.round-badge{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--amber);background:#ffbe0b26;border:1px solid rgba(255,190,11,.4);padding:2px 8px;border-radius:4px}.game-actions{display:flex;align-items:center;gap:10px}.passkey-pill{font-family:var(--font-game);font-size:11px;letter-spacing:1.5px;color:#9eccad;background:#0d1a14;border:1px solid var(--border-dim);padding:4px 8px;border-radius:6px}.hud-icon-button{width:32px;height:32px;background:#14231b;border:1px solid var(--border-bright);border-radius:6px;color:#fff;font-size:14px;display:grid;place-items:center}.hud-icon-button:hover{background:#1f372a;border-color:var(--lime)}.hud-leave-button{background:#ff336626;border:1px solid rgba(255,51,102,.5);border-radius:6px;color:#ff94ab;font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 12px}.hud-leave-button:hover{background:#ff336659;color:#fff}#game-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:0;overflow:hidden;background:#1c332c;box-shadow:none}#game-canvas{width:100%;height:100%;overflow:hidden}#game-canvas canvas{display:block;width:100%!important;height:100%!important}.game-hud{position:absolute;top:44px;left:14px;right:14px;pointer-events:none;z-index:12;display:flex;justify-content:space-between;align-items:flex-start}.hud-pod{background:#09120ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(63,104,82,.6);border-radius:10px;box-shadow:0 8px 24px #00000080}.hud-vitals{padding:10px 14px;display:flex;flex-direction:column;gap:6px;min-width:180px}.hud-health-wrap{display:flex;flex-direction:column;gap:4px}.health-display{font-family:var(--font-game);font-size:14px;letter-spacing:1px;color:#fff}.health-bar-track{width:100%;height:8px;background:#12221b;border:1px solid #2d4838;border-radius:4px;overflow:hidden}.health-bar-fill{height:100%;background:linear-gradient(90deg,#9eff38,#46e01f);border-radius:3px;box-shadow:0 0 8px var(--lime-glow);transition:width .2s ease,background .2s ease}.health-bar-fill.danger{background:linear-gradient(90deg,#f05,#f53);box-shadow:0 0 12px var(--crimson-glow);animation:pulse-danger .8s infinite alternate}@keyframes pulse-danger{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.hud-stats-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-alt{font-size:11px;font-weight:700;color:#b0c9b9}.hud-boost-pill{font-size:10px;font-weight:700;color:var(--cyan);background:#00f0ff26;padding:1px 6px;border-radius:4px;border:1px solid rgba(0,240,255,.4)}.hud-weapon-pill{font-size:10px;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.5px;transition:all .2s ease;white-space:nowrap}.hud-weapon-pill.unarmed{color:#f7a072;background:#f7a0722e;border:1px solid rgba(247,160,114,.45)}.hud-weapon-pill.armed{color:#ffe600;background:#ffe60038;border:1px solid rgba(255,230,0,.7);box-shadow:0 0 10px #ffe60073}.hud-center{padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px}.hud-clock-box{display:flex;align-items:center;gap:8px}.hud-clock-box strong{font-family:var(--font-game);font-size:20px;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.power-hud-display{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--lime);text-shadow:0 0 8px var(--lime-glow);min-height:14px}#touch-controls{display:none;position:absolute;inset:auto 0 0;z-index:10;justify-content:space-between;align-items:flex-end;padding:16px 24px max(18px,env(safe-area-inset-bottom));pointer-events:none;user-select:none;-webkit-user-select:none}.touch-group{display:flex;align-items:flex-end;gap:14px;pointer-events:none}.touch-button{pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;-webkit-user-select:none;user-select:none;transition:transform .06s ease,filter .08s ease,box-shadow .06s ease}.touch-button:disabled{opacity:.3;pointer-events:none}.touch-dpad{background:#08100cb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;border-radius:24px;border:2px solid rgba(63,104,82,.5);box-shadow:0 8px 30px #0009}.dpad-btn{width:66px;height:66px;background:linear-gradient(180deg,#1d3328,#122119);border:2px solid #3c634e;border-bottom:5px solid #0b1710;border-radius:18px;color:#cdecd2;box-shadow:0 6px #08100b,0 10px 18px #00000080}.dpad-btn .dpad-icon{font-size:26px;line-height:1}.dpad-btn small{font-size:8px;font-weight:700;letter-spacing:1px;color:#799d85}.dpad-btn[aria-pressed=true],.dpad-btn:active{transform:translateY(4px);border-bottom-width:2px;box-shadow:0 2px #08100b;background:linear-gradient(180deg,#2b4f3d,#1b3527);color:var(--lime);border-color:var(--lime)}.touch-combat-zone{display:flex;align-items:center;gap:16px;pointer-events:none}.touch-aux-cluster{display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-action-btn{width:58px;height:58px;border-radius:50%;box-shadow:0 5px #00000080,0 8px 16px #0006}.touch-action-btn small{font-size:8px;font-weight:700;letter-spacing:1px}.touch-action-btn[aria-pressed=true],.touch-action-btn:active{transform:translateY(3px);box-shadow:0 2px #00000080}.touch-jump{background:linear-gradient(180deg,#aeff45,#76db12);border:2px solid #dbffa6;border-bottom:5px solid #3c7704;color:#0c2005;box-shadow:0 5px #285202,0 8px 18px #9eff3866}.touch-jump .action-icon{font-size:24px;line-height:.9}.touch-shove{background:linear-gradient(180deg,#ff4d79,#c41c48);border:2px solid #ff9ebb;border-bottom:5px solid #730623;color:#fff;box-shadow:0 5px #54061a,0 8px 18px #ff4d7966}.touch-shove .action-icon{font-size:22px}.touch-aim-stick{pointer-events:auto;touch-action:none;position:relative;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#10241cd9,#08120ef2);border:2.5px solid rgba(0,240,255,.4);box-shadow:0 0 20px #00f0ff26,inset 0 0 15px #000c;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.touch-aim-stick.disabled{opacity:.35;pointer-events:none}.touch-aim-stick.active{border-color:#ff4747;box-shadow:0 0 25px #ff474780,inset 0 0 15px #ff474733}.aim-reticle-ring{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;border:1px dashed rgba(0,240,255,.35);pointer-events:none}.touch-aim-stick.active .aim-reticle-ring{border-color:#ff474799}.aim-cross{position:absolute;background:#00f0ff80;pointer-events:none}.touch-aim-stick.active .aim-cross{background:#ff4747cc}.aim-n{top:-6px;left:50%;width:2px;height:8px;transform:translate(-50%)}.aim-s{bottom:-6px;left:50%;width:2px;height:8px;transform:translate(-50%)}.aim-w{left:-6px;top:50%;height:2px;width:8px;transform:translateY(-50%)}.aim-e{right:-6px;top:50%;height:2px;width:8px;transform:translateY(-50%)}.aim-knob{position:relative;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#00f0ff,#08a);border:2px solid #b3f8ff;box-shadow:0 4px 10px #0009,0 0 14px #00f0ff80;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform;transition:background .15s ease,border-color .15s ease}.touch-aim-stick.active .aim-knob{background:linear-gradient(180deg,#ff4f38,#b81b09);border-color:#ffbfb5;box-shadow:0 4px 12px #000000b3,0 0 18px #ff4f38b3}.aim-knob-icon{font-size:22px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.controls-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#08100ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(63,104,82,.5);border-radius:20px;padding:4px 16px;display:flex;align-items:center;gap:14px;font-size:11px;color:#8ca393;z-index:12;pointer-events:none;box-shadow:0 4px 16px #00000080;white-space:nowrap}.controls-bar span{display:flex;align-items:center;gap:5px}kbd{background:#14241c;border:1px solid var(--border-bright);border-bottom:2px solid #0e1712;border-radius:4px;padding:2px 5px;font-size:9.5px;color:#fff;font-family:var(--font-ui);font-weight:700}#live-players{margin-left:6px;font-weight:700;color:var(--lime)}.touch-hint{display:none}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#060e0abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.countdown-card{text-align:center}.countdown-label{font-family:var(--font-game);font-size:18px;letter-spacing:3px;color:var(--lime);text-shadow:0 0 12px var(--lime-glow)}.countdown-card h2{font-size:130px;line-height:1;color:#fff;letter-spacing:2px;text-shadow:0 0 40px var(--lime-glow),0 8px 0 rgba(0,0,0,.7);animation:countdown-bounce 1s infinite cubic-bezier(.1,.9,.2,1)}@keyframes countdown-bounce{0%{transform:scale(1.2);opacity:.8}50%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:.9}}.winner-card{background:linear-gradient(160deg,#17291f,#0d1712);border:2px solid var(--amber);border-radius:20px;padding:36px;text-align:center;width:min(480px,92%);box-shadow:0 20px 80px #000c,0 0 40px var(--amber-glow)}.winner-star{display:block;width:64px;height:64px;margin:0 auto 16px;color:var(--amber);filter:drop-shadow(0 0 20px var(--amber-glow))}.winner-card h2{font-size:36px;color:#fff;letter-spacing:1px}.winner-card p{color:#9eccad;margin-top:8px}#rematch-hint{font-size:11px;color:#6d8876;margin-top:10px}dialog#instructions{background:#0b1712;border:2px solid var(--border-bright);border-radius:16px;color:var(--text-main);padding:0;max-width:540px;width:min(calc(100% - 24px),540px);max-height:min(calc(100dvh - 20px),calc(100vh - 20px),640px);box-shadow:0 24px 80px #000000d9;display:flex;flex-direction:column;overflow:hidden;margin:auto;outline:none;z-index:1000}dialog:not([open]){display:none!important}dialog::backdrop{background:#030806d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--border-dim);background:#08120e;flex-shrink:0;gap:12px}.dialog-title-wrap{flex:1;min-width:0}.dialog-title-wrap h2{font-size:16px;color:#fff;letter-spacing:.5px;margin-top:2px}.dialog-close{width:40px;height:40px;min-width:40px;border-radius:50%;background:#14281f;border:1px solid var(--border-bright);color:#c4ded0;font-size:14px;font-weight:700;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;flex-shrink:0;transition:all .15s}.dialog-close:hover{background:#204232;border-color:var(--lime);color:#fff;transform:scale(1.06)}.dialog-close:active{transform:scale(.95)}.dialog-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:14px}.dialog-intro{font-size:12.5px;color:var(--text-muted);line-height:1.45}.dialog-section h3{font-size:11px;letter-spacing:1.2px;color:var(--lime);margin-bottom:8px}.instruction-grid{display:flex;flex-direction:column;gap:6px}.instruction-row{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.35}.instruction-row kbd{min-width:72px;padding:3px 8px;text-align:center;font-size:10px;font-family:var(--font-ui);font-weight:700;background:#15291f;border:1px solid var(--border-bright);border-radius:4px;color:var(--lime);flex-shrink:0}.instruction-row span{color:#d8e8dc}.guide-power-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guide-power-card{background:#08120e;border:1px solid var(--border-dim);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.guide-power-card strong{font-size:11px;color:#fff}.guide-power-card span{font-size:10px;color:var(--text-muted);line-height:1.3}.guide-power-tank{border-color:#ffbe0b66}.guide-power-stealth{border-color:#c77dff66}.guide-power-tactician{border-color:#00f0ff66}.dialog-section p{font-size:11.5px;color:var(--text-muted);line-height:1.45}.dialog-footer{padding:10px max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border-top:1px solid var(--border-dim);background:#08120e;flex-shrink:0}.dialog-footer .primary-button{margin:0;height:44px;touch-action:manipulation}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#9eff38;color:#0b1a07;font-weight:700;font-size:13px;letter-spacing:.5px;padding:10px 20px;border-radius:8px;box-shadow:0 6px 30px #9eff3866;z-index:100}@media(max-width:900px),(any-pointer:coarse){#touch-controls{display:flex}.controls-bar{display:none!important}}@media(max-width:860px){.site-header{padding:0 16px;height:42px}.season-badge,.version-badge{display:none}.game-title{font-size:26px}.game-subtitle{display:none}}@media(max-width:860px)and (orientation:portrait){.play-grid{grid-template-columns:1fr;gap:10px}.world-card{display:none}}@media(max-width:520px){.power-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}.hero-desc{display:none}.power-card{padding:6px 4px}.hero-title{font-size:11px}.stat-bars{display:none}.primary-button{font-size:13px;height:42px}}@media(orientation:landscape)and (max-height:540px){.site-header{display:none!important}main#home{padding:6px 14px 8px;height:100dvh;justify-content:center}.battle-hero{display:none}.play-grid{grid-template-columns:1.15fr .85fr;gap:12px;height:100%}.room-panel{padding:8px 12px}.panel-heading{margin-bottom:6px;padding-bottom:4px}.panel-fs-btn{padding:3px 6px;font-size:10px}.power-grid{gap:6px;margin-bottom:6px}.hero-desc,.stat-bars{display:none}.power-card{padding:5px 6px;gap:2px}.power-icon{font-size:14px}.hero-title{font-size:11.5px}.primary-button{height:38px;font-size:13px;margin-top:6px}.is-playing #arena{height:100dvh}.is-playing .game-toolbar{height:32px;padding:0 12px}.is-playing .game-hud{top:34px;left:10px;right:10px}.is-playing .hud-vitals{padding:4px 8px;min-width:135px}.is-playing .health-display{font-size:11px}.is-playing .hud-center{padding:2px 10px}.is-playing .hud-clock-box strong{font-size:14px}#touch-controls{padding:6px max(14px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.dpad-btn{width:56px;height:56px}.touch-combat-zone{gap:10px}.touch-aux-cluster{gap:6px}.touch-action-btn{width:48px;height:48px}.touch-jump{width:50px;height:50px}.touch-aim-stick{width:98px;height:98px}.aim-knob{width:44px;height:44px}dialog#instructions{max-height:calc(100dvh - 14px);max-height:calc(100vh - 14px);width:min(calc(100% - max(36px,env(safe-area-inset-left) + env(safe-area-inset-right))),580px);border-radius:12px}.dialog-header{padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 6px max(14px,env(safe-area-inset-left))}.dialog-title-wrap h2{font-size:14px}.dialog-close{width:36px;height:36px;min-width:36px;font-size:12px}.dialog-body{padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));gap:8px}.dialog-footer{padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.dialog-footer .primary-button{height:38px}}