*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#151515;font-family:Arial,sans-serif;touch-action:none;user-select:none}body{display:grid;place-items:center;overscroll-behavior:none}#stage{position:relative;width:min(100vw,177.777778dvh);height:min(56.25vw,100dvh);background:white}canvas{display:block;width:100%;height:100%}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#ffffffb8;text-align:center;padding:24px}#overlay[hidden]{display:none}#message{font-size:clamp(16px,2vw,28px);font-weight:bold;margin:0}small{font-size:14px}#rotate{display:none;color:white;padding:30px;text-align:center;font-size:18px}@media(orientation:portrait) and (any-pointer:coarse){#stage{display:none}#rotate{display:block}}