*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;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;object-fit:contain;width:100vw;height:100dvh;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}}