:root{--surface:#fffaf0;--ink:#253d36;--accent:#47817e;--action:#3e716f;--muted:#56685e;--edge:#dcdccb;--shadow:0 12px 42px #243c3226;font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:#a6d4d3;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--surface);color:var(--ink);border:0;border-radius:9px;padding:12px 16px;min-height:44px;transition:background .15s,color .15s}button:hover{background:#e6eddf}button:active{background:#d4e3d5}button:disabled{opacity:.65;cursor:default}button[aria-pressed=true],button[aria-current=true]{color:var(--surface);background:var(--action)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit;text-underline-offset:4px}::selection{background:#d3e5cf;color:#203c35}[hidden]{display:none!important}input{accent-color:var(--accent);caret-color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#9aaa96;border-radius:6px}
.masthead{height:78px;position:fixed;inset:0 0 auto;z-index:4;background:var(--surface);display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid #6e897b22}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16px;font-weight:750;letter-spacing:.1em}.brand-monogram{display:grid;place-items:center;background:var(--action);color:var(--surface);font:italic 28px Georgia,serif;width:43px;height:43px;border-radius:14px}.brand small{display:block;font-size:14px;letter-spacing:.08em;font-weight:400;margin-top:5px}.stage-tag{font-size:14px;padding:7px 12px;background:#e7ecdf;color:#42614d;border-radius:6px}.back{font-size:15px;margin-left:auto;text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:pre}
#world{position:fixed;inset:78px 0 0;outline-offset:-5px;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-heading{position:fixed;top:105px;left:34px;pointer-events:none;z-index:1}.scene-heading h1{font-size:27px;font-weight:650;letter-spacing:.05em;margin:0 0 9px}.scene-heading p{font-size:15px;letter-spacing:.035em;margin:0}.scene-tools{position:fixed;right:24px;top:101px;z-index:3;display:flex;gap:6px}.scene-tools button{font-size:15px;padding:9px 13px;background:var(--surface);box-shadow:0 3px 12px #335f4910}.scene-tools button[aria-pressed=true]{background:var(--action);color:var(--surface)}
#labels{position:fixed;inset:78px 0 0;pointer-events:none;z-index:2}.landmark{position:absolute;left:0;top:0;white-space:nowrap;pointer-events:auto;font-size:15px;padding:9px 15px;box-shadow:0 5px 15px #203d3220;min-height:40px;border-radius:6px;will-change:transform}.landmark span{color:var(--accent);margin-right:8px;font-size:13px}.map-foot{position:fixed;inset:auto 28px 18px;display:flex;justify-content:space-between;pointer-events:none;font-size:14px;z-index:1}.map-foot p{margin:0}.map-foot time{font-variant-numeric:tabular-nums}.scene-status{position:fixed;top:48%;left:50%;transform:translate(-50%,-50%);background:var(--surface);padding:18px 24px;z-index:3;max-width:calc(100% - 40px);text-align:center;border-radius:12px;font-size:17px;box-shadow:var(--shadow)}
.content-panel{position:fixed;inset:159px 24px 72px auto;width:min(820px,calc(100% - 48px));z-index:5;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px 18px;border-bottom:1px solid var(--edge)}.panel-header p{font-size:14px;margin:0 0 6px;color:var(--muted)}.panel-header h2{margin:0;font-size:28px;font-weight:650}.panel-header button{background:#e7ecdf;font-size:15px}.panel-body{overflow:auto;overscroll-behavior:contain;padding:22px 26px 26px}.panel-subtitle{font-size:23px;line-height:1.6;margin:0 0 12px;font-weight:600}.panel-body>p:not(.panel-subtitle){font-size:17px;line-height:1.9;max-width:70ch}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cards[data-count="1"]{grid-template-columns:minmax(0,280px)}.cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,280px))}.work-card{min-width:0;border:1px solid var(--edge);border-radius:13px;overflow:hidden;background:#fffdf6;display:flex;flex-direction:column}.card-link{display:block;text-decoration:none;padding:10px}.card-link:hover{background:#e8efe3}.card-link:focus-visible{outline-offset:-4px}.work-card img{display:block;width:100%;height:auto;border-radius:6px;background:#e4e7de}.card-copy{padding:6px 14px 16px}.work-card h3{font-size:18px;line-height:1.55;margin:6px 0 8px}.work-card p{font-size:15px;line-height:1.85;margin:0;color:var(--muted)}.image-error{padding:18px;font-size:15px;color:#8b382d;background:#f5e7dc}.panel-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.panel-links a,.panel-links button{padding:12px 17px;font-size:16px;border:1px solid var(--edge);border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.panel-links a:first-child,.primary{background:var(--action);color:var(--surface)}.panel-note{color:var(--muted);font-size:15px!important;border-top:1px solid var(--edge);padding-top:18px;margin-top:24px}
.palette-panel{position:fixed;right:24px;top:159px;width:340px;max-width:calc(100% - 32px);background:var(--surface);z-index:6;box-shadow:var(--shadow);border-radius:14px;padding:24px}.palette-panel h2{font-size:22px;margin:0 0 10px}.palette-panel p{font-size:15px;line-height:1.6;color:var(--muted)}.palette-options{display:flex;gap:10px;margin:22px 0}.palette-options button{flex:1;padding:12px 8px;border:1px solid var(--edge);font-size:15px}.swatches{display:block;height:24px;border-radius:5px;margin-bottom:10px;background:linear-gradient(90deg,#a6d4d3 0 25%,#b9ccb2 25% 50%,#ddc99e 50% 75%,#47817e 75%)}.swatches.cool{background:linear-gradient(90deg,#89c9d4 0 25%,#acc8ba 25% 50%,#d8d0ba 50% 75%,#346d85 75%)}.custom-water{display:flex;justify-content:space-between;align-items:center;font-size:16px;padding:10px 0 18px}.custom-water input{width:68px;height:42px;padding:3px;background:var(--surface);border:1px solid var(--edge);border-radius:6px}.palette-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.palette-actions button{font-size:15px;padding:10px}.notice{position:fixed;bottom:74px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--surface);box-shadow:var(--shadow);font-size:16px;line-height:1.6;z-index:8;border-radius:10px;max-width:calc(100% - 32px);width:max-content}.skip{position:fixed;left:20px;top:-100px;z-index:10;background:var(--surface);padding:14px}.skip:focus{top:10px}.noscript{position:fixed;bottom:130px;left:20px;right:20px;background:var(--surface);padding:20px;z-index:9}
@media(max-width:900px){.masthead{padding:0 20px;gap:16px}.scene-heading{left:22px;top:100px}.scene-tools{top:171px;right:14px;flex-direction:column}.scene-tools button{font-size:14px;padding:9px 10px}.content-panel{inset:150px 16px 72px;width:calc(100% - 32px)}.palette-panel{right:16px;top:170px}.map-foot p{max-width:52%;line-height:1.6}}
@media(max-width:540px){.masthead{height:72px;padding:0 16px;gap:10px}.brand{font-size:13px;letter-spacing:.075em;gap:8px}.brand small{font-size:13px;letter-spacing:.02em}.brand-monogram{width:35px;height:35px;font-size:26px;border-radius:11px}.stage-tag{position:fixed;bottom:60px;left:16px;font-size:13px;padding:6px 8px}.back{font-size:14px}#world,#labels{top:72px}.scene-heading{left:18px;top:95px}.scene-heading h1{font-size:24px}.scene-heading p{font-size:14px;max-width:240px;line-height:1.7}.scene-tools{top:161px;right:10px;gap:5px}.scene-tools button{min-height:40px;padding:9px}.map-foot{inset:auto 16px 13px;font-size:13px}.map-foot p{font-size:13px;max-width:55%}.content-panel{inset:84px 10px 72px;width:calc(100% - 20px);border-radius:13px}.panel-header{padding:16px 18px}.panel-header h2{font-size:24px}.panel-header p{font-size:13px}.panel-body{padding:18px}.panel-subtitle{font-size:20px}.panel-body>p:not(.panel-subtitle){font-size:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards[data-count="1"],.cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cards[data-count="1"]{grid-template-columns:minmax(0,220px)}.card-copy{padding:4px 10px 12px}.work-card h3{font-size:16px}.work-card p{font-size:14px}.card-link{padding:7px}.palette-panel{top:85px;right:12px}.notice{bottom:74px;font-size:15px}}
.about-sections{margin-top:26px}.about-sections section{padding:20px 0;border-top:1px solid var(--edge)}.about-sections h3{font-size:19px;margin:0 0 10px}.about-sections p{font-size:17px;line-height:1.9;margin:0;max-width:68ch;color:var(--muted)}
@media(max-width:540px){.about-sections p{font-size:16px}.about-sections h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.directory{position:fixed;right:24px;top:159px;bottom:72px;width:480px;max-width:calc(100% - 32px);z-index:6;padding:24px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:auto}.directory header{display:flex;justify-content:space-between;align-items:center;gap:16px}.directory h2{font-size:25px;margin:5px 0 20px}.directory header p{font-size:14px;margin:0;color:var(--muted)}.directory header button{font-size:15px;background:#e7ecdf}.directory nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory nav button{text-align:left;border:1px solid var(--edge);padding:16px}.directory strong{display:block;font-size:17px;margin-bottom:7px}.directory nav span{display:block;font-size:14px;line-height:1.7;color:var(--muted)}.directory button[aria-current=true] span{color:var(--surface)}
@media(max-width:540px){.directory{top:84px;right:10px;bottom:72px;max-width:calc(100% - 20px);padding:18px}.directory nav button{padding:13px}.directory h2{font-size:22px}.directory nav span{font-size:13px}.scene-tools{top:165px}.scene-tools button{min-height:38px}}

/* 閱讀字級適用所有內容區，手機同樣保留可讀的敘述尺寸。 */
.panel-body>p:not(.panel-subtitle),.about-sections p,.work-card p{font-size:16px;line-height:1.85}.work-card h3{font-size:18px}.panel-note{font-size:14px!important}.scene-tools button,.landmark,.panel-links a,.panel-links button,.palette-options button,.palette-actions button,.directory header button{font-size:15px}.directory strong{font-size:18px}.directory nav span{font-size:15px}.video-intro{display:flex;gap:24px;align-items:center;margin:28px 0;padding:20px;border:1px solid var(--edge);border-radius:13px;background:#fffdf6}.video-intro video{display:block;width:220px;max-width:50%;height:auto;aspect-ratio:9/16;background:#172b28;border-radius:8px}.video-intro h3{font-size:20px;line-height:1.6;margin:0 0 16px}.video-intro a,.video-error{font-size:16px;line-height:1.8}.video-error{color:#8b382d}.map-foot p{line-height:1.7}
@media(max-width:900px){.scene-tools{top:185px}.scene-heading p{max-width:calc(100vw - 60px)}.map-foot p{max-width:55%}}
@media(max-width:540px){.masthead{padding:0 12px;gap:6px}.brand{font-size:14px;gap:7px}.brand small{font-size:13px}.back{font-size:13px}.scene-heading h1{font-size:25px}.scene-heading p{font-size:14px;max-width:265px}.scene-tools{top:185px}.scene-tools button{font-size:15px;min-height:44px}.stage-tag{bottom:60px;font-size:13px}.map-foot{font-size:13px;inset:auto 14px 8px}.map-foot p{font-size:13px;max-width:51%}.map-foot time{font-size:13px}.panel-header p{font-size:13px}.panel-header h2{font-size:25px}.panel-subtitle{font-size:21px}.card-copy{padding:6px 10px 15px}.directory nav button{padding:12px}.directory strong{font-size:17px}.directory nav span{font-size:15px}.video-intro{gap:16px;padding:12px;align-items:flex-start}.video-intro video{width:150px;max-width:52%}.video-intro h3{font-size:18px}.video-intro a{display:inline-block;font-size:15px;min-height:44px}.panel-header{gap:12px}.panel-header button{flex-shrink:0}}