:root{color-scheme:only light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#0f172a}body{display:grid;place-items:center;overflow:hidden}#app{width:min(calc(100vw - 16px),calc((100vh - 96px) * (420 / 450)));max-height:calc(100vh - 96px);aspect-ratio:420 / 450;transform:translateY(18px);border:3px solid #cbd5e1;border-radius:12px;box-shadow:0 0 0 4px #1e293b,0 18px 36px #0206178c;overflow:hidden;background:#0b1220}#app canvas{width:100%!important;height:100%!important;image-rendering:pixelated}