*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app,canvas,#rotate-prompt{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;touch-action:none;overscroll-behavior:none}html,body{background:#0a0a0a;width:100%;height:100dvh;overflow:hidden}#app{place-items:center;width:100vw;height:100dvh;display:grid}canvas{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:auto;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);display:block}#rotate-prompt{color:#ffe066;z-index:10;text-align:center;background:#0a0a0a;place-items:center;font-family:monospace;display:none;position:fixed;inset:0}#rotate-prompt .icon{margin-bottom:16px;font-size:48px;animation:2s ease-in-out infinite rot}#rotate-prompt .title{letter-spacing:2px;font-size:20px;font-weight:700}#rotate-prompt .sub{color:#888;margin-top:8px;font-size:12px}@keyframes rot{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media (orientation:portrait) and (width<=900px){#app{display:none}#rotate-prompt{display:grid}}