*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;overscroll-behavior:none}body{font-family:system-ui,Segoe UI,Arial,sans-serif;background:#223126;color:#f4f1e8;display:flex;justify-content:center;align-items:flex-start;min-height:100dvh;min-height:100vh;padding:12px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.wrap{text-align:center;width:100%;max-width:432px}.hud{display:flex;justify-content:space-between;gap:8px;max-width:432px;margin:0 auto 8px;font-size:15px;color:#fdf6e3;flex-wrap:wrap}canvas{display:block;width:100%;max-width:432px;height:auto;image-rendering:pixelated;border:4px solid #3c2f1f;border-radius:10px;background:#bfe7ff;box-shadow:0 16px 40px rgba(0,0,0,.35);touch-action:none;-webkit-tap-highlight-color:transparent}.credit{margin:8px 0 0;font-size:12px;opacity:.72;letter-spacing:.4px;color:#efe6d0}@media (max-width:520px){body{padding:10px 10px 18px}.hud{font-size:13px;justify-content:center}.credit{font-size:11px}}