*{box-sizing:border-box}html,body{color:#fde4b8;background:#3b2414;height:100%;margin:0;font-family:system-ui,sans-serif}main{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:8px;display:flex}.screen{width:min(100%,960px,166.667vh - 26.6667px);position:relative}canvas{aspect-ratio:640/384;touch-action:none;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 6px 24px #00000080}.pause-btn{color:#fff;background:#3b241499;border:none;border-radius:50%;width:40px;height:40px;font-size:14px;display:none;position:absolute;top:34px;right:8px}.touch{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;width:min(100%,960px);display:none}.pad{gap:14px;display:flex}.touch button{color:#3b2414;touch-action:none;-webkit-tap-highlight-color:transparent;background:#fff6e6;border:3px solid #8a4a1e;border-radius:50%;width:72px;height:72px;font-size:22px;font-weight:700}.touch button[data-control=down],.touch button[data-control=jump]{font-size:16px}.touch button.active{background:#f6b26b;transform:scale(.95)}.help{opacity:.8;text-align:center;margin:0;font-size:14px}@media (pointer:coarse){.touch{display:flex}.pause-btn{display:block}.help{display:none}.screen{width:min(100%,960px,166.667vh - 183.333px)}}