:root{color-scheme:dark;background:#030403;font-family:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden}body{background:#030403}main{height:100svh;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;isolation:isolate;perspective:1100px;overflow:hidden}.aura{position:absolute;width:min(85vw,850px);aspect-ratio:1;top:50%;left:50%;margin-top:-30px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#9c710b20 0%,#7c590915 27%,#49380008 48%,transparent 67%);z-index:-2;animation:breathe 7s ease-in-out infinite}.altar{position:relative;width:min(64vw,490px,60svh);aspect-ratio:1;transform-style:preserve-3d;will-change:transform}.shrine{position:relative;width:100%;height:100%;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 0 18px #e3ba1118) drop-shadow(0 0 55px #e6b61412)}img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}.shine{position:absolute;inset:0;mask:url('assets/shrine.png') center/contain no-repeat;-webkit-mask:url('assets/shrine.png') center/contain no-repeat;overflow:hidden;mix-blend-mode:screen;pointer-events:none}.shine:after{content:'';position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 43%,#fff8cb09 47%,#fff9c652 50%,#fff8cb09 53%,transparent 57%);transform:translateX(-70%);animation:glint 8s ease-in-out infinite}.reflection{position:absolute;left:15%;right:15%;height:8%;bottom:-6%;border-radius:50%;background:radial-gradient(ellipse,#cc980d21,transparent 70%);filter:blur(9px);transform:rotateX(55deg)}h1{font-size:clamp(17px,2vw,21px);font-weight:400;letter-spacing:.48em;text-indent:.48em;color:#c9b775;margin:48px 0 0;text-shadow:0 0 24px #e9be3338;z-index:2}.dust{position:absolute;inset:0;z-index:-1;pointer-events:none}.dust i{position:absolute;left:27%;top:80%;width:2px;height:2px;background:#d7b754;border-radius:50%;box-shadow:0 0 5px #daa637;opacity:0;animation:drift 15s linear infinite}.dust i:nth-child(2){left:65%;top:75%;animation-delay:-3s}.dust i:nth-child(3){left:42%;top:86%;animation-delay:-7s}.dust i:nth-child(4){left:73%;top:67%;animation-delay:-10s}.dust i:nth-child(5){left:32%;top:72%;animation-delay:-12s}.dust i:nth-child(6){left:59%;top:80%;animation-delay:-5s}.dust i:nth-child(7){left:47%;top:75%;animation-delay:-14s}.dust i:nth-child(8){left:69%;top:90%;animation-delay:-8s}.dust i:nth-child(9){left:23%;top:61%;animation-delay:-4s}.dust i:nth-child(10){left:77%;top:78%;animation-delay:-11s}.dust i:nth-child(11){left:38%;top:82%;animation-delay:-1s}.dust i:nth-child(12){left:53%;top:70%;animation-delay:-6s}@keyframes breathe{50%{opacity:.6;scale:1.06}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes glint{0%,15%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}@keyframes drift{0%{opacity:0;transform:translate3d(0,0,0)}20%,65%{opacity:.45}100%{opacity:0;transform:translate3d(25px,-42vh,0)}}@media(max-width:600px){.altar{width:min(84vw,52svh)}h1{margin-top:42px}.aura{width:115vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.altar{will-change:auto}.shine{display:none}}
/* A traveling highlight follows the PNG alpha silhouette. */
@property --orbit-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.shrine{animation:shrine-breathe 6s ease-in-out infinite;transform-origin:50% 70%;filter:drop-shadow(0 0 8px #ffc52466) drop-shadow(0 0 26px #f8b90e33)}
.edge-glow{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 3px #fff0a5) drop-shadow(0 0 9px #ffc400) drop-shadow(0 0 20px #ffb300aa)}
.orbit{width:100%;height:100%;overflow:visible;mask-image:conic-gradient(from var(--orbit-angle) at 50% 52%,transparent 0deg,#0002 12deg,#0008 40deg,#000 65deg,#000 85deg,transparent 115deg,transparent 360deg);animation:orbit 9s linear infinite}
@keyframes orbit{to{--orbit-angle:360deg}}
@keyframes shrine-breathe{0%,100%{transform:translate3d(-2px,3px,0) rotate(-.35deg) scale(.988);filter:drop-shadow(0 0 6px #ffc52455) drop-shadow(0 0 23px #f8b90e22)}50%{transform:translate3d(2px,-6px,0) rotate(.35deg) scale(1.012);filter:drop-shadow(0 0 12px #ffd34688) drop-shadow(0 0 36px #f8b90e44)}}
@media(prefers-reduced-motion:reduce){.orbit{mask-image:none;opacity:.35}.shrine{transform:none}}