body,html{touch-action:none;background-color:#111;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#app{width:100%;height:100dvh}canvas{display:block}#mobile-notice{box-sizing:border-box;color:#fff;text-align:center;background:#050508;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;font-family:Helvetica,Arial,sans-serif;display:none;position:fixed;inset:0}#mobile-notice h1,#mobile-notice p{letter-spacing:0;margin:0}#mobile-notice h1{font-size:24px}#mobile-notice p{color:#cbd5e1;max-width:340px;font-size:16px;line-height:1.5}html.mobile-blocked #mobile-notice{display:flex}html.mobile-blocked #app,html.mobile-blocked #ui-layer,html.mobile-blocked #pilot-name-modal{display:none!important}#pilot-name-modal{z-index:200;color:#fff;background:#00000094;place-items:center;font:12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;position:fixed;inset:0}#pilot-name-modal[hidden]{display:none}#pilot-name-form{box-sizing:border-box;background:#050508f5;border:1px solid #ffffff7a;border-radius:4px;width:min(280px,100vw - 48px);padding:18px;box-shadow:0 18px 48px #0000008c}.pilot-name-ship{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:20px solid #fff;width:0;height:0;margin:0 auto 14px}#pilot-name-title{letter-spacing:0;margin-bottom:8px;font-size:12px;font-weight:700;display:block}#pilot-name-input{box-sizing:border-box;color:#fff;width:100%;height:34px;font:inherit;letter-spacing:0;background:#0b0b0f;border:1px solid #ffffffb3;border-radius:2px;outline:none;padding:0 9px}#pilot-name-input:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.pilot-name-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}#pilot-name-count{color:#9ca3af}#pilot-name-submit{color:#050508;height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:2px;padding:0 12px;font-weight:700}#pilot-name-submit:disabled{cursor:wait;opacity:.6}#pilot-name-error{color:#fca5a5;min-height:15px;margin:8px 0 0;font-size:12px}#ui-layer{pointer-events:none;z-index:100;touch-action:none;display:none;position:absolute;inset:0}@media (pointer:coarse){#ui-layer{display:block}}#joystick-base{bottom:calc(25px + env(safe-area-inset-bottom,0px));left:calc(25px + env(safe-area-inset-left,0px));pointer-events:auto;-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#ffffff0d;border:2px solid #fff3;border-radius:50%;width:140px;height:140px;position:absolute}#joystick-knob{pointer-events:none;background:#ffffffb3;border-radius:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;position:absolute;top:50%;left:50%;box-shadow:0 4px 15px #00000080}#shoot-btn{bottom:calc(35px + env(safe-area-inset-bottom,0px));right:calc(35px + env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:none;user-select:none;color:#fff;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:2px solid #fff6;border-radius:50%;outline:none;justify-content:center;align-items:center;width:80px;height:80px;font-family:Arial,sans-serif;font-size:36px;font-weight:800;display:flex;position:absolute;box-shadow:0 4px 15px #0000004d}#shoot-btn:active{background:#ffffff4d;transform:scale(.92)}@media (orientation:landscape) and (pointer:coarse){#joystick-base{bottom:calc(5px + env(safe-area-inset-bottom,0px));left:calc(5px + env(safe-area-inset-left,0px))}#shoot-btn{bottom:calc(5px + env(safe-area-inset-bottom,0px));right:calc(5px + env(safe-area-inset-right,0px))}}