:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050607;font-family:system-ui,sans-serif}#portal{position:relative;height:100dvh;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse 65% 75% at 50% 47%,#181a1c 0%,#090a0c 53%,#030405 100%)}#portal:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 60% 65% at center,transparent 38%,#03040588 100%)}#art{position:absolute;inset:0;width:100%;height:100%;display:block}#qrbox{position:relative;z-index:2;width:min(40dvh,82vw);aspect-ratio:1;padding:clamp(12px,1.8vmin,22px);background:#fff;border:1px solid #f1f1ec;border-radius:3px;box-shadow:0 0 0 1px #101010,0 12px 70px #000c,0 0 75px #d2bd8a11;display:grid;place-items:center}#qr{width:100%;height:100%;display:block;image-rendering:pixelated}#live{width:100%;height:100%}#stage{display:block;border:0;width:100%;height:100%;background:#03040a}