@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#f0ede8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#070809;font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{height:100vh;isolation:isolate;height:100dvh}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:4px;outline:2px solid #efc19a}[hidden]{display:none!important}.fallback-image{z-index:-4;background:#070809 url(../fallback.jpg) 50%/cover no-repeat;position:fixed;inset:0}#scene{z-index:-3;touch-action:none;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:fixed;inset:0}body.ready #scene{opacity:1}.scene-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#050608e6 0%,#050608a1 28%,#05060814 62%),linear-gradient(#05060859,#0000 26% 72%,#050608a6);position:fixed;inset:0}#loader{z-index:10;pointer-events:none;color:#cec1b2;letter-spacing:.05em;background:#07080973;align-items:flex-end;gap:12px;padding:0 5vw 6vh;font:10px Space Mono,monospace;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}body.ready #loader{opacity:0;visibility:hidden}.loader-line{background:#cf9d70;width:30px;height:1px}.topbar{z-index:2;justify-content:space-between;align-items:center;padding:30px clamp(22px,5vw,76px);display:flex;position:absolute;top:0;left:0;right:0}.brand,.top-actions{align-items:center;gap:12px;display:flex}.brand img{width:34px;height:34px}.brand span{letter-spacing:.1em;font:700 10px Space Mono,monospace}.brand i,.copy-foot i{color:#b99372;margin:0 3px;font-style:normal}.top-actions{gap:30px}.top-label{letter-spacing:.09em;color:#a9a49e;font:10px Space Mono,monospace}.top-label i,.live-dot{background:#d7a87d;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.top-button{color:#d7d0c6;background:0 0;border:0;font-size:12px}.top-button span{color:#c6a07c;margin-left:9px}.scene-copy{z-index:1;pointer-events:none;max-width:480px;position:absolute;top:50%;left:clamp(24px,7vw,110px);transform:translateY(-50%)}.eyebrow{letter-spacing:.16em;color:#c09b7a;align-items:center;gap:12px;font:10px Space Mono,monospace;display:flex}.eyebrow span{color:#e2c1a2}.eyebrow i{background:#8b6e56;width:30px;height:1px}.scene-copy h1{letter-spacing:-.045em;margin:27px 0 23px;font-size:clamp(42px,4.8vw,70px);font-weight:500;line-height:1.16}.scene-copy h1 span{color:#cfb399;display:block}.scene-copy p{color:#b3ada5;letter-spacing:.01em;margin:0;font-size:13px;line-height:1.95}.copy-foot{color:#978e83;letter-spacing:.08em;align-items:center;gap:8px;margin-top:35px;font:10px Space Mono,monospace;display:flex}.live-dot{margin:0}.bottom-bar{padding:0 clamp(22px,5vw,76px) max(32px,env(safe-area-inset-bottom));z-index:2;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.hint,.bottom-actions{align-items:center;gap:13px;display:flex}.hint-mark{color:#dcc5ab;border:1px solid #786e60;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.hint b,.hint small{display:block}.hint b{color:#d8d1c7;font-size:11px;font-weight:500}.hint small{color:#97918a;margin-top:5px;font-size:10px}.bottom-actions{gap:10px}#stats{color:#a49b90;white-space:nowrap;margin-right:5px;font:10px Space Mono,monospace}.round-button,.settings-button,.dialog-close{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eee7de;background:#161617b8;border:1px solid #e9ddcd40;border-radius:999px;justify-content:center;align-items:center;height:43px;display:inline-flex}.round-button{width:43px}.round-button span{font-size:15px}.settings-button{gap:14px;padding:0 19px;font-size:12px}.settings-button span{color:#c6a07c}.round-button:hover,.settings-button:hover,.top-button:hover{background:#5b4b3b73}dialog{color:#e9e4dd;background:#171615;border:1px solid #625348;border-radius:18px;width:min(760px,100vw - 32px);max-height:min(80vh,800px);padding:0;box-shadow:0 24px 90px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000b}dialog article{padding:clamp(25px,4vw,45px)}.dialog-top{justify-content:space-between;align-items:center;display:flex}.dialog-close{width:40px;height:40px;font-size:21px}dialog h2{letter-spacing:-.03em;margin:33px 0 8px;font-size:38px;font-weight:500}.dialog-lead{color:#b8aaa0;font-size:14px}.info-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0;display:grid}.info-grid>div{border-top:1px solid #574b41;padding-top:15px}.info-grid span{color:#b29175;font:10px Space Mono,monospace}.info-grid h3{margin:18px 0 9px;font-size:15px;font-weight:500}.info-grid p{color:#b3a9a0;margin:0;font-size:12px;line-height:1.8}dialog footer{color:#a4978c;font:11px Space Mono,monospace}dialog footer a{color:#e4c5a6}#fallback{z-index:5;background:linear-gradient(90deg,#070809f2,#070809a6);align-items:center;padding:clamp(24px,7vw,110px);display:flex;position:fixed;inset:0}#fallback>div{max-width:420px}#fallback h2{margin:20px 0 12px;font-size:32px}#fallback p{color:#c8beb2;margin-bottom:24px;font-size:13px;line-height:1.8}body.fallback #scene,body.fallback .scene-copy,body.fallback .bottom-bar{display:none}.lil-gui.lil-root{--background-color:#1b1a19;--text-color:#e5dfd6;--title-background-color:#282522;--title-text-color:#eee5da;--widget-color:#3b3530;--hover-color:#51473e;--focus-color:#665346;--number-color:#e0ae7d;--string-color:#e0ae7d;--font-family:"DM Sans",sans-serif;--font-size:12px;--input-font-size:12px;--padding:8px;--spacing:7px;z-index:4;border:1px solid #5a4b40;border-radius:12px;max-height:calc(100dvh - 170px);overflow:auto;box-shadow:0 20px 70px #0009;width:285px!important;position:absolute!important;top:86px!important;right:clamp(22px,5vw,76px)!important}.lil-gui .lil-title,.lil-gui .lil-controller{min-height:32px}@media (max-width:700px){.topbar{padding:20px}.top-label{display:none}.top-actions{gap:12px}.scene-shade{background:linear-gradient(#05060861,#0506080d 29%,#050608b8 61%,#050608f2),linear-gradient(90deg,#05060826,#0000)}.scene-copy{max-width:450px;inset:auto 22px 145px;transform:none}.scene-copy h1{margin:17px 0 14px;font-size:clamp(34px,9vw,48px)}.scene-copy p{font-size:12px;line-height:1.7}.copy-foot{margin-top:20px}.bottom-bar{padding:0 20px max(20px,env(safe-area-inset-bottom));align-items:end}.hint-mark{display:none}.hint small{max-width:140px;line-height:1.5}.bottom-actions{gap:7px}#stats{display:none}.settings-button{gap:8px;height:40px;padding:0 13px}.round-button{width:40px;height:40px}.lil-gui.lil-root{max-height:55dvh;width:min(285px,100vw - 40px)!important;top:70px!important;right:20px!important}.info-grid{grid-template-columns:1fr;gap:16px;margin:25px 0}.info-grid h3{margin:10px 0 6px}dialog h2{margin-top:20px}dialog footer{line-height:1.7}}@media (max-height:500px) and (orientation:landscape){.scene-copy{top:50%;bottom:auto;left:24px;transform:translateY(-50%)}.scene-copy h1{margin:10px 0;font-size:32px}.scene-copy p,.copy-foot{display:none}.topbar{padding:12px 20px}.bottom-bar{padding:0 20px 12px}.lil-gui.lil-root{max-height:65dvh;top:58px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.scene-shade,.topbar,.scene-copy,.bottom-bar,.lil-gui.lil-root,dialog{transition:opacity .7s}dialog::backdrop{transition:opacity .7s}body.ui-idle .scene-shade,body.ui-idle .topbar,body.ui-idle .scene-copy,body.ui-idle .bottom-bar,body.ui-idle .lil-gui.lil-root,body.ui-idle dialog{opacity:0;pointer-events:none}body.ui-idle dialog::backdrop{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.scene-shade,.topbar,.scene-copy,.bottom-bar,.lil-gui.lil-root,dialog{transition:none!important}dialog::backdrop{transition:none!important}}
