*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e;color:#fff;overflow:hidden}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.spawn-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.spawn-screen h1{font-size:4rem;color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5);margin-bottom:2rem}.spawn-screen .subtitle{font-size:1.2rem;color:#888;margin-bottom:2rem}.spawn-screen form{display:flex;flex-direction:column;align-items:center;gap:10px}.spawn-screen input{width:300px;padding:15px 20px;font-size:1.2rem;border:2px solid #4ade80;border-radius:10px;background:#ffffff1a;color:#fff;outline:none;margin-bottom:1rem;text-align:center}.spawn-screen input::placeholder{color:#666}.spawn-screen button{padding:15px 50px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.spawn-screen button:hover{transform:scale(1.05);box-shadow:0 0 30px #4ade8080}.spawn-screen button.secondary-button{background:#ffffff1a;color:#ddd;border:1px solid rgba(255,255,255,.25);font-size:1rem;padding:10px 30px;margin-top:10px}.spawn-screen button.secondary-button:hover{box-shadow:none;background:#ffffff29}.spawn-screen .controls-hint{margin-top:2rem;color:#666;font-size:.9rem;text-align:center}.spawn-screen .death-info{color:#ef4444;font-size:1.5rem;margin-bottom:1rem}.spawn-screen .revenge-hint{color:#fbbf24;font-size:.95rem;margin-top:.4rem}.auth-panel{width:min(90vw,420px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.auth-tabs button{padding:10px 8px;font-size:.95rem;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#bbb}.auth-tabs button.active{color:#fff;border-color:#4ade80a6;background:#4ade8033}.auth-info{text-align:center;color:#999;margin-bottom:8px}.auth-nickname{text-align:center;font-size:1.8rem;font-weight:700;color:#4ade80}.auth-username{text-align:center;color:#a0a0a0;margin-bottom:16px}.auth-error{margin-top:12px;background:#ef444426;border:1px solid rgba(239,68,68,.45);color:#fca5a5;padding:10px 12px;border-radius:8px;text-align:center;font-size:.9rem}.hangar-screen{--hangar-steel: #8f9aa5;--hangar-carbon: #151b22;--hangar-carbon-soft: #1e2530;--hangar-panel: rgba(14, 20, 27, .9);--hangar-line: rgba(148, 163, 184, .2);--hangar-accent: #efb848;--hangar-accent-soft: rgba(239, 184, 72, .2);--hangar-alert: #f97316;--hangar-text: #d8e0e8;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 85% 20%,rgba(239,184,72,.22),transparent 45%),radial-gradient(circle at 12% 88%,rgba(14,165,233,.12),transparent 42%),linear-gradient(125deg,#070a0e 10%,#111821 45%,#0b1017)}.hangar-shell{width:min(1260px,100%);min-height:640px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(320px,1.05fr);gap:22px;position:relative;margin:0 auto}.hangar-left,.hangar-right{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid var(--hangar-line);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff08,0 24px 50px #00000073}.hangar-left{display:flex;flex-direction:column;gap:16px;background-color:var(--hangar-panel);min-height:0}.hangar-right{display:flex;flex-direction:column;gap:14px;background-color:#0b1118db}.hangar-header{display:flex;flex-direction:column;gap:6px}.hangar-badge{align-self:flex-start;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hangar-accent);border:1px solid var(--hangar-accent-soft);border-radius:999px;padding:5px 10px;background:#efb84814}.hangar-title{font-size:clamp(2rem,3.8vw,3rem);letter-spacing:.03em;color:#f1f5f9}.hangar-subtitle{color:#9aa7b6;font-size:.96rem}.hangar-info{color:#f8fafc;font-size:.9rem;background:#0ea5e929;border:1px solid rgba(14,165,233,.35);border-radius:10px;padding:10px 12px}.hangar-auth-terminal,.hangar-cabinet{border-radius:14px;border:1px solid var(--hangar-line);background:#080c11b8;padding:16px;min-height:0}.hangar-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.hangar-auth-tabs button{padding:10px;border-radius:8px;border:1px solid rgba(148,163,184,.24);background:#ffffff08;color:#a8b5c4;font-size:.9rem;letter-spacing:.02em}.hangar-auth-tabs button.active{color:#f8fafc;border-color:#efb848cc;background:linear-gradient(180deg,#efb84840,#efb84814)}.hangar-auth-form{display:flex;flex-direction:column;align-items:stretch;gap:8px}.hangar-auth-form label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#8ea0b3}.hangar-auth-form input{width:100%;margin:0 0 2px;text-align:left;font-size:1rem;border:1px solid rgba(148,163,184,.32);border-radius:9px;background:#0f1720f5;color:var(--hangar-text);padding:12px 14px}.hangar-auth-form button,.cabinet-actions button{width:100%;margin-top:8px;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#f3c96a,#efb848 55%,#dd9d2a);color:#111827;border-radius:9px;border:1px solid rgba(239,184,72,.55);font-weight:700;padding:12px 14px;transition:transform .2s ease,filter .2s ease}.hangar-auth-form button:hover,.cabinet-actions button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 26px #efb84838}.hangar-auth-form button:disabled,.cabinet-actions button:disabled{cursor:default;filter:grayscale(.28);opacity:.75;box-shadow:none;transform:none}.cabinet-actions button.secondary-button{background:#ffffff0d;color:#d2dde8;border:1px solid rgba(148,163,184,.32);font-size:.88rem}.cabinet-profile{background:linear-gradient(160deg,#efb8481f,#efb84805);border:1px solid rgba(239,184,72,.28);border-radius:12px;padding:14px;margin-bottom:14px}.cabinet-eyebrow{font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;color:#facc15;margin-bottom:6px}.cabinet-nickname{font-size:1.8rem;font-weight:700;color:#f8fafc}.cabinet-username{color:#b4c2d0;margin-bottom:8px}.cabinet-status{color:#8fb2d6;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.cabinet-actions{display:grid;gap:8px;margin-bottom:12px}.cabinet-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cabinet-module{text-align:left;border:1px solid rgba(148,163,184,.22);background:#ffffff05;border-radius:10px;padding:10px;color:inherit;min-height:102px;overflow:hidden}.cabinet-module.interactive{border-color:#efb84847}.cabinet-module-title{color:#e5edf5;font-size:.94rem;font-weight:600}.cabinet-module-note{color:#8ea0b3;font-size:.8rem;margin-top:2px}.cabinet-module-status{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#422006;background:#fbbf24bd}.cabinet-module-status.soon{color:#422006;background:#fbbf24bd}.cabinet-module-link{margin-top:8px;border:1px solid rgba(239,184,72,.55);background:linear-gradient(135deg,#f3c96a,#efb848 55%,#dd9d2a);color:#111827;border-radius:7px;padding:6px 10px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cabinet-module-link:hover{filter:brightness(1.06)}.cabinet-legends-screen{border:1px solid rgba(148,163,184,.22);background:#ffffff05;border-radius:10px;padding:10px;overflow:hidden}.cabinet-legends{border:1px solid rgba(148,163,184,.22);background:#ffffff05;border-radius:10px;padding:10px}.cabinet-legends-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px;gap:8px}.cabinet-legends-title{flex:1 1 100%;color:#e5edf5;font-size:.94rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cabinet-legends-back,.cabinet-legends-refresh{border:1px solid rgba(239,184,72,.55);background:linear-gradient(135deg,#f3c96a,#efb848 55%,#dd9d2a);color:#111827;border-radius:7px;padding:6px 10px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cabinet-legends-refresh:disabled{opacity:.65}.cabinet-legends-tabs{display:flex;gap:8px;margin:4px 0 10px}.cabinet-legends-tabs button{border:1px solid rgba(239,184,72,.55);background:#efb84826;color:#f5d186;border-radius:7px;padding:6px 10px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.cabinet-legends-tabs button.active{background:linear-gradient(135deg,#f3c96a,#efb848 55%,#dd9d2a);color:#111827}.hangar-screen .cabinet-module-link,.hangar-screen .cabinet-legends-back,.hangar-screen .cabinet-legends-refresh,.hangar-screen .cabinet-legends-tabs button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;white-space:nowrap;background:linear-gradient(135deg,#f3c96a,#efb848 55%,#dd9d2a);border:1px solid rgba(239,184,72,.55);color:#111827;transform:none;box-shadow:none}.hangar-screen .cabinet-module-link{width:100%}.hangar-screen .cabinet-legends-tabs button:not(.active){background:#efb8482e;color:#f5d186}.hangar-screen .cabinet-module-link:hover,.hangar-screen .cabinet-legends-back:hover,.hangar-screen .cabinet-legends-refresh:hover,.hangar-screen .cabinet-legends-tabs button:hover{transform:none;box-shadow:none;filter:brightness(1.06)}.cabinet-legends-error,.cabinet-legends-empty{color:#8ea0b3;font-size:.82rem;padding:4px 0}.cabinet-legends-list{display:grid;gap:6px}.cabinet-legends-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f1720c7;padding:7px 8px;color:#dbe6f1;font-size:.84rem}.cabinet-legends-row .rank{color:#f3c96a;font-weight:700}.cabinet-legends-row .name{color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cabinet-legends-row .lvl{color:#b9cbe0;font-weight:700}.cabinet-legends-row.self{border-color:#efb84873;background:#efb84814}.cabinet-legends-self{margin-top:10px}.cabinet-legends-divider{color:#8ea0b3;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.tank-bay{border:1px solid rgba(148,163,184,.24);border-radius:14px;padding:14px;background:linear-gradient(180deg,#1e293b66,#0f172ab3)}.tank-bay-title{color:#f8fafc;font-size:1rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.11em}.tank-bay-visual{position:relative;width:100%;height:220px;border-radius:12px;border:1px dashed rgba(148,163,184,.4);overflow:hidden;background:repeating-linear-gradient(-45deg,#94a3b80d,#94a3b80d 10px,#0f172a40 10px,#0f172a40 20px)}.tank-glow{position:absolute;top:50%;left:50%;width:170px;height:170px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(239,184,72,.5),transparent 70%);filter:blur(8px)}.tank-silhouette{position:absolute;left:50%;top:52%;width:min(72%,300px);aspect-ratio:3.2 / 1.7;transform:translate(-50%,-50%);background:linear-gradient(145deg,#2f3a47,#1b2530 40%,#111a22);clip-path:polygon(5% 62%,12% 45%,33% 42%,41% 28%,67% 28%,74% 42%,92% 47%,95% 65%,85% 78%,16% 78%);border:1px solid rgba(239,184,72,.25);box-shadow:0 12px 24px #00000080}.tank-bay-note{margin-top:10px;color:#a8b6c5;font-size:.9rem;line-height:1.4}.hangar-controls{margin-top:0;color:#9aabbd;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172a85;padding:11px 12px;text-align:left}.hangar-controls p+p{margin-top:5px}.hangar-screen .auth-error{margin-top:10px}@media (max-width: 980px){.hangar-screen{padding:16px}.tank-bay-visual{height:170px}}@media (max-width: 560px){.hangar-screen{padding:12px}.hangar-left,.hangar-right{padding:14px}.hangar-auth-tabs button{font-size:.82rem}}@media (max-width: 980px) and (orientation: landscape){.hangar-screen{padding:10px;overflow-y:auto}.hangar-shell{height:calc(100vh - 20px);min-height:0;grid-template-columns:minmax(260px,1.05fr) minmax(220px,.95fr);gap:10px}.hangar-left,.hangar-right{padding:12px;border-radius:12px}.hangar-title{font-size:clamp(1.35rem,3vw,2rem)}.hangar-subtitle{font-size:.82rem}.hangar-badge{font-size:.62rem;padding:4px 8px}.hangar-auth-terminal,.hangar-cabinet{padding:12px;overflow-y:auto}.hangar-auth-form label{font-size:.68rem}.hangar-auth-form input{font-size:.9rem;padding:9px 10px}.hangar-auth-form button,.cabinet-actions button{margin-top:6px;font-size:.8rem;padding:10px}.cabinet-nickname{font-size:1.25rem}.cabinet-username,.cabinet-status,.cabinet-legends-row,.cabinet-legends-empty,.tank-bay-note,.hangar-controls{font-size:.72rem}.cabinet-legends,.cabinet-legends-screen{padding:8px}.cabinet-modules{grid-template-columns:1fr;gap:7px}.tank-bay{padding:10px}.tank-bay-title{font-size:.78rem;margin-bottom:7px}.tank-bay-visual{height:min(29vh,130px)}.hangar-controls{padding:8px}}@media (max-width: 980px) and (orientation: landscape) and (max-height: 500px){.hangar-shell{grid-template-columns:minmax(240px,1.12fr) minmax(190px,.88fr);gap:8px}.hangar-left,.hangar-right{padding:10px}.hangar-header{gap:4px}.hangar-title{font-size:clamp(1.12rem,2.6vw,1.5rem)}.hangar-subtitle{font-size:.72rem}.hangar-auth-tabs{margin-bottom:8px}.hangar-auth-tabs button{padding:7px 6px;font-size:.74rem}.hangar-auth-form{gap:6px}.hangar-auth-form label{font-size:.64rem}.hangar-auth-form input{font-size:.82rem;padding:7px 9px}.hangar-auth-form button,.cabinet-actions button{margin-top:4px;font-size:.74rem;padding:8px}.auth-error{font-size:.75rem;padding:7px 8px;margin-top:7px}.tank-bay-visual{height:min(26vh,110px)}}.rotate-device-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#04080cf5;align-items:center;justify-content:center;padding:20px}.rotate-device-panel{width:min(360px,100%);border:1px solid rgba(239,184,72,.5);border-radius:14px;background:linear-gradient(180deg,#1d232af2,#0d1218f2);box-shadow:0 20px 40px #0000008c;padding:18px;text-align:center}.rotate-device-title{color:#f3c96a;text-transform:uppercase;letter-spacing:.09em;font-size:.86rem;margin-bottom:8px}.rotate-device-text{color:#d1dbe6;font-size:.95rem;line-height:1.45}@media (max-width: 980px) and (orientation: portrait){.rotate-device-overlay{display:flex}}.hud{position:fixed;z-index:50;pointer-events:none}.hud-top-left{top:20px;left:20px}.hud-top-right{top:20px;right:20px}.hp-bar{width:200px;height:25px;background:#00000080;border-radius:5px;overflow:hidden;border:2px solid #333}.hp-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#22c55e);transition:width .3s}.hp-text{position:absolute;width:100%;text-align:center;line-height:25px;font-weight:700;text-shadow:1px 1px 2px #000}.score-display{margin-top:10px;font-size:1.2rem;text-shadow:1px 1px 2px #000}.power-ups-active{margin-top:10px;display:flex;gap:10px}.power-up-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:pulse 1s infinite}.power-up-icon.triple{background:#f97316cc}.power-up-icon.speed{background:#3b82f6cc}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.leader-banner{position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:50;text-align:center;pointer-events:none;background:#000000b3;border:2px solid #fbbf24;border-radius:10px;padding:8px 24px}.leader-banner-title{font-size:1.1rem;font-weight:700;color:#fbbf24;text-shadow:1px 1px 3px #000}.leader-banner-bonus{font-size:.9rem;color:#4ade80;text-shadow:1px 1px 2px #000}.leaderboard{background:#000000b3;border-radius:10px;padding:15px;min-width:200px;max-height:40vh;overflow-y:auto}.leaderboard h3{font-size:1rem;color:#4ade80;margin-bottom:10px;text-align:center}.leaderboard-entry{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem}.leaderboard-entry.self{color:#4ade80;font-weight:700}.leaderboard-entry .rank{width:25px;color:#888}.leaderboard-entry .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-entry .score{width:60px;text-align:right}.mobile-controls{position:fixed;bottom:0;left:0;right:0;height:200px;z-index:60;pointer-events:none}.joystick-zone{position:absolute;width:150px;height:150px;bottom:20px;pointer-events:auto}.joystick-zone.left{left:20px}.joystick-zone.right{right:20px}.kill-feed{position:fixed;top:100px;left:20px;z-index:50;pointer-events:none}.kill-entry{background:#000000b3;padding:8px 15px;margin-bottom:5px;border-radius:5px;font-size:.85rem;animation:fadeIn .3s,fadeOut .3s 4.7s}.kill-entry .killer{color:#4ade80}.kill-entry .victim{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.connection-status{position:fixed;bottom:20px;left:20px;z-index:50;font-size:.8rem;display:flex;align-items:center;gap:8px}.connection-dot{width:10px;height:10px;border-radius:50%}.connection-dot.connected{background:#4ade80;box-shadow:0 0 10px #4ade80}.connection-dot.disconnected{background:#ef4444;box-shadow:0 0 10px #ef4444}.ping-display{color:#888}.fullscreen-button{position:fixed;top:20px;right:20px;z-index:200;width:44px;height:44px;background:#000000b3;border:2px solid rgba(74,222,128,.5);border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,transform .2s;padding:0}.fullscreen-button:hover{background:#4ade804d;border-color:#4ade80;transform:scale(1.05)}.fullscreen-button:active{transform:scale(.95)}.fullscreen-button svg{pointer-events:none}.hud-top-right{top:80px;right:20px}.xp-display{margin-top:10px;display:flex;align-items:center;gap:8px}.xp-level{font-size:1rem;font-weight:700;color:#a78bfa;text-shadow:0 0 8px rgba(167,139,250,.5);white-space:nowrap}.xp-bar{position:relative;width:140px;height:18px;background:#00000080;border-radius:4px;overflow:hidden;border:1px solid #555}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width .5s ease}.xp-bar-text{position:absolute;width:100%;text-align:center;line-height:18px;font-size:.7rem;font-weight:700;text-shadow:1px 1px 2px #000;top:0;left:0}.xp-popup-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:55;pointer-events:none;display:flex;flex-direction:column-reverse;align-items:center;gap:6px}.xp-popup-item{background:#7c3aedcc;color:#fff;font-size:1.1rem;font-weight:700;padding:6px 18px;border-radius:8px;text-shadow:1px 1px 2px #000;animation:xpPopIn .3s ease-out,xpPopOut .5s 2.5s ease-in forwards;white-space:nowrap}.xp-popup-item.level-up{background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:1.4rem;padding:10px 28px;border:2px solid #fbbf24;animation:xpPopIn .3s ease-out,levelUpPulse .6s .3s ease-in-out 2,xpPopOut .5s 2.5s ease-in forwards}@keyframes xpPopIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes xpPopOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes levelUpPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cabinet-level{display:flex;align-items:center;gap:10px;margin:8px 0}.cabinet-level-badge{font-size:.9rem;font-weight:700;color:#a78bfa;background:#7c3aed33;border:1px solid rgba(124,58,237,.4);border-radius:6px;padding:3px 8px;white-space:nowrap}.cabinet-xp-bar{position:relative;flex:1;height:16px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid rgba(124,58,237,.3)}.cabinet-xp-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width .5s ease}.cabinet-xp-text{position:absolute;width:100%;text-align:center;line-height:16px;font-size:.65rem;font-weight:700;text-shadow:1px 1px 2px #000;top:0;left:0;color:#fff}@media (max-width: 768px){.spawn-screen h1{font-size:2.5rem}.spawn-screen input{width:250px}.hp-bar{width:150px}.hud-top-right{top:10px;right:10px;max-height:40vh}.leaderboard{min-width:120px!important;max-width:140px;padding:8px!important;font-size:.7rem!important;max-height:40vh!important;overflow-y:auto!important}.leaderboard h3{font-size:.7rem!important;margin-bottom:4px!important}.leaderboard-entry{padding:2px 0!important}.leaderboard-entry .rank{width:18px!important}.leaderboard-entry .score{width:40px!important}}@media (max-width: 480px){.hud-top-right{top:10px;right:10px}}