.death-modal-backdrop{z-index:10;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);pointer-events:auto;touch-action:manipulation;background:#0104098f;place-items:center;display:grid;position:absolute;inset:0}.death-modal{text-align:center;background:#030911e6;border:1px solid #dcecff33;justify-items:center;gap:24px;width:min(340px,100%);padding:30px 28px 26px;display:grid;box-shadow:0 22px 70px #00000070}.death-modal h1{color:#f5f9fff5;letter-spacing:.02em;margin:0;font-size:clamp(28px,7vw,42px);font-weight:700}.death-modal-respawn{color:#e7f8fff5;letter-spacing:.14em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1e5f784d;border:1px solid #69d6ff8a;border-radius:0;min-width:150px;min-height:48px;font-size:11px;font-weight:700}.death-modal-respawn:hover:not(:disabled),.death-modal-respawn:focus-visible:not(:disabled){background:#2d84a461;border-color:#8fe5ffe6;outline:none}.death-modal-respawn:active:not(:disabled){background:#419fc075}.death-modal-respawn:disabled{cursor:default;opacity:.42}*{box-sizing:border-box}:root{color:#eaf5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#02050b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{background:#02050b;width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}.game-shell{touch-action:none;-webkit-user-select:none;user-select:none;background:#02050b;width:100vw;height:100dvh;position:relative;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}.brand-panel{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));letter-spacing:.08em;text-shadow:0 1px 8px #000;flex-direction:column;gap:2px;display:flex;position:absolute}.brand-panel strong{letter-spacing:.18em;font-size:clamp(15px,3.4vw,20px)}.brand-panel span,.status-panel,.desktop-hint,.shield-state{color:#eaf5ff94;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.status-panel{top:max(18px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));text-align:right;position:absolute}.ship-status-panel{top:max(72px, calc(env(safe-area-inset-top) + 58px));left:max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);background:#0309117a;border:1px solid #dcecff1f;gap:7px;width:min(220px,48vw);padding:10px 11px;display:grid;position:absolute}.ship-status-row{gap:3px;display:grid}.ship-status-label{color:#eaf5ffb3;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex}.ship-status-track{background:#eaf5ff1a;height:5px;overflow:hidden}.ship-status-fill{background:#ebf5ffdb;height:100%;transition:width 80ms linear}.ship-status-shield .ship-status-fill{background:#64d3fff0}.ship-status-hull .ship-status-fill{background:#ebf5ffe0}.shield-state{opacity:.55;font-size:8px}.shield-state-active{color:#79dcffe6;opacity:1}.desktop-hint{white-space:nowrap;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.chat-panel{z-index:4;left:max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(7px);pointer-events:auto;touch-action:auto;-webkit-user-select:text;user-select:text;background:#030911ad;border:1px solid #dcecff24;width:min(360px,100vw - 32px);position:absolute;bottom:48px;overflow:hidden}.chat-header{color:#eaf5ff85;letter-spacing:.13em;border-bottom:1px solid #dcecff1a;justify-content:space-between;padding:7px 9px 6px;font-size:8px;font-weight:700;display:flex}.chat-messages{overscroll-behavior:contain;scrollbar-width:thin;gap:5px;min-height:42px;max-height:150px;padding:8px 9px;display:grid;overflow-y:auto}.chat-message{color:#eaf5ffc7;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:7px;font-size:11px;line-height:1.28;display:grid}.chat-message strong{color:#78d7ffc2;letter-spacing:.09em;white-space:nowrap;font-size:8px}.chat-message-local strong{color:#ffbf6fe0}.chat-message span{overflow-wrap:anywhere;min-width:0}.chat-empty{color:#eaf5ff59;align-self:center;font-size:10px;font-style:italic}.chat-form{border-top:1px solid #dcecff1a;gap:6px;padding:7px;display:flex}.chat-input{color:#f0f8fff0;touch-action:auto;-webkit-user-select:text;user-select:text;background:#02070dc2;border:1px solid #dcecff29;border-radius:0;outline:none;flex:1;min-width:0;height:36px;padding:0 10px;font-size:12px}.chat-input:focus{border-color:#69d6ff94}.chat-input:disabled{color:#eaf5ff52}.chat-send{color:#e1f5ffe0;letter-spacing:.11em;-webkit-tap-highlight-color:transparent;background:#1e5f7833;border:1px solid #69d6ff5c;border-radius:0;min-width:58px;height:36px;font-size:9px;font-weight:700}.chat-send:disabled{opacity:.35}.touch-controls{z-index:3;padding:24px max(14px, env(safe-area-inset-right)) max(22px, calc(env(safe-area-inset-bottom) + 14px)) max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:none;position:absolute;bottom:0;left:0;right:0}.touch-cluster{pointer-events:auto;align-items:flex-end;gap:8px;display:flex}.touch-button{color:#eaf5ffeb;-webkit-backdrop-filter:blur(6px);touch-action:none;-webkit-tap-highlight-color:transparent;background:#070e1894;border:1px solid #eaf5ff47;border-radius:50%;width:62px;height:62px;font-size:22px;font-weight:700;box-shadow:inset 0 0 20px #58d6ff0d}.touch-button:active{background:#58d6ff38;border-color:#58d6ffb3}.touch-button-small{letter-spacing:.08em;width:50px;height:50px;font-size:8px}.touch-button-fire{letter-spacing:.1em;border-color:#7cdeff8c;width:66px;height:66px;font-size:10px}.touch-button-fire:active{background:#7cdeff47;border-color:#b0ecffe6}.touch-button-thrust{letter-spacing:.1em;border-color:#ffb45b7a;width:74px;height:74px;font-size:9px}@media (hover:none),(pointer:coarse),(width<=720px){.touch-controls{display:flex}.desktop-hint{display:none}.status-panel{top:auto;right:max(16px, env(safe-area-inset-right));bottom:max(116px, calc(env(safe-area-inset-bottom) + 106px))}.ship-status-panel{top:max(68px, calc(env(safe-area-inset-top) + 54px));width:min(190px,48vw)}.chat-panel{left:max(12px, env(safe-area-inset-left));bottom:max(118px, calc(env(safe-area-inset-bottom) + 108px));width:min(330px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.chat-messages{max-height:112px}.chat-input,.chat-send{height:40px}}@media (width<=420px){.touch-controls{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));gap:10px}.touch-cluster{gap:6px}.touch-button{width:56px;height:56px;font-size:20px}.touch-button-small{width:46px;height:46px;font-size:7px}.touch-button-fire{width:60px;height:60px;font-size:9px}.touch-button-thrust{width:66px;height:66px;font-size:8px}.ship-status-panel{width:min(170px,50vw);padding:8px 9px}.chat-panel{bottom:max(106px, calc(env(safe-area-inset-bottom) + 98px))}.chat-messages{max-height:90px}}@media (height<=520px) and (orientation:landscape){.chat-panel{left:max(10px, env(safe-area-inset-left));bottom:max(70px, calc(env(safe-area-inset-bottom) + 64px));width:min(280px,42vw)}.chat-header{padding-top:5px;padding-bottom:5px}.chat-messages{min-height:28px;max-height:54px;padding-top:5px;padding-bottom:5px}.chat-form{padding:5px}.chat-input,.chat-send{height:32px}}@media (hover:none),(pointer:coarse){.brand-panel span{display:none}.touch-controls{padding-bottom:max(18px, calc(env(safe-area-inset-bottom) + 12px))}}@media (width<=520px){.status-panel{display:none}.brand-panel{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left))}.brand-panel strong{font-size:15px}.ship-status-panel{top:max(54px, calc(env(safe-area-inset-top) + 44px));left:max(12px, env(safe-area-inset-left));width:min(176px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))}}@media (width<=360px){.touch-controls{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));gap:8px}.touch-cluster{gap:5px}.touch-button{width:48px;height:48px;font-size:18px}.touch-button-small{width:44px;height:44px;font-size:7px}.touch-button-fire{width:52px;height:52px;font-size:8px}.touch-button-thrust{width:58px;height:58px;font-size:8px}.ship-status-panel{width:min(160px, calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)));gap:6px;padding:7px 8px}}@media (height<=520px) and (orientation:landscape){.brand-panel{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left))}.brand-panel strong{font-size:14px}.brand-panel span,.status-panel,.desktop-hint{display:none}.ship-status-panel{top:max(10px, env(safe-area-inset-top));gap:5px;width:168px;padding:7px 8px;left:50%;transform:translate(-50%)}.shield-state{display:none}.touch-controls{padding-top:10px;padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(10px, calc(env(safe-area-inset-bottom) + 6px));gap:12px}.touch-cluster{gap:6px}.touch-button{width:48px;height:48px;font-size:18px}.touch-button-small{width:42px;height:42px;font-size:7px}.touch-button-fire{width:52px;height:52px;font-size:8px}.touch-button-thrust{width:58px;height:58px;font-size:8px}}