#touch-controls,#rotate-hint{display:none}html.touch #touch-controls{display:block}@media (orientation:portrait){html.touch #touch-controls{display:none}html.touch #rotate-hint{display:flex}}#touch-controls{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.touch-control{opacity:.8;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute}.touch-control.pressed{opacity:1}.touch-art{width:calc(var(--frame-width) * var(--scale) * 1px);height:calc(var(--frame-height) * var(--scale) * 1px);background-repeat:no-repeat;background-size:calc(var(--sheet-width) * var(--scale) * 1px) calc(var(--frame-height) * var(--scale) * 1px);background-position:calc(var(--frame) * var(--frame-width) * var(--scale) * -1px) 0;image-rendering:crisp-edges;image-rendering:pixelated}.touch-control[data-control=menu].pressed .touch-art{filter:brightness(.75)}.safe-area-probe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;top:0;left:0}#rotate-hint{z-index:2;color:#f2eaf1;text-align:center;-webkit-user-select:none;user-select:none;background:#14101c;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;font:600 20px/1.4 system-ui,sans-serif;position:fixed;inset:0}#rotate-hint p{max-width:14em;margin:0}.rotate-hint-phone{animation:2.4s ease-in-out infinite turn-sideways}@keyframes turn-sideways{0%,25%{transform:rotate(0)}50%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-hint-phone{animation:none}}