*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000;font-family:Consolas,Courier New,monospace}#game-canvas{display:block;width:100%;height:100%}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#cfe3d0;text-shadow:0 1px 2px rgba(0,0,0,.8)}#hud-weapon{position:absolute;left:24px;bottom:24px;background:#080e0a8c;border:1px solid rgba(120,160,120,.4);padding:10px 14px;min-width:230px}#weapon-name{font-size:15px;font-weight:700;letter-spacing:1px;color:#e8f5e9}#weapon-ammo{font-size:22px;margin-top:4px;color:#ffd54f}#weapon-ammo.low{color:#ff7043}#weapon-reload{margin-top:6px;height:6px;background:#ffffff1f;display:none}#weapon-reload.active{display:block}#weapon-reload-bar{height:100%;width:0%;background:#ffb300}#hud-weather{position:absolute;top:18px;left:24px;font-size:13px;color:#b0c4b1;background:#080e0a73;padding:6px 10px;border:1px solid rgba(120,160,120,.3)}#hud-ship{position:absolute;left:24px;bottom:132px;background:#080e0a8c;border:1px solid rgba(120,160,120,.4);padding:8px 14px;min-width:230px}#ship-label{font-size:12px;letter-spacing:2px;color:#b0c4b1}#ship-hull-bar{margin-top:5px;height:10px;background:#ffffff1f}#ship-hull-fill{height:100%;width:100%;background:#66bb6a;transition:width .3s,background .3s}#ship-fleet{margin-top:5px;font-size:11px;color:#9fb4a0;letter-spacing:1px}#hud-level{position:absolute;top:18px;right:24px;text-align:right;background:#080e0a73;padding:8px 12px;border:1px solid rgba(120,160,120,.3)}#level-aircraft{font-size:14px;color:#e8f5e9;letter-spacing:1px}#level-score{font-size:18px;color:#ffd54f;margin-top:2px}#level-name{font-size:11px;letter-spacing:1px;color:#9fb4a0;margin-bottom:3px}#summary-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:380px;background:#060c08e0;border:1px solid rgba(255,213,79,.5);padding:26px 34px;text-align:center;pointer-events:none}#summary-overlay.hidden{display:none}#summary-title{font-size:22px;letter-spacing:4px;color:#ffd54f;margin-bottom:16px}#summary-rows{text-align:left;font-size:14px;color:#cfe3d0}.summary-row{display:flex;justify-content:space-between;gap:30px;padding:4px 0;border-bottom:1px solid rgba(120,160,120,.15)}.summary-row .value{color:#ffd54f}#summary-btn{margin-top:22px;background:#264032e6;border:1px solid #5d8a6a;color:#e8f5e9;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:3px;padding:10px 22px;pointer-events:auto}#summary-btn:hover{background:#3a5e48f2;border-color:#ffd54f}#summary-prompt{margin-top:10px;font-size:12px;color:#b0c4b1;animation:blink 1.6s infinite}#hud-banner{position:absolute;top:16%;left:50%;transform:translate(-50%);font-size:22px;font-weight:700;letter-spacing:3px;color:#ffd54f;text-shadow:0 2px 6px rgba(0,0,0,.9);white-space:nowrap;display:none}#hud-banner.show{display:block;animation:bannerIn .3s ease-out}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) scale(1.4)}to{opacity:1;transform:translate(-50%) scale(1)}}#radar{position:absolute;right:24px;bottom:42px}#ship-silhouette{display:block;margin-top:6px}#weapon-slots{display:flex;gap:4px;margin-bottom:8px}.weapon-slot{flex:1;min-width:0;text-align:center;letter-spacing:1px;padding:3px 2px;color:#c8dcc88c;border:1px solid rgba(120,160,120,.3);background:#ffffff0a}.slot-weapon{font-size:10px}.slot-player{font-size:9px;margin-top:2px;color:#a0bea58c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-slot.occupied .slot-player{color:#8fd18f}.weapon-slot.active{color:#ffd54f;border-color:#ffd54fb3;background:#ffd54f1a}.weapon-slot.active .slot-player{color:#ffd54f}.weapon-slot.empty{color:#ff7043}.fleet-icon{display:inline-block;width:26px;height:8px;margin-right:4px;margin-top:4px;clip-path:polygon(0% 100%,8% 30%,60% 30%,66% 0%,74% 0%,78% 30%,92% 30%,100% 100%)}#hud-help{position:absolute;bottom:10px;right:16px;font-size:11px;color:#c8dcc8a6}#crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffebb4e6}#crosshair:before{left:50%;top:0;width:1.5px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:1.5px;width:100%;transform:translateY(-50%)}#compass-tape{position:absolute;left:50%;top:calc(70% + 56px);transform:translate(-50%);pointer-events:none}#damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#b4140a00 40%,#b4140a73)}#damage-flash.hit{animation:damageFlash .5s ease-out}@keyframes damageFlash{0%{opacity:1}to{opacity:0}}#scope-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .18s ease-out;background:radial-gradient(ellipse 62% 62% at center,#0000 46%,#0000008c 68%,#000000eb 88%)}#scope-overlay.active{opacity:1}#start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#04080cd1;color:#e8f5e9;cursor:pointer;z-index:10}#start-overlay h1{font-size:44px;letter-spacing:10px;color:#ffd54f}#start-overlay p{font-size:15px;color:#b0c4b1}#start-overlay .click-hint{margin-top:26px;font-size:17px;color:#fff;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.35}}#start-overlay.hidden{display:none}.game-title{width:min(520px,82vw);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.85))}#start-overlay h1:empty{display:none}#lobby-demo{margin-top:6px;text-align:center;font-size:13px;letter-spacing:2px;color:#9fb8a0;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.9)}#lobby-demo:hover{color:#ffd54f}#demo-badge{position:absolute;bottom:18px;right:22px;font-size:12px;letter-spacing:2px;color:#e8f5e9bf;text-shadow:0 1px 4px rgba(0,0,0,.9);z-index:12;pointer-events:none}#demo-badge.hidden{display:none}#demo-end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#000;opacity:0;pointer-events:none;transition:opacity 3.2s ease-in;z-index:13}#demo-end.visible{opacity:1}#demo-end .game-title{opacity:0;transition:opacity 1.8s ease-in 2.6s}#demo-end p{font-size:15px;color:#b0c4b1;opacity:0;transition:opacity 1.8s ease-in 3.2s}#demo-end.visible .game-title,#demo-end.visible p{opacity:1}#demo-end .demo-esc{margin-top:26px;font-size:14px;color:#fff}#demo-end.visible .demo-esc{animation:blink 1.6s infinite 5s}#intro-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}#lobby-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse 85% 85% at 50% 45%,#060c10bd,#060c1075);color:#e8f5e9;z-index:11}#lang-switch{position:absolute;top:16px;right:18px;display:flex;gap:6px;z-index:12}#lang-switch button{font:inherit;font-size:12px;letter-spacing:2px;padding:6px 12px;color:#9fb4a0;background:#0a140e99;border:1px solid rgba(160,190,165,.35);cursor:pointer}#lang-switch button:hover{color:#e8f5e9;border-color:#c8dcc899}#lang-switch button.active{color:#ffd54f;border-color:#ffd54fb3}#lobby-overlay h1{font-size:44px;letter-spacing:10px;color:#ffd54f;text-shadow:0 2px 10px rgba(0,0,0,.9)}#lobby-overlay p{font-size:15px;color:#c3d4c4;text-shadow:0 1px 4px rgba(0,0,0,.9)}#lobby-overlay.hidden{display:none}#lobby-form{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:320px}#lobby-form input{background:#142028e6;border:1px solid #3d5a4a;color:#e8f5e9;font-family:inherit;font-size:15px;letter-spacing:2px;padding:10px 12px;text-transform:uppercase}#lobby-form input:focus{outline:none;border-color:#ffd54f}#lobby-form button{background:#264032e6;border:1px solid #5d8a6a;color:#e8f5e9;cursor:pointer;font-family:inherit;font-size:15px;letter-spacing:3px;padding:11px 12px}#lobby-form button:hover{background:#3a5e48f2;border-color:#ffd54f}#lobby-form button:disabled{opacity:.45;cursor:wait}#lobby-join-row{display:flex;gap:8px}#lobby-join-row input{flex:1;min-width:0}#lobby-status{min-height:18px;font-size:13px;color:#ef9a9a;text-align:center}#lobby-about-btn{margin-top:4px;background:none;border:none;cursor:pointer;color:#ffd54f;font-family:inherit;letter-spacing:3px;font-size:13px;padding:6px}#lobby-about-btn:hover{color:#fff}#about-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#020608cc}#about-modal.hidden{display:none}.about-card{position:relative;width:min(560px,92vw);max-height:82vh;overflow-y:auto;background:#0a120efa;border:1px solid rgba(120,160,120,.45);box-shadow:0 12px 48px #0009;padding:28px 30px;color:#cfe3d0}.about-card h2{color:#ffd54f;letter-spacing:3px;font-size:20px;margin-bottom:14px;padding-right:30px}.about-card .about-body{font-size:14px;line-height:1.6;text-align:left}.about-card .about-body strong{color:#ffe6a2}.about-card .about-body p+p{margin-top:10px}#about-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#b0c4b1;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}#about-close:hover{color:#ffd54f}.lobby-side{position:absolute;top:50%;transform:translateY(-50%);width:250px;max-height:74vh;overflow-y:auto;background:#080e0a99;border:1px solid rgba(120,160,120,.35);padding:14px 16px;color:#cfe3d0;box-shadow:0 4px 20px #0006}.lobby-side-left{left:32px}.lobby-side-right{right:32px}.lobby-side h2{font-size:12px;font-weight:700;letter-spacing:2px;color:#ffd54f;margin-bottom:12px;text-align:center}.lobby-side h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#9fb4a0;margin:14px 0 8px;border-bottom:1px solid rgba(120,160,120,.25);padding-bottom:4px}.lobby-side-right h3{margin-top:0}.stat-players{text-align:center;line-height:1.2}.stat-players #stat-players{display:block;font-size:40px;font-weight:700;color:#e8f5e9}.stat-players #stat-players-label{font-size:11px;letter-spacing:1px;color:#9fb4a0}.lobby-side ul{list-style:none;display:flex;flex-direction:column;gap:6px}.lobby-side li{font-size:12px;letter-spacing:1px}.lobby-side li.muted{color:#7d8f7e;font-style:italic}.lobby-side li.room{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;background:#ffffff0a;border-left:2px solid rgba(120,200,130,.6)}.lobby-side li.room.full{border-left-color:#ff8a65b3;opacity:.75}.lobby-side li.room .room-id{color:#e8f5e9;white-space:nowrap}.lobby-side li.room .room-meta{color:#ffd54f;white-space:nowrap}#stat-recent li{padding:3px 8px;background:#ffffff0a;border-left:2px solid rgba(255,213,79,.5);color:#cfe3d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#stat-recent li.muted{border-left-color:transparent;background:none}#lobby-activity.offline .lobby-side{opacity:.5}@media (max-width: 900px){#lobby-activity{display:none}}#lobby-footer{position:absolute;bottom:16px;font-size:12px;letter-spacing:1px;color:#9fb4a0;text-shadow:0 1px 3px rgba(0,0,0,.85)}#lobby-footer a{color:#ffd54f;text-decoration:none;pointer-events:auto}#lobby-footer a:hover{text-decoration:underline}#room-info{margin-top:10px;font-size:14px;letter-spacing:2px;color:#ffd54f}#copy-code-btn{margin-top:4px;background:#264032e6;border:1px solid #5d8a6a;color:#e8f5e9;cursor:pointer;font-family:inherit;font-size:13px;letter-spacing:2px;padding:8px 16px;pointer-events:auto}#copy-code-btn:hover{background:#3a5e48f2;border-color:#ffd54f}#copy-code-btn.hidden{display:none}#leave-btn{margin-top:22px;background:#5a2626e6;border:1px solid #a05d5d;color:#f3e0e0;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:3px;padding:10px 20px;pointer-events:auto}#leave-btn:hover{background:#783030f2;border-color:#ffd54f}#leave-btn.hidden{display:none}#chat{position:absolute;left:24px;bottom:300px;width:320px;max-width:40vw;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:5}#chat-log{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.chat-line{max-width:100%;background:#080e0a8c;padding:2px 7px;font-size:12px;color:#cfe3d0;border-left:2px solid rgba(120,160,120,.5);word-wrap:break-word}.chat-line .who{color:#ffd54f;font-weight:700}.chat-line.chat-sys{color:#9fb4a0;font-style:italic;border-left-color:#78a07840}#chat-input{display:none;pointer-events:auto;width:100%;background:#080e0ae6;border:1px solid #5d8a6a;color:#e8f5e9;font-family:inherit;font-size:13px;padding:6px 8px}#chat-input:focus{outline:none;border-color:#ffd54f}#chat-input.open{display:block}