*{box-sizing:border-box}body{margin:0;color:#254b48;font-family:"PingFang TC","Noto Sans TC",sans-serif;background:#dce9e5;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc653f;outline-offset:5px}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:absolute;top:30px;left:38px;right:38px;display:flex;align-items:center;gap:30px;pointer-events:none}header>*{pointer-events:auto}.brand{font-size:28px;font-weight:800;text-decoration:none;color:inherit;letter-spacing:4px}.brand span{font-size:9px;letter-spacing:3px;display:block;margin-top:3px}.location{border-left:1px solid #78958b66;padding-left:24px;font-size:13px;letter-spacing:2px}.location span{display:block;font-size:11px;letter-spacing:1px;margin-top:7px;color:#67817a}.button{margin-left:auto;border:1px solid #fbfffcb0;background:#f9fbf4dc;border-radius:9px;padding:12px 18px;font-size:12px;color:#31554e;box-shadow:0 4px 18px #37594c08}.button b{margin-left:12px;color:#aa5f3c}.intro{position:absolute;left:5%;top:24%;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:3px;color:#617f72}.intro h1{font-size:clamp(34px,3.7vw,58px);font-weight:550;line-height:1.4;letter-spacing:5px;margin:17px 0}.intro p{font-size:13px;line-height:2;color:#6a8178;letter-spacing:2px}.primary{background:#2d5851;border:0;border-radius:6px;padding:14px 22px;color:#fff;font-size:12px;letter-spacing:1px;margin-top:15px}.primary span{margin-left:25px}.time{position:absolute;top:115px;right:38px;display:flex;align-items:center;gap:4px;background:#f8faf3d9;padding:5px;border-radius:9px}.time button{border:0;background:transparent;color:#667e74;border-radius:5px;font-size:12px;padding:8px 14px}.time .active{background:#315a51;color:#fff}.time>span{font-size:11px;padding:0 12px;color:#678177}#labels{position:absolute;inset:0;pointer-events:none}.pin{position:absolute;pointer-events:auto;border:1px solid #fff;background:#fffdf4f2;border-radius:7px;padding:9px 13px;color:#31534e;box-shadow:0 6px 20px #244b4720;white-space:nowrap;transform:translate(-50%,-100%);font-size:11px;transition:background .2s}.pin:after{content:"";position:absolute;left:50%;bottom:-6px;border-top:6px solid #fffdf4;border-left:5px solid transparent;border-right:5px solid transparent}.pin i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b77b56;margin-right:8px}.pin:hover{background:#fff;scale:1.04}footer{position:absolute;bottom:28px;left:38px;right:38px;pointer-events:none}.caption{font-size:12px;letter-spacing:1px}.dot{display:inline-block;width:6px;height:6px;background:#b0764f;border-radius:50%;margin-right:8px}.muted,.hint,.prototype{color:#69867d}.controls{position:absolute;right:0;bottom:20px;display:flex;gap:6px;pointer-events:auto}.controls button{background:#fbfcf3e8;color:#315a51;border:1px solid #fff;border-radius:6px;min-width:40px;height:40px;padding:0 12px}.hint{font-size:10px;margin:11px 0 0;letter-spacing:1px}.prototype{position:absolute;right:0;bottom:0;font-size:9px}#detail,#saved-panel{position:absolute;right:28px;top:100px;bottom:90px;width:340px;background:#fffdf6;box-shadow:0 20px 70px #1a443a25;border-radius:12px;overflow:auto;z-index:5}#detail[hidden],#saved-panel[hidden]{display:none}.close{position:absolute;right:14px;top:12px;border:0;background:#fffdf6da;border-radius:50%;width:32px;height:32px;font-size:23px;color:#375b50;z-index:2}.story-art{height:145px;background:#cbdccb;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.story-art:before{content:"";width:100px;height:100px;background:#d39566;position:absolute;transform:rotate(-12deg);border:9px solid #ecd2b4;box-shadow:50px 20px 0 #9fbfb5,-60px 35px 0 #e9cb85}.story-art span{position:relative;background:#fffdf2e8;padding:9px 16px;letter-spacing:5px;font-size:12px}.story-body{padding:25px}.story-body h2{font-size:25px;font-weight:550;letter-spacing:2px;margin:12px 0}.story-body>p{font-size:13px;line-height:1.9;color:#60766b}.note{border-top:1px solid #e5e5d9;margin-top:22px;padding-top:18px}.note>span{font-size:10px;letter-spacing:2px;color:#a67250}.note p{font-size:13px;line-height:1.9}.story-body small{display:block;font-size:9px;color:#89988b;margin-top:18px}.story-body .primary{width:100%}.panel-head{padding:25px}.panel-head h2{font-size:21px;font-weight:500}#saved-list{padding:0 25px 25px}#saved-list button{display:block;width:100%;padding:18px 0;text-align:left;border:0;border-top:1px solid #e5e5d9;background:none;color:#315a51}#saved-list p{font-size:13px;line-height:1.8;color:#708579}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#dce9e5;letter-spacing:3px;font-size:13px;z-index:10}#toast{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);background:#294f46;color:white;padding:12px 20px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:700px){header{top:20px;left:20px;right:20px;gap:15px}.brand{font-size:23px}.location{padding-left:14px;font-size:10px;letter-spacing:0}.location span{display:none}.button{padding:10px;font-size:10px}.intro{top:125px;left:24px}.intro h1{font-size:31px;letter-spacing:3px;margin:8px 0}.intro p{display:none}.intro .eyebrow{font-size:9px}.intro .primary{font-size:11px;padding:11px 15px;margin-top:5px}.time{top:86px;right:20px}.time>span{display:none}.time button{font-size:10px;padding:6px 12px}footer{bottom:20px;left:20px;right:20px}.caption{font-size:10px}.muted{display:none}.hint{max-width:200px;font-size:9px}.prototype{bottom:-9px;font-size:8px}.controls{bottom:28px}.pin{font-size:10px;padding:8px 10px}#detail,#saved-panel{top:auto;left:12px;right:12px;bottom:12px;width:auto;max-height:60dvh}.story-art{height:95px}.story-body{padding:22px}.story-body h2{font-size:22px}.intro.hidden{display:none}}
/* Geographic study additions. */
.intro.hidden{display:none}.controls #detail-view{background:#315b50;color:#fff9e8;border-color:#315b50}
.pin[hidden]{display:none!important}.intro h1{font-size:clamp(30px,3.1vw,46px);letter-spacing:3px}.intro{top:23%;left:4%}.layer-control{position:absolute;right:38px;top:175px;display:flex;align-items:center;gap:12px;background:#fffdf5e8;border:1px solid #fff;padding:11px 14px;border-radius:8px;color:#355b50;font-size:11px}.layer-control label{display:flex;gap:8px;align-items:center;cursor:pointer}.layer-control input{accent-color:#345e50}.layer-control button{border:0;background:none;border-left:1px solid #d2ddce;padding-left:12px;color:#6e8274;font-size:11px}.compass{position:absolute;right:44px;top:240px;display:flex;flex-direction:column;align-items:center;color:#4e7163;gap:5px}.compass span{font-size:24px;display:block}.compass small{font-size:9px}.source-link{font-size:10px;color:#5e7b6b;display:block;margin-top:18px;line-height:1.6}.attribution{position:absolute;bottom:-10px;right:0;color:#4e6d5f;font-size:10px;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}.scale{display:flex;align-items:center;gap:9px;position:absolute;left:0;bottom:36px}.scale>span{display:block;width:100px;height:5px;border:1px solid #607d6c;border-top:0}.scale small{font-size:9px;color:#587766}.caption{margin-bottom:36px}.hint{font-size:9px}#data-panel{position:absolute;right:28px;top:100px;bottom:90px;width:360px;background:#fffdf6;border-radius:12px;box-shadow:0 20px 70px #1a443a25;overflow:auto;padding:32px 28px;z-index:6}#data-panel[hidden]{display:none}#data-panel h2{font-size:25px;font-weight:500;letter-spacing:1px}#data-panel p{font-size:12px;color:#62786b;line-height:1.9}#data-panel strong{font-weight:550;color:#3d6251}#data-panel dl{margin:24px 0}#data-panel dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e8e9de;font-size:11px}#data-panel dd{margin:0;color:#9b7453}#data-panel dd b{font-weight:500}.dataset-note{margin-top:24px;font-size:10px;line-height:1.9;color:#8a977e}#data-panel .primary{width:100%}.story-art:before{opacity:.65}.note p{font-size:12px}.controls{bottom:20px}footer .attribution{bottom:-8px}@media(max-width:700px){.intro{top:145px;left:22px}.intro h1{font-size:26px;letter-spacing:2px}.layer-control{top:128px;right:20px;font-size:10px;padding:8px 10px;gap:5px;flex-direction:column;align-items:flex-start}.layer-control button{border-left:0;padding:4px 0 0;font-size:9px}.compass{top:220px;right:34px}.pin{font-size:9px;padding:7px 9px}.caption{font-size:9px;margin-bottom:40px}.scale{bottom:34px}.controls{bottom:28px;gap:4px}.controls button{font-size:10px;min-width:30px;padding:0 8px;height:34px}.hint{font-size:8px;max-width:190px}.attribution{font-size:8px}#data-panel{top:auto;left:12px;right:12px;bottom:12px;width:auto;max-height:73dvh;padding:28px 24px}.source-link{font-size:10px}}

.intro .secondary{border:0;border-bottom:1px solid #80978a;background:#f9fbf4c9;color:#315b50;padding:11px 14px;margin-left:9px;font-size:12px;border-radius:3px}@media(max-width:700px){.intro .secondary{font-size:10px;padding:10px;margin-left:4px}}