[data-joystick]{display:none}[data-touch-controls=joystick] .pad:has(>[data-joystick]){grid-template:1fr/1fr;place-self:stretch stretch;place-items:stretch stretch;display:grid}[data-touch-controls=joystick] .pad:has(>[data-joystick])>:not([data-joystick]){display:none}[data-touch-controls=joystick] [data-joystick]{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.stick-base{--stick-travel:calc(var(--stick-size,8rem) * .27);box-sizing:border-box;width:var(--stick-size,8rem);aspect-ratio:1;border:3px solid var(--stick-color,#fff);background:#ffffff0f;border-radius:50%;place-items:center;display:grid}[data-joystick=left-right] .stick-base{aspect-ratio:2;border-radius:999px}.stick-knob{width:calc(var(--stick-size,8rem) * .4);aspect-ratio:1;border:3px solid var(--stick-color,#fff);background:var(--stick-fill,#444);transform:translate(calc(var(--stick-x,0) * var(--stick-travel)), calc(var(--stick-y,0) * var(--stick-travel)));border-radius:50%}html,body{background:#000;height:100%;margin:0}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid}#screen{aspect-ratio:4/3;width:min(100vw,133.333vh)}.panel{display:none}@media (pointer:coarse){:root{--side-width:10rem}html,body{overscroll-behavior:none;height:100dvh;overflow:hidden}body{box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) max(env(safe-area-inset-bottom), .5rem) env(safe-area-inset-left);grid-template:"screen screen""hint hint""system view""move fire"1fr/1fr 1fr;gap:.5rem}#screen{grid-area:screen;width:min(100%,133.333dvh - 18.6667rem)}.panel{display:contents}.pad{justify-content:center;align-items:center;gap:.75rem;display:flex}.pad-move{grid-area:move}.pad-fire{grid-area:fire}.pad-view{grid-area:view}.pad-fire{grid-template:"hyper hyper""thrust fire"/auto auto;justify-items:center;display:grid}.key-hyper{grid-area:hyper}.key-thrust{grid-area:thrust}.key-fire{grid-area:fire}.pad-system{grid-area:system}.rotate-hint{color:#8a93a8;text-align:center;grid-area:hint;margin:0;font:.8rem/1.2 system-ui,sans-serif}.key{color:#f4f7ff;touch-action:none;background:#1a1d24;border:3px solid #f4f7ff;border-radius:50%;font:700 .8rem/1 monospace}.key:active{background:#4a5060;transform:scale(.95)}.key-arrow{width:4.5rem;height:4.5rem;font-size:2rem}.key-thrust{width:4.5rem;height:4.5rem}.key-hyper{border-width:2px;width:3.5rem;height:3.5rem;font-size:.7rem}.key-fire{background:#601010;border-color:#ff3030;width:5.5rem;height:5.5rem}.key-fire:active{background:#ff3030}.key-small{border-width:2px;border-radius:1rem;padding:.4rem .8rem;font-size:.7rem}}@media (pointer:coarse) and (orientation:landscape){body{padding:env(safe-area-inset-top) max(env(safe-area-inset-right), .5rem) max(env(safe-area-inset-bottom), .5rem) max(env(safe-area-inset-left), .5rem);grid-template:"system screen view" auto "move screen fire" 1fr / var(--side-width) 1fr var(--side-width)}#screen{width:min(100%,133.333dvh)}.pad-fire{grid-template:"hyper""fire""thrust"/auto}.pad-system,.pad-view{padding-top:.5rem}.rotate-hint{display:none}}.stick{--stick-size:8.5rem}
/*$vite$:1*/