*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#000;overscroll-behavior:none;touch-action:manipulation}#cabinet{position:relative;width:100%;height:100%;display:grid;place-items:center}#frame{position:relative;aspect-ratio:180 / 320;max-width:100%;max-height:100%;width:min(100%,56.25dvh)}@supports not (height: 100dvh){#frame{width:min(100%,56.25vh)}}#screen{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#scanlines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to bottom,#0000 50%,#00000047 50%);background-size:100% .625%;mix-blend-mode:multiply}#band{position:absolute;left:0;right:0;bottom:0;height:20%;display:flex;flex-direction:column;padding:1.5% 4% 4%;gap:2%}#pad{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4%;min-height:0}#pad button{border:2px solid rgba(62,240,124,.55);background:#3ef07c14;color:#3ef07c;font-size:clamp(16px,5vw,28px);line-height:1;border-radius:6px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:none}#pad button:active{background:#3ef07c4d}#pad #fire{border-color:#ffb53199;background:#ffb5311a;color:#ffb531}#pad #fire:active{background:#ffb53152}#pad button:focus-visible,#mute:focus-visible{outline:2px solid #f4f4f4;outline-offset:2px}#mute{align-self:flex-end;height:22%;min-height:18px;aspect-ratio:1;padding:0;border:1px solid rgba(244,244,244,.35);background:#0006;color:#f4f4f4;font-size:clamp(10px,3vw,16px);line-height:1;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:transparent}#mute[aria-pressed=true]{color:#6b6b6b;border-color:#f4f4f426}#fps{position:absolute;top:env(safe-area-inset-top,0px);left:0;padding:.35rem .6rem;font:12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffb531;background:#000000a6;letter-spacing:.06em}