:root{color:#f5eee2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0c0b;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 30% 0,#94261c38,#0000 34%),linear-gradient(#211614,#0f0c0b);min-width:320px;min-height:100svh;margin:0}#app{place-items:center;width:100vw;height:100svh;display:grid;overflow:hidden}#orientation-note{display:none}canvas{max-width:100vw;max-height:100svh;image-rendering:pixelated}@media (orientation:portrait){#app{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));box-sizing:border-box;place-items:center}canvas{max-width:calc(100vw - max(16px, calc(env(safe-area-inset-left) + env(safe-area-inset-right))));max-height:calc(100svh - max(16px, calc(env(safe-area-inset-top) + env(safe-area-inset-bottom))))}}@media (orientation:portrait) and (width<=700px){#app{opacity:.18;filter:blur(1px)}#orientation-note{z-index:10;box-sizing:border-box;text-align:center;color:#fff0c8;background:#0f0c0bbd;align-content:center;justify-items:center;gap:10px;padding:28px;display:grid;position:fixed;inset:0}#orientation-note strong{font-size:22px;line-height:1.25}#orientation-note span{color:#d7b580;max-width:280px;font-size:14px;line-height:1.45}}