:root{color-scheme:dark;font-family:Courier New,Courier,monospace;background:radial-gradient(circle at top,#304f6d,#1b263b,#11151c);color:#f4d35e}*{box-sizing:border-box}html,body{width:100%;margin:0}html,body{min-height:100%}body{display:grid;place-items:center;min-height:100vh;padding:16px;overflow-x:hidden;overflow-y:auto}#app{display:inline-grid;place-items:center;padding:12px 12px 16px;border:4px solid rgb(244 211 94 / 28%);background:#0b132b2e;width:fit-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:hidden}canvas{border:4px solid #f4d35e;image-rendering:pixelated;box-shadow:0 0 48px #00000059}