:root{--cream:#e9ddc2;--muted:#adb2a0;--brass:#c7a267;--green:#8baf88;--border:#d5bf8d29;--panel:#242b25f2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#242920;color:var(--cream);font-family:"PingFang TC","Microsoft JhengHei",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brass);outline-offset:4px}button{transition:background .2s,color .2s,transform .2s}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:0}#hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#141b18bb,transparent 190px,transparent calc(100% - 150px),#131b16b3);z-index:2}#hud button,#hud input,#hud select{pointer-events:auto}.top{position:absolute;left:32px;right:30px;top:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:17px;user-select:none}.monogram{width:53px;height:53px;border:1px solid #d4b88470;display:grid;place-items:center;font:22px Georgia,serif;letter-spacing:-2px;position:relative;color:#dbc697}.monogram:after{content:"";position:absolute;inset:4px;border:1px solid #d4b88430}.eyebrow{color:#cab58a;font-size:9px;font-weight:500;letter-spacing:3px;margin-bottom:8px}h1{font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:400;letter-spacing:1.1px;margin:0;text-shadow:0 2px 15px #0004}.brand-sub{margin-top:7px;font-size:10px;letter-spacing:2.0px;color:#e5dcc2a6}.top-right{display:flex;align-items:center;gap:17px}.clockbox{display:flex;flex-direction:column;align-items:flex-end;border-right:1px solid #b4b59a3d;padding-right:20px;gap:5px}.clockline{font:26px Georgia,serif;letter-spacing:1.7px;color:#ead8b2}.clocklabel{font-size:9px;letter-spacing:1.2px;color:#bdb99e}.icon-group{display:flex;gap:5px}.icon{width:36px;height:36px;display:grid;place-items:center;background:#222c2477;border:1px solid #dcc99b36;border-radius:50%;color:#e2d4b5}.icon:hover,.icon.active{background:#6e744e75}.icon svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bottom{position:absolute;left:32px;right:30px;bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.bottom-left{display:flex;flex-direction:column;gap:13px}.status{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1px}.status span.secondary{color:#c2c9b385}.dot{height:6px;width:6px;border-radius:50%;background:#a4c992;box-shadow:0 0 8px #9ed39360}.dot.paused{background:#d9a45d;box-shadow:none}.views{display:flex;border:1px solid #bbbd9a38;background:#252e26dc;backdrop-filter:blur(20px);border-radius:7px;padding:4px;gap:3px}.views button{border:0;background:transparent;padding:10px 15px;font-size:10px;letter-spacing:.5px;border-radius:4px;color:#b6bfac}.views button.active{background:#d5c49c;color:#2e3a2e}.views button:hover:not(.active){background:#b3ba951c}.bottom-note{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);font-size:9px;color:#cbd1bd9c;letter-spacing:1px;white-space:nowrap}.map{width:176px;padding:11px 10px 7px;background:#253028bd;border:1px solid #bfc49f2b;backdrop-filter:blur(15px);border-radius:7px}.map-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#b8bda7}.map-head b{font-size:8px;letter-spacing:1px;font-weight:400;color:#d0b77b}.map canvas{display:block;width:154px;height:98px;margin-top:7px}.drawer{display:none;position:absolute;top:99px;right:30px;width:310px;padding:23px;border:1px solid var(--border);background:var(--panel);border-radius:10px;backdrop-filter:blur(24px);box-shadow:0 15px 50px #0004;pointer-events:auto;max-height:calc(100vh - 185px);overflow:auto}.drawer.open{display:block}.drawer h2{font-size:16px;font-weight:500;margin:0 0 5px;letter-spacing:1px}.drawer .sub{font-size:10px;line-height:1.8;color:#a3ae99;margin:0 0 20px}.close{position:absolute;top:11px;right:14px;background:none;border:0;color:#c0c5ae;font-size:23px;font-weight:300}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:18px}.range-label output{color:#d6b57a;font-size:10px;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:4px;margin:16px 0 23px;accent-color:#bd9962;cursor:ew-resize}.actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.actions button,.utility button{border:1px solid #b3b89636;background:#3c473638;padding:10px 6px;border-radius:5px;font-size:10px;letter-spacing:.3px}.actions button:hover,.utility button:hover{background:#8b916139}.actions button.selected{border-color:#bfb27677;background:#79794636}.line{height:1px;background:#b8bc9630;margin:20px 0}.utility{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quality{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acb79f;margin-top:18px}.quality select{border:1px solid #b7c09a33;color:#ddd5b8;padding:6px 8px;background:#2d362b;border-radius:4px;font-size:10px}.help{font-size:10px;line-height:2.2;color:#99a790;margin-top:18px}.help b{color:#c8cbb3;font-weight:400}kbd{font-family:inherit;font-size:9px;border:1px solid #b5bd9738;padding:1px 4px;border-radius:3px;color:#bdbfa6;margin-right:3px}#tooltip{position:fixed;z-index:7;pointer-events:none;padding:9px 13px;background:#e2d6bdf5;color:#2f3b2e;font-size:11px;border-radius:4px;box-shadow:0 4px 25px #0004;opacity:0;transition:opacity .12s;max-width:260px}#tooltip.visible{opacity:1}#toast{position:fixed;z-index:20;left:50%;top:112px;transform:translate(-50%,-7px);background:#263126ed;border:1px solid #c6b1835c;color:#e3d6b6;padding:11px 20px;border-radius:30px;font-size:11px;box-shadow:0 10px 40px #0003;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d0c3953b;background:#212922;color:#ded7bc;border-radius:10px;padding:25px;box-shadow:0 20px 100px #0008;max-width:calc(100vw - 50px);max-height:calc(100vh - 60px)}dialog::backdrop{background:#0d1610b3;backdrop-filter:blur(9px)}dialog h2{font-size:19px;font-weight:400;letter-spacing:1px;margin:0 0 8px}dialog .description{font-size:11px;line-height:1.9;color:#abb69c;margin:0 0 20px;max-width:890px}#reference-modal{width:1050px}#reference-image{width:100%;display:block;border-radius:5px}#reference-modal .description{margin-bottom:14px}#atlas-modal{width:1030px}#material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{border:1px solid #c4bb8830;padding:10px;border-radius:5px;background:#30372a46}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.swatches img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.material-card h3{font-size:12px;font-weight:500;margin:10px 0 5px}.material-card p{font-size:9px;line-height:1.7;color:#acb49b;margin:0;min-height:30px}.swatch-legend{font-size:7px;letter-spacing:.45px;color:#8a987e;margin-top:9px}#loading{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#364032,#1a211c);transition:opacity .9s,visibility .9s}#loading.done{opacity:0;visibility:hidden;pointer-events:none}.load-content{width:320px;text-align:center}.load-seal{width:86px;height:86px;border:1px solid #ceb7866b;margin:0 auto 31px;display:grid;place-items:center;position:relative;font:36px Georgia,serif;letter-spacing:-3px;color:#c9b37d}.load-seal:before{content:"";position:absolute;inset:6px;border:1px solid #ceb7862e}#loading h2{font-size:19px;font-weight:400;letter-spacing:2px;margin:0 0 9px}.load-caption{font:11px Georgia,serif;letter-spacing:3px;color:#a7ad8f;margin-bottom:32px}.progress{height:2px;background:#bbc39420;width:240px;margin:0 auto 18px}#progress-fill{height:100%;width:4%;background:#bfa16c;transition:width .35s}#load-note{color:#9fab91;font-size:10px;line-height:2.0;min-height:35px}#retry{margin-top:15px;padding:9px 20px;background:none;color:#dfd3b3;border:1px solid #b5ba9566;border-radius:5px;font-size:11px}.badge{font-size:8px;color:#c9b27a;border:1px solid #c9b27a4d;padding:3px 7px;border-radius:3px;letter-spacing:1px;margin-left:10px}
@media(max-width:1150px){.bottom-note{display:none}.views button{padding:10px 11px}.top{left:24px;right:24px}.bottom{left:24px;right:24px}.drawer{right:24px}.brand h1{font-size:23px}}
@media(max-width:720px){.top{top:19px;left:18px;right:17px}.monogram{display:none}.eyebrow{font-size:7px;letter-spacing:1.5px}h1,.brand h1{font-size:17px;letter-spacing:.5px}.brand-sub{font-size:8px;letter-spacing:1px}.top-right{gap:8px;align-items:flex-end;flex-direction:column}.clockbox{border:0;padding:0;gap:2px}.clockline{font-size:22px}.clocklabel{font-size:8px}.icon-group{gap:4px}.icon{width:29px;height:29px}.icon svg{width:13px;height:13px}.bottom{left:16px;right:16px;bottom:18px}.map{display:none}.views{flex-wrap:wrap;max-width:430px;gap:1px}.views button{font-size:9px;padding:9px 10px}.status{font-size:9px;letter-spacing:.5px}.drawer{right:17px;top:116px;width:min(310px,calc(100vw - 34px));max-height:calc(100vh - 200px)}#toast{font-size:10px;top:127px;max-width:calc(100vw - 30px);width:max-content;text-align:center}dialog{padding:19px;max-width:calc(100vw - 28px);max-height:calc(100vh - 30px)}#material-grid{grid-template-columns:repeat(2,1fr);gap:9px}.swatch-legend{font-size:5px;letter-spacing:0}.material-card{padding:7px}.material-card p{font-size:8px}.material-card h3{font-size:11px}}

#interior-drawer{width:300px}.interior-choice{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c5cfb7;margin:15px 0}.interior-choice select{width:100%;padding:10px;background:#2f3b30;color:#eadcba;border:1px solid #cfb98166;border-radius:5px}.interior-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.interior-tools button{border:1px solid #bea87966;border-radius:5px;padding:10px;background:#4b5842;color:#e9ddc2;font-size:11px}#cutaway-button{width:100%;border:1px solid #d2b273aa;border-radius:6px;background:#c5ac7d;color:#243025;padding:11px;margin:4px 0 13px;font-size:12px}#interior-caption{font-size:11px;line-height:1.8;color:#e1c996}#interior-view{border:1px solid #bb9b69aa;color:#e7cf9b}
.last-note{margin-bottom:0}.platform-links{display:flex;gap:12px;align-items:center;margin-bottom:7px;font-size:12px;pointer-events:auto}.platform-links a{color:var(--cream);text-decoration:none}.platform-links button{background:#242b25d9;border:1px solid var(--border);border-radius:5px;padding:4px 10px}.views{max-width:calc(100vw - 320px);overflow-x:auto}.views button{flex-shrink:0}
@media(max-width:700px){.views{max-width:calc(100vw - 32px)}.brand-sub{display:none}.platform-links{margin-bottom:3px}.top{gap:8px}.drawer{max-height:calc(100dvh - 140px);overflow-y:auto}}
@media(max-height:500px){.map,.bottom-note,.eyebrow,.brand-sub{display:none}.top{top:10px;left:16px;right:16px}.bottom{bottom:10px}.views{max-width:calc(100vw - 32px)}.drawer{top:85px;max-height:calc(100dvh - 95px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.bottom-note{display:none}
.drawer{z-index:3}