:root{color:#eef2f6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b0f14;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(60% 45% at 15% 0,#22d3c50f,#0000 50%),linear-gradient(#0b0f14 0%,#111820 100%);overflow:hidden}.shell{justify-content:center;align-items:center;height:100%;padding:10px;display:flex;position:relative}canvas{aspect-ratio:1920/1080;image-rendering:auto;z-index:1;border:1px solid #c9971a2e;border-radius:12px;outline:none;width:auto;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);position:relative;box-shadow:0 16px 48px #00000080,0 0 0 1px #22d3c50f,inset 0 1px #ffffff0d}canvas:focus-visible{box-shadow:0 0 0 2px #22d3c566,0 12px 40px #0000006b,inset 0 1px #ffffff0a}