[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}:root{--cabinet-height:3rem}body{grid-template-rows:auto var(--cabinet-height);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-content:center;justify-items:center;display:grid}#screen{width:min(100vw, calc((100vh - var(--cabinet-height)) * 1044 / 800));aspect-ratio:1044/800}.cabinet{color:#8a93a8;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.5rem;font:700 .75rem/1 monospace;display:flex}.lamps{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.lamp{color:#5a6070;font:inherit;cursor:pointer;touch-action:none;background:#000;border:2px solid #3a4050;border-radius:.3rem;padding:.35rem .6rem}.lamp[data-lamp=on]{color:#fff3c8;background:#5a4210;border-color:#ffd36b;box-shadow:0 0 .6rem #ffb020}.lamp[data-lamp=dim]{color:#b8a070;border-color:#806a30}.lamp-start[data-lamp=on]{color:#d0ffd8;background:#105a20;border-color:#6bff8a;box-shadow:0 0 .6rem #20ff60}.lamp-coin{border-style:dashed}.record{letter-spacing:.1em;margin:0}.panel{display:none}@media (pointer:coarse){:root{--side-width:9rem}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""cabinet cabinet""hint hint""system view""move lever"1fr"abort lever"/1fr 1fr;place-content:stretch;gap:.5rem}#screen{grid-area:screen;justify-self:center;width:min(100%,130.5dvh - 28.71rem)}.cabinet{grid-area:cabinet}.panel{display:contents}.pad{justify-content:center;align-items:center;gap:.75rem;display:flex}.pad-move{grid-area:move}.pad-abort{grid-area:abort}.pad-lever{grid-area:lever}.pad-view{grid-area:view}.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-abort{background:#601010;border-color:#ff3030;width:5rem;height:5rem}.key-abort:active{background:#ff3030}.key-small{border-width:2px;border-radius:1rem;padding:.4rem .8rem;font-size:.7rem}.lever{box-sizing:border-box;touch-action:none;background:linear-gradient(#3a2a10,#1a1d24);border:3px solid #f4f7ff;border-radius:1rem;width:4.5rem;height:100%;min-height:8rem;max-height:18rem;position:relative}.lever-knob{right:-.6rem;bottom:calc(var(--lever,0) * (100% - 2.2rem));pointer-events:none;background:#ffd36b;border-radius:.5rem;height:2.2rem;position:absolute;left:-.6rem;box-shadow:0 0 .6rem #ffb020}}@media (pointer:coarse) and (orientation:landscape){:root{--cabinet-height:2.2rem}body{padding:env(safe-area-inset-top) max(env(safe-area-inset-right), .5rem) max(env(safe-area-inset-bottom), .25rem) max(env(safe-area-inset-left), .5rem);grid-template:"system screen view" auto "move screen lever" 1fr "abort cabinet lever" auto / var(--side-width) 1fr var(--side-width);gap:.25rem .5rem}#screen{width:min(100%, (100dvh - var(--cabinet-height) - 1rem) * 1044 / 800)}.cabinet{font-size:.65rem}.lamp{padding:.25rem .4rem}.rotate-hint{display:none}}.stick{--stick-size:8rem}
/*$vite$:1*/