:root{color:#e9f6ff;font-synthesis:none;background:#02050c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app,#game-canvas{width:100%;height:100dvh;margin:0;overflow:hidden}html,body{overscroll-behavior:none}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;display:block}#debug-panel,#combat-hud,#controls-help,#fatal-error{z-index:2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030b16d6;border:1px solid #5cc1e75c;border-radius:8px;position:fixed;box-shadow:0 10px 36px #00000057}#debug-panel{color:#cdefff;pointer-events:none;width:min(390px,100vw - 32px);padding:13px 15px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;top:16px;left:16px}#combat-hud{color:#dff8ff;pointer-events:none;border-color:#5cc1e780;width:min(410px,100vw - 440px);min-width:280px;padding:10px 13px;bottom:18px;left:50%;transform:translate(-50%)}.defense-heading{color:#8fdff2;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.defense-heading strong{color:#c9f7ff;font-size:10px}.defense-row{color:#87bed2;grid-template-columns:46px 1fr 30px;align-items:center;gap:7px;margin-bottom:5px;font-size:9px;display:grid}.defense-row b{color:#eafaff;text-align:right;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:9px}.defense-track{background:#01050ce6;border:1px solid #67ccee4d;border-radius:999px;height:8px;overflow:hidden}.shield-fill,.hull-fill{border-radius:inherit;height:100%;transition:width 90ms linear}.shield-fill{background:linear-gradient(90deg,#147dde,#50e1ff);box-shadow:0 0 9px #28c2ffb3}.hull-fill{background:linear-gradient(90deg,#bd321e,#f28b38);box-shadow:0 0 8px #e64f208c}#combat-hud.critical{border-color:#ff412de6;box-shadow:0 0 24px #ff2b1952}#combat-hud.critical .defense-heading strong,#combat-hud.critical .defense-row:last-of-type span,#combat-hud.critical .defense-row:last-of-type b{color:#ff7864}#debug-panel[hidden]{display:none}h1,h2{color:#f3fbff;letter-spacing:.025em;margin:0 0 8px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px}h1 small{color:#ffb166;letter-spacing:.09em;margin-left:5px;font-size:9px}h2{margin-top:13px;font-size:12px}dl{grid-template-columns:1fr auto;gap:4px 14px;margin:0;display:grid}dt{color:#70abc4}dd{color:#e6f7ff;text-align:right;margin:0}.compact{font-size:10px}.target-telemetry{grid-template-columns:minmax(95px,.8fr) minmax(190px,1.4fr);font-size:9px}@media (width<=820px){#combat-hud{width:min(300px,100vw - 32px);min-width:0;bottom:106px;left:auto;right:16px;transform:none}}#controls-help{color:#9ac9dc;pointer-events:none;gap:3px;min-width:190px;padding:11px 14px;font-size:12px;display:grid;bottom:16px;right:16px}#controls-help strong{color:#f4fbff;margin-bottom:3px}#fatal-error{color:#ffe5e5;background:#2f070af0;border-color:#e36a6a;max-width:min(600px,100vw - 40px);padding:18px;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-controls[hidden]{display:none}#touch-controls{z-index:4;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}.touch-stick,.touch-action-button{pointer-events:auto;touch-action:none;position:absolute}.touch-stick{bottom:max(20px, env(safe-area-inset-bottom));background:radial-gradient(circle,#0d2e416b,#020a1438);border:2px solid #71d6f475;border-radius:50%;width:clamp(112px,22vmin,164px);height:clamp(112px,22vmin,164px);box-shadow:inset 0 0 24px #4fcaeb1f,0 6px 24px #0000004d}#movement-stick{left:max(22px, env(safe-area-inset-left))}#aim-stick{right:max(22px, env(safe-area-inset-right))}.touch-stick:before,.touch-stick:after{content:"";background:#84def62e;position:absolute}.touch-stick:before{height:1px;top:50%;left:13%;right:13%}.touch-stick:after{width:1px;top:13%;bottom:13%;left:50%}.touch-stick-knob{z-index:2;will-change:transform;background:#2a92b5ad;border:2px solid #c2f2ffbf;border-radius:50%;width:42%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #3eceef6b}.touch-stick-label{color:#c8f1fcb8;letter-spacing:.16em;font-size:clamp(9px,1.5vmin,12px);font-weight:700;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.touch-action-button{color:#e9faff;letter-spacing:.1em;-webkit-tap-highlight-color:transparent;background:#092e42c7;border:2px solid #78dcf799;border-radius:50%;place-items:center;margin:0;font:700 clamp(10px,1.7vmin,13px)/1 Inter,ui-sans-serif,system-ui,sans-serif;display:grid;box-shadow:0 7px 26px #0000005c}#touch-fire{right:max(38px, calc(env(safe-area-inset-right) + 16px));bottom:calc(max(20px, env(safe-area-inset-bottom)) + clamp(126px, 24vmin, 178px));color:#fff3e8;background:#7d300dc7;border-color:#ff9944bf;width:clamp(76px,13vmin,104px);height:clamp(76px,13vmin,104px)}#touch-fire.active{background:#dd4c10eb;transform:scale(.94);box-shadow:0 0 28px #ff5f1ab3}#touch-debug{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));border-radius:8px;width:62px;height:38px;font-size:9px}#rotate-device{top:max(14px, env(safe-area-inset-top));color:#dff6ff;background:#020c18c2;border:1px solid #6bc8e673;border-radius:999px;padding:7px 12px;font-size:11px;display:none;position:absolute;left:50%;transform:translate(-50%)}.touch-review-enabled #controls-help{display:none}.touch-review-enabled #combat-hud{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));width:min(280px,38vw);min-width:210px;padding:7px 10px;bottom:auto;left:auto;transform:none}.touch-review-enabled #debug-panel{top:calc(max(12px, env(safe-area-inset-top)) + 48px);left:max(12px, env(safe-area-inset-left));width:min(330px,42vw);max-height:calc(100dvh - 72px - env(safe-area-inset-bottom));padding:9px 11px;font-size:9px;overflow:hidden}.touch-review-enabled #debug-panel h1,.touch-review-enabled #debug-panel h2{margin-bottom:5px;font-size:10px}.touch-review-enabled #debug-panel h2{margin-top:7px}.touch-review-enabled #debug-panel dl{gap:2px 8px}@media (orientation:portrait) and (pointer:coarse),(orientation:portrait) and (width<=820px){#rotate-device{display:block}.touch-review-enabled #combat-hud{top:max(58px, calc(env(safe-area-inset-top) + 44px));width:min(270px,100vw - 24px)}.touch-stick{bottom:max(16px, env(safe-area-inset-bottom));width:clamp(104px,30vw,142px);height:clamp(104px,30vw,142px)}#touch-fire{right:max(30px, calc(env(safe-area-inset-right) + 12px));bottom:calc(max(16px, env(safe-area-inset-bottom)) + clamp(116px, 33vw, 156px))}}