@font-face{font-family:PS2P;src:url(PressStart2P-Regular.ttf) format("truetype");font-display:block}
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#AAAAAA;font-family:PS2P,monospace;-webkit-text-size-adjust:100%}
body{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:8px 0;user-select:none;-webkit-user-select:none;touch-action:manipulation}
#c{width:min(100vw,960px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid #555555;background:#000;display:block}
.bar,.pad{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:8px;width:min(100vw,960px);padding:0 4px}
button{font-family:PS2P,monospace;font-size:12px;background:#0000AA;color:#FFFF55;border:3px outset #5555FF;padding:10px 12px;min-width:48px;min-height:44px;border-radius:0;touch-action:none}
button:active,button.on{border-style:inset;background:#00AAAA;color:#000}
.pad button{font-size:16px;min-width:64px;min-height:56px}
@media (hover:hover) and (min-width:700px){.pad{opacity:.85}}
a.back{font-size:11px;color:#55FFFF;align-self:center;padding:12px 6px;text-decoration:none}