*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:aften_screen;src:url(/aften_screen.woff?#iefix)}html,body{background-color:#141518;font-family:aften_screen,sans-serif;overflow:hidden;width:100vw;height:100vh}canvas{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:center;align-items:center;background:#141518;transition:opacity .8s ease,visibility .8s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}#loader{width:20%;min-width:180px;max-width:280px;text-align:center}#loader svg{width:100%;animation:blobPulse 2s ease-in-out infinite}@keyframes blobPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.loading-bar-wrap{width:100%;height:2px;background:#ffffff26;border-radius:2px;margin-top:24px;overflow:hidden}.loading-bar-fill{height:100%;width:0%;background:#fff;border-radius:2px;transition:width .3s ease}.loading-percent{color:#ffffffb3;font-size:.85rem;margin-top:12px;letter-spacing:.1em}.carousel-label-wrap{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:55;pointer-events:none}.carousel-label{color:#fff;font-family:aften_screen,sans-serif;font-size:clamp(3rem,10vw,6rem);letter-spacing:.1em;text-align:center;text-shadow:0 0 60px rgba(0,0,0,.8);white-space:nowrap;will-change:transform,opacity}#carousel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}#carousel.hidden{opacity:0;visibility:hidden}#carousel .progress-bar{background:#fff3;bottom:4.5vh;height:1px;overflow:hidden;position:absolute;right:4.5vh;width:14vw}#carousel .progress-bar .progress{background:#fff;height:1px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left center;width:100%;animation:progressPulse 3s ease-in-out infinite}@keyframes progressPulse{0%,to{transform:scaleX(.3)}50%{transform:scaleX(1)}}#carousel .circle{position:absolute;bottom:7%;left:50%;transform:translate(-50%);cursor:pointer;pointer-events:all;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#carousel .circle:hover{transform:translate(-50%) scale(1.12)}#carousel .circle:active{transform:translate(-50%) scale(.95)}#carousel .circle .inner{position:absolute;left:0;top:0}#carousel .ring{animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#viewer-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}#viewer-ui.hidden{opacity:0;visibility:hidden}#back-btn{position:fixed;top:4.5vh;left:4.5vh;z-index:70;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.6rem 1.4rem;border-radius:100px;font-family:aften_screen,sans-serif;font-size:1rem;cursor:pointer;pointer-events:all;transition:background .25s ease,transform .2s ease}#back-btn:hover{background:#ffffff2e;transform:scale(1.04)}#back-btn:active{transform:scale(.96)}#info-panel{position:fixed;top:4.5vh;right:4.5vh;z-index:70;display:flex;align-items:flex-start;pointer-events:all}.panel-body{overflow:hidden;width:0;opacity:0;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .05s;border-radius:12px;margin-right:0}#info-panel.expanded .panel-body{width:360px;opacity:1;margin-right:12px}.panel-body img{width:360px;height:auto;border-radius:12px;display:block;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0006}#panel-toggle{width:40px;height:40px;border-radius:50%;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .2s ease;flex-shrink:0;line-height:1}#panel-toggle:hover{background:#ffffff2e;transform:scale(1.05)}#panel-toggle:active{transform:scale(.95)}@media (max-width: 768px){#loader{width:40%;min-width:140px}#back-btn{top:2.5vh;left:2.5vh;padding:.4rem 1rem;font-size:.85rem}}
