/* The transparent WebGL viewport retains the reference composition. */
.model-viewport{position:absolute;left:-397px;top:-103px;width:1088px!important;height:684px!important;pointer-events:none}
#folder.model-ready,#rig:hover #folder.model-ready{transform:none!important}
#folder.model-ready>.face,#folder.model-ready>.depth-edge,#folder.model-ready>.depth-rim{display:none}
#modelStatus{position:absolute;left:347px;top:626px;width:411px;text-align:center;font-size:11px;letter-spacing:2px;color:#898780;pointer-events:none;transition:opacity .3s}
.opening #modelStatus,.opened #modelStatus{opacity:0}
#modelRetry{position:absolute;left:477px;top:648px;width:150px;padding:4px 8px;font-size:12px;color:#66513d;text-decoration:underline;text-underline-offset:3px}
.opening #modelRetry,.opened #modelRetry{display:none}
.mobile .yellow{left:700px}.mobile .ideas{left:190px}


#continue{position:absolute;z-index:8;left:345px;top:18px;width:390px;height:625px;cursor:pointer}#continue span{position:absolute;bottom:-35px;left:0;width:100%;font-size:12px;letter-spacing:2px;color:#777}#continue:hover span{color:#111}.peeking .ground{opacity:.12}

/* Keep keyboard focus on the label, not around the large transparent hit area. */
#continue:focus-visible{outline:none}
#continue span{left:50%;width:max-content;max-width:100%;transform:translateX(-50%);padding:6px 10px;border-radius:4px}
#continue:focus-visible span{outline:2px solid #89634e;outline-offset:4px;color:#493a2c}
@media(forced-colors:active){#continue:focus-visible span{outline-color:Highlight;color:ButtonText}}

/* Broad penumbra and a smaller contact shadow stay below the rotating archive. */
.ground{left:379px;top:590px;width:340px;height:38px;background:radial-gradient(ellipse at center,rgba(64,53,40,.25) 0%,rgba(64,53,40,.13) 32%,rgba(64,53,40,.04) 58%,transparent 74%);filter:blur(7px);opacity:var(--shadow-strength,.70);transform-origin:50% 50%;pointer-events:none;will-change:transform;transition:opacity .4s}
.ground:after{content:'';position:absolute;inset:9px 44px 10px;background:radial-gradient(ellipse,rgba(61,49,35,.24),transparent 72%);filter:blur(3px);border-radius:50%}
.opening .ground,.opened .ground{opacity:0}
.peeking .ground{opacity:.24}

#folder:not(.model-ready) .rear{background-image:url('assets/loading-back-layout-v1.webp');background-position:center;background-size:100% 100%;clip-path:none}