@font-face{font-family:DM Sans Variable;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/stylized-dioramas/ruins/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2")}@font-face{font-family:Playfair Display Variable;font-style:normal;font-weight:400 900;font-display:swap;src:url(/stylized-dioramas/ruins/assets/playfair-display-latin-wght-normal-BOwq7MWX.woff2)format("woff2")}@font-face{font-family:Playfair Display Variable;font-style:italic;font-weight:400 900;font-display:swap;src:url(/stylized-dioramas/ruins/assets/playfair-display-latin-wght-italic-DmbndNpe.woff2)format("woff2")}:root{color:#354536;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#354536;--muted:#7b8071;--line:#3545362e;background:#e9e8df;font-family:DM Sans Variable,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:6px;outline:2px solid #6b874a}#app{width:100%;height:100svh;min-height:500px;position:relative}#scene{position:absolute;inset:0}#scene canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;display:block}#scene canvas:active{cursor:grabbing}.masthead{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:35px;left:42px;right:42px}.brand{color:inherit;letter-spacing:3.1px;pointer-events:auto;align-items:center;gap:13px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.brand svg{width:29px;height:35px}.brand-sub{letter-spacing:1.7px;color:var(--muted);margin-top:7px;font-size:7px;font-weight:500;display:block}.edition{letter-spacing:1.9px;color:var(--muted);align-items:center;gap:8px;font-size:8px;display:flex}.status-dot{background:#718450;border-radius:50%;width:5px;height:5px}.title-block{pointer-events:none;position:absolute;top:22.5%;left:5.4%}.eyebrow{letter-spacing:2.3px;align-items:center;gap:12px;font-size:9px;font-weight:550;display:flex}.short-line{background:#7c896e;width:24px;height:1px}h1{letter-spacing:-2px;margin:25px 0 20px;font-family:Playfair Display Variable,Georgia,serif;font-size:clamp(39px,4.25vw,69px);font-weight:400;line-height:1.11}h1 i{color:#687850;font-weight:400}.title-block>p{color:#818476;letter-spacing:.15px;font-size:12px;line-height:1.9}.text-button{letter-spacing:1.7px;pointer-events:auto;background:0 0;border:0;align-items:center;gap:9px;margin-top:27px;padding:0;font-size:8px;display:flex}.plus{border:1px solid var(--line);border-radius:50%;place-content:center;width:19px;height:19px;font-size:14px;font-weight:400;transition:transform .3s;display:grid}.text-button[aria-expanded=true] .plus{transform:rotate(45deg)}.text-button:hover{color:#81934e}.story{border:1px solid var(--line);pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f0efe6f0;border-radius:2px;width:235px;margin-top:18px;padding:22px;box-shadow:0 8px 35px #2832250a}.story-label{letter-spacing:1.6px;font-size:7px}.story p{color:#767d6b;margin:12px 0 0;font-size:11px;line-height:1.8}.scene-caption{letter-spacing:1.7px;color:var(--muted);pointer-events:none;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;bottom:117px;right:43px}.caption-line{background:#929684;width:27px;height:1px}.bottom-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-top:20px;display:flex;position:absolute;bottom:28px;left:42px;right:42px}.interaction-hint{color:var(--muted);align-items:center;gap:12px;font-size:9px;display:flex}.interaction-hint svg{opacity:.7}.interaction-hint b{margin:0 7px;font-weight:400}.controls{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f5f4eca6;border:1px solid #515f4329;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.controls button{white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;height:31px;padding:0 10px;font-size:9px;transition:background .2s;display:flex}.controls button:hover{background:#667a4b1a}.controls button[aria-pressed=true]{background:#667a4b26}.controls svg{width:17px;height:17px}.control-divider{background:var(--line);width:1px;height:15px;margin:0 2px}.footer-note{letter-spacing:1.65px;color:var(--muted);font-size:7px}#loading{z-index:10;background:#e9e8df;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .8s;display:flex;position:absolute;inset:0}#loading.loaded{opacity:0;pointer-events:none}#loading span{letter-spacing:3px;font-size:9px}.loading-mark{color:#6b804e;font-size:50px}.loading-line{background:#bfc6ad;width:110px;height:1px;position:relative;overflow:hidden}.loading-line:after{content:"";background:#567145;width:45px;height:100%;animation:1.5s ease-in-out infinite grow;display:block}@keyframes grow{0%{transform:translate(-45px)}to{transform:translate(110px)}}#toast{color:#eeeee3;opacity:0;pointer-events:none;background:#354536;border-radius:5px;padding:11px 19px;font-size:11px;transition:all .3s;position:absolute;bottom:100px;left:50%;transform:translate(-50%,8px)}#toast.visible{opacity:1;transform:translate(-50%)}body.dusk{--ink:#e0e3cf;--muted:#a0ad9a;--line:#d6dfc62e;color:var(--ink)}body.dusk h1 i{color:#aaba83}body.dusk .title-block>p{color:#a0ad9a}body.dusk .controls{border-color:var(--line);background:#263531a6}body.dusk .story{background:#263531f0}body.dusk .story p{color:#b9c2af}@media (width>=1700px){.title-block{top:25%}.masthead{top:42px;left:55px;right:55px}.bottom-bar{bottom:35px;left:55px;right:55px}}@media (width<=1050px){.title-block{top:19%;left:5%}h1{font-size:45px}.footer-note{display:none}.controls{position:static;transform:none}.scene-caption{bottom:108px}.interaction-hint{font-size:8px}}@media (width<=650px){#app{min-height:450px}.masthead{top:23px;left:23px;right:23px}.brand{letter-spacing:2.4px;font-size:10px}.brand-sub{letter-spacing:1px;font-size:6px}.brand svg{width:24px}.edition{letter-spacing:1px;font-size:6px}.title-block{top:110px;left:26px}h1{letter-spacing:-1.2px;margin:13px 0;font-size:37px;line-height:1.04}h1 br{display:none}h1 i{margin-left:4px}.eyebrow{letter-spacing:1.8px;font-size:7px}.short-line{width:17px}.title-block>p{margin:0;font-size:10px;line-height:1.6}.title-block>p br{display:none}.text-button{letter-spacing:1.2px;margin-top:14px;font-size:7px}.plus{width:15px;height:15px;font-size:12px}.story{width:240px;margin-top:10px;padding:17px}.bottom-bar{justify-content:center;padding-top:15px;bottom:21px;left:23px;right:23px}.interaction-hint{white-space:nowrap;gap:6px;font-size:8px;position:absolute;bottom:63px}.interaction-hint svg{width:13px;height:16px}.scene-caption{display:none}.controls{gap:9px}.controls button{height:31px;padding:0 10px}.footer-note{display:none}#toast{white-space:nowrap;font-size:10px;bottom:139px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}