@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600&family=Manrope:wght@400;500;600&display=swap";:root{color:#293238;font-synthesis:none;--red:#a33731;--muted:#899399;--gold:#9b834e;--line:#d9dfe1;background:#f0f2f3;font-family:Manrope,Noto Serif TC,serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.showcase{background:radial-gradient(at 50% 49%,#fff 0%,#f5f7f8 35%,#0000 74%),linear-gradient(#e8edef,#f7f8f8 80%,#fff);flex-direction:column;height:100svh;min-height:760px;display:flex;position:relative;overflow:hidden}.masthead{z-index:2;justify-content:space-between;align-items:center;padding:27px 3.4vw;display:flex;position:relative}.wordmark{letter-spacing:.18em;align-items:center;gap:12px;font-family:Noto Serif TC,serif;font-size:14px;display:flex}.mini-seal{background:var(--red);color:#fff9ef;text-align:center;letter-spacing:.08em;border-radius:2px;padding:5px 6px;font-size:11px;line-height:1.25}.wordmark-en{letter-spacing:.16em;color:#92999b;margin-top:5px;font-family:Manrope,sans-serif;font-size:7px;display:block}.edition{letter-spacing:.17em;color:#899295;align-items:center;gap:12px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.edition-dot{background:var(--gold);border-radius:50%;width:4px;height:4px}.edition-line{background:#cdd4d6;width:1px;height:12px}.about-button{letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:20px;font-size:11px;display:flex}.about-button span{font-size:18px;font-weight:400}.introduction{text-align:center;z-index:1;pointer-events:none;padding-top:18px;position:relative}.title-kicker{letter-spacing:.3em;color:#8e989d;justify-content:center;align-items:center;gap:16px;font-size:10px;display:flex}.title-kicker>span{background:#b9c1c4;width:23px;height:1px}h1{letter-spacing:.12em;margin:9px 0 2px 12px;font-family:Noto Serif TC,Songti TC,serif;font-size:74px;font-weight:300;line-height:1.5}.title-dot{vertical-align:middle;color:#859094;margin:0 24px 7px 17px;font-family:serif;font-size:30px;font-weight:300;display:inline-block}.english-title{color:var(--gold);letter-spacing:.48em;margin:0 0 13px 6px;font-size:10px}.subtitle{color:#8a959c;letter-spacing:.25em;margin:0;font-family:Noto Serif TC,serif;font-size:11px;font-weight:300}.exhibition{flex:1;min-height:450px;margin-top:-10px;position:relative}#viewport{touch-action:none;outline-offset:-3px;cursor:grab;position:absolute;inset:-5px 6vw 65px}#viewport:active{cursor:grabbing}canvas{width:100%;height:100%;display:block}.vertical-verse{writing-mode:vertical-rl;letter-spacing:.38em;color:#77848a;z-index:1;pointer-events:none;font-family:Noto Serif TC,serif;font-size:12px;position:absolute;top:27%}.vertical-verse>span{height:22px}.verse-left{left:4.6vw}.verse-right{right:4.6vw}.view-toolbar{z-index:2;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:105px;right:3.2vw}.view-toolbar button{background:#fff9;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;min-height:34px;transition:background .2s,color .2s;display:flex;position:relative}.view-toolbar button:hover{background:#fff}.view-toolbar button[aria-pressed=true]{color:var(--red);background:#fff}.view-toolbar svg{width:17px;height:17px}.view-toolbar>span{height:8px}.ao-label{letter-spacing:.06em;font-size:7px;position:absolute;bottom:-7px}.interaction-hint{color:#969fa2;letter-spacing:.14em;pointer-events:none;white-space:nowrap;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.interaction-hint svg{width:20px;height:20px}.hint-divider{color:#b9c0c1;margin:0 9px}.material-panel{z-index:2;align-items:center;gap:28px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.material-label{letter-spacing:.12em;color:#778186;white-space:nowrap;font-family:Noto Serif TC,serif;font-size:11px}.material-label>span{letter-spacing:.2em;color:#a0a7aa;margin-top:6px;font-family:Manrope,sans-serif;font-size:6px;display:block}.material-options{gap:8px;display:flex}.material-option{text-align:left;background:#ffffff6b;border:1px solid #dce1e2;border-radius:7px;align-items:center;gap:12px;min-width:177px;padding:12px 15px;transition:all .25s;display:flex}.material-option:hover{background:#fff;border-color:#b7bec0}.material-option.selected{background:#fff;border-color:#a28c65;box-shadow:0 4px 20px #786a4810}.material-copy{letter-spacing:.1em;white-space:nowrap;font-family:Noto Serif TC,serif;font-size:12px}.material-copy small{letter-spacing:.16em;color:#9ba3a5;margin-top:5px;font-family:Manrope,sans-serif;font-size:6px;display:block}.selection-mark{color:var(--gold);opacity:0;margin-left:auto;font-size:10px}.selected .selection-mark{opacity:1}.swatch{border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0000000b}.painted-swatch{background:conic-gradient(#a63d32 0deg 140deg,#b48c3c 140deg 245deg,#4d726a 245deg 360deg);position:relative}.painted-swatch i{background:#d2d2ca;border-radius:50%;position:absolute;inset:11px}.wood-swatch{background:repeating-linear-gradient(94deg,#c6a77e 0 2px,#d7bc97 2px 4px,#cfb18a 4px 7px)}.view-caption{color:#9a9990;letter-spacing:.1em;font-size:9px;position:absolute;bottom:19px;left:3.4vw}.colophon{background:#ffffff48;border-top:1px solid #e2e6e7;flex:none;justify-content:space-between;align-items:center;height:102px;margin-top:26px;padding:0 3.4vw;display:flex;position:relative}.footer-left{letter-spacing:.13em;color:#6f7b83;align-items:center;gap:13px;font-family:Noto Serif TC,serif;font-size:10px;display:flex}.footer-seal{color:#a14940;writing-mode:vertical-rl;letter-spacing:.05em;border:1px solid #ab5a52;padding:4px;font-size:10px;display:block}.footer-left small{letter-spacing:.18em;color:#9da7ac;margin-top:7px;font:6px Manrope,sans-serif;display:block}.footer-center{color:#9ba4a7;letter-spacing:.12em;font-size:9px}.footer-center span{margin:0 13px}.footer-right{letter-spacing:.14em;color:#929da2;font-size:7px}.footer-right span{margin:0 9px}.loading{z-index:3;pointer-events:none;background:radial-gradient(#f6f8f9d9,#0000 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading.hidden{opacity:0;visibility:hidden}.loading-seal{color:var(--red);border:1px solid #b8796f;padding:5px 9px;font-family:Noto Serif TC,serif;font-size:20px;animation:2s infinite pulse}.loading p{letter-spacing:.18em;color:#8b9294;margin-top:19px;font-family:Noto Serif TC,serif;font-size:11px}.loading-track{background:#d5d9da;width:115px;height:1px;margin-top:6px}.loading-track>span{background:var(--red);width:0;height:1px;transition:width .2s;display:block}.loading small{color:#969e9f;margin-top:9px;font-size:8px}.loading.error{pointer-events:auto}.loading.error p{text-align:center;max-width:280px;line-height:1.8}.retry-button{background:0 0;border:1px solid #b9c0c3;border-radius:4px;padding:8px 18px;font-size:11px}dialog{color:#4b555a;background:#fcfcf8;border:1px solid #e0e2df;border-radius:12px;width:min(520px,100vw - 40px);padding:50px 44px;box-shadow:0 20px 100px #29323820}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#26333b33}.dialog-close{background:0 0;border:0;font-size:25px;font-weight:300;position:absolute;top:12px;right:16px}.dialog-kicker{letter-spacing:.25em;color:var(--gold);font-size:8px}dialog h2{margin:18px 0 25px;font-family:Noto Serif TC,serif;font-size:27px;font-weight:400}dialog p{color:#738087;font-family:Noto Serif TC,serif;font-size:12px;line-height:2.4}.dialog-meta{letter-spacing:.1em;color:#959d9c;border-top:1px solid #e2e4df;justify-content:space-between;margin-top:30px;padding-top:20px;font-size:6px;display:flex}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pulse{50%{opacity:.35}}@media (height>=1000px){.introduction{padding-top:4vh}.exhibition{margin-top:15px}.colophon{height:110px}}@media (width<=900px){.material-label,.footer-center,.view-caption,.edition{display:none}.showcase{min-height:700px}.exhibition{min-height:380px}#viewport{inset:0 2vw 90px}.verse-left{left:3vw}.verse-right{right:3vw}.vertical-verse{font-size:10px;top:27%}.view-toolbar{bottom:134px;right:2vw}.material-option{min-width:160px;padding:12px}.material-panel{bottom:0}.masthead{padding:23px 6vw}.colophon{height:84px;margin-top:24px;padding:0 6vw}.introduction{padding-top:30px}h1{font-size:64px}}@media (width<=540px){.showcase{height:100svh;min-height:690px}.wordmark{font-size:12px}.wordmark-en{font-size:5px}.about-button{gap:10px;font-size:10px}.masthead{padding-top:20px}.introduction{padding-top:24px}.title-kicker{letter-spacing:.2em;font-size:8px}h1{margin-top:10px;font-size:59px}.title-dot{margin-left:12px;margin-right:17px;font-size:23px}.english-title{letter-spacing:.38em;font-size:8px}.subtitle{letter-spacing:.15em;font-size:9px}.vertical-verse{letter-spacing:.26em;color:#a0a9ae;font-size:9px;top:22%}.exhibition{min-height:350px;margin-top:0}#viewport{inset:0 0 100px}.material-panel{justify-content:center;width:100%;bottom:0}.material-options{gap:8px}.material-option{gap:9px;min-width:153px;padding:11px 12px}.material-copy{font-size:11px}.material-copy small{font-size:5px}.interaction-hint{font-size:8px;bottom:92px}.view-toolbar{flex-direction:row;gap:12px;bottom:57px;left:50%;right:auto;transform:translate(-50%)}.view-toolbar>span{width:6px;height:0}.view-toolbar button{background:0 0;width:28px;min-height:28px}.view-toolbar svg{width:15px;height:15px}.colophon{height:74px;margin-top:15px}.footer-left{gap:10px;font-size:8px}.footer-left small{font-size:5px}.footer-right{text-align:right;max-width:75px;font-size:6px;line-height:2}.footer-seal{font-size:9px}.ao-label{font-size:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=540px){.vertical-verse{display:none}}.cloud-panel.lil-gui.lil-root{--background-color:#202c35;--widget-color:#374751;--number-color:#dfc390;--font-size:11px;z-index:30;max-height:calc(100dvh - 90px);top:74px;right:18px}@media (width<=700px){.cloud-panel.lil-gui.lil-root{--width:260px;top:62px;right:8px}}#viewport canvas{-webkit-mask-image:linear-gradient(#0000,#0000002e 8%,#000000a6 18%,#000 30% 70%,#000000b3 82%,#0003 94%,#0000);mask-image:linear-gradient(#0000,#0000002e 8%,#000000a6 18%,#000 30% 70%,#000000b3 82%,#0003 94%,#0000)}.introduction h1{justify-content:center;align-items:center;gap:24px;margin:9px 0 2px;display:flex}.introduction h1 .title-dot{letter-spacing:0;margin:0}@media (width<=540px){.introduction h1{gap:16px}}.cloud-toolbar{z-index:4;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:105px;left:3.2vw}#cloud-toggle{background:#fffc;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}#cloud-toggle svg{width:19px;height:19px}#cloud-toggle:hover,#cloud-toggle[aria-expanded=true]{color:var(--red);background:#fff}.cloud-controls{border:1px solid var(--line);background:#fcfdfcf5;border-radius:12px;width:240px;padding:20px;box-shadow:0 8px 30px #29323815}.cloud-controls[hidden]{display:none}.cloud-controls label{justify-content:space-between;gap:10px;margin-top:18px;font-size:11px;display:flex}.cloud-controls label:first-child{margin-top:0}.cloud-controls output{color:var(--gold);font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif}.cloud-controls input{width:100%;accent-color:var(--gold);cursor:pointer;margin:12px 0 0;display:block}.cloud-controls small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.cloud-controls input:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media (width<=540px){.cloud-toolbar{gap:8px;bottom:110px;left:12px}.cloud-controls{width:min(240px,100vw - 70px);padding:16px}}#about-open[hidden]{display:none}.building-editor-status{z-index:5;color:#594d39;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#fcfcf5ed;border:1px solid #c5b28c;border-radius:6px;max-width:95%;padding:8px 12px;font:11px Manrope,sans-serif;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%)}.building-editor-status[hidden]{display:none}.entrance-transition{z-index:8;color:#59656b;letter-spacing:.12em;pointer-events:auto;background:0 0;justify-content:center;align-items:center;font:12px Noto Serif TC,serif;display:flex;position:absolute;inset:0}