:root{color-scheme:dark;background:#08090b}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08090b}
body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}
#experience{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 76% 30%,rgba(54,26,14,.16),transparent 46%),radial-gradient(ellipse at 48% 53%,rgba(25,19,17,.23),transparent 56%),#08090b;touch-action:pan-y}
#atmosphere,#monolith,#grain,#vignette,#fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
#atmosphere{z-index:1}
#fallback{z-index:3;display:none;pointer-events:none}
.fallback-halo{position:absolute;inset:10%;background:radial-gradient(ellipse at center,rgba(168,77,29,.10),transparent 50%)}
.fallback-object{position:relative;width:min(28vw,170px);height:58vh;max-height:630px;background:linear-gradient(115deg,#101115,#0d0e10 42%,#24201d 96%);box-shadow:0 0 52px rgba(183,95,44,.14),2px 0 1px rgba(250,173,103,.22);clip-path:polygon(12% 2%,82% 0%,99% 6%,100% 93%,88% 100%,8% 97%,0% 91%,2% 7%)}
#monolith{z-index:3;pointer-events:none}
#grain{z-index:4;pointer-events:none;opacity:.11;mix-blend-mode:screen;background-image:url("grain.svg");background-size:240px 240px}
#vignette{z-index:5;pointer-events:none;background:radial-gradient(ellipse 83% 83% at 50% 48%,transparent 30%,rgba(1,2,3,.16) 68%,rgba(0,0,0,.65) 100%)}
@media(max-width:620px){#grain{opacity:.07}#vignette{background:radial-gradient(ellipse 130% 73% at 50% 48%,transparent 22%,rgba(0,0,0,.38) 82%,rgba(0,0,0,.65) 100%)}}
@media(prefers-reduced-motion:reduce){#grain{opacity:.07}}