[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%}:root{--ground:#3b2414;--horizon:#3a1f63;--sky:#04040f}html,body{background:linear-gradient(to top, var(--ground) 0%, var(--horizon) 35%, var(--sky) 100%) fixed;height:100%;margin:0}body{place-items:center;display:grid}#stage{width:100vw;height:100vh;position:relative}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.panel{display:none}@media (pointer:coarse){:root{--panel-height:11rem;--side-width:9rem}html,body{overscroll-behavior:none;height:100dvh;overflow:hidden}body{box-sizing:border-box;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:"screen screen screen" auto "move system fire" minmax(var(--panel-height), 1fr) / 1fr auto 1fr;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage{width:100%;height:calc(100dvh - var(--panel-height));grid-area:screen}.panel{display:contents}.pad{justify-content:center;align-items:center;gap:.5rem;display:flex}.pad-move{grid-area:move}.pad-system{flex-direction:column;grid-area:system;gap:.5rem}.pad-fire{grid-area:fire}.key{color:#fff;touch-action:none;background:#222;border:3px solid #fff;border-radius:50%;font:700 1rem/1 monospace}.key:active{background:#555;transform:scale(.95)}.key-arrow{width:4rem;height:4rem;font-size:1.5rem}.key-fire{background:#601010;border-color:#ff3030;width:6rem;height:6rem}.key-fire:active{background:#ff3030}.key-small{border-width:2px;border-radius:1rem;padding:.4rem .8rem;font-size:.75rem}}@media (pointer:coarse) and (orientation:landscape){body{grid-template:"system screen fire" auto "move screen fire" 1fr / var(--side-width) 1fr var(--side-width)}#stage{height:100dvh}.pad-system{flex-flow:wrap;padding-top:.5rem}.pad-move{flex-direction:column}}.stick{--stick-size:8rem}
/*$vite$:1*/