:root{color:#12ff96;--app-width:100vw;--app-height:100dvh;background:radial-gradient(circle at 50% 20%,#2b0066 0%,#0b1b2a 60%,#03060d 100%);min-height:100%;font-family:Courier New,monospace}*{box-sizing:border-box}html{min-height:100%}body{min-height:100dvh;margin:0;overflow:hidden}#app{width:var(--app-width);height:var(--app-height);background:radial-gradient(circle at top,#ff16b52e,#0000 38%),linear-gradient(#12ff960a,#03060d00);position:fixed;inset:0;overflow:hidden}#app canvas{display:block}.orientation-prompt{padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));z-index:20;background:radial-gradient(circle at top,#ff16b547,#0000 34%),#040017f0;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#app[data-orientation-prompt=visible] .orientation-prompt{display:flex}.orientation-prompt__panel{text-align:center;background:#090021f0;border:2px solid #12ff96d1;border-radius:20px;width:min(100%,420px);padding:28px 24px;box-shadow:0 0 36px #ff16b547}.orientation-prompt__eyebrow{letter-spacing:.28em;color:#ffde8b;margin:0 0 10px;font-size:13px}.orientation-prompt h1{color:#12ff96;text-shadow:0 0 18px #ff16b5a6;margin:0 0 16px;font-size:clamp(28px,7vw,42px)}.orientation-prompt p{color:#e9f8ff;margin:0;font-size:clamp(16px,3.8vw,20px);line-height:1.5}