[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{place-items:center;display:grid}#screen{height:min(100vh,114.286vw);image-rendering:pixelated}.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}#screen{height:min(100dvh - var(--panel-height), 100vw * 256 / 224);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)}#screen{height:min(100dvh, (100vw - 2 * var(--side-width)) * 256 / 224)}.pad-system{flex-flow:wrap;padding-top:.5rem}.pad-move{flex-direction:column}}.stick{--stick-size:8rem}
/*$vite$:1*/