*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bbc9cd;color:#18353e;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid #bd8d4b;outline-offset:4px}#view{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:0;width:100%;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;background:linear-gradient(#eff4f2b3,transparent)}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:16px}.symbol{font-size:28px;letter-spacing:-8px;font-weight:300;border:1px solid #967b4a;padding:6px 14px 6px 5px;color:#907043}.symbol span{position:relative;top:5px}.brand small{font-size:10px;letter-spacing:3px}.brand h1{font-size:15px;letter-spacing:2px;font-weight:500;margin:5px 0}.top-actions{display:flex;gap:6px}.top-actions button{background:#f6f7f0de;border:1px solid #ffffff80;border-radius:30px;padding:10px 17px;font-size:12px}.caption{position:fixed;left:34px;top:135px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#82683f}.caption h2{font-family:Georgia,"Microsoft JhengHei",serif;font-size:36px;line-height:1.4;font-weight:400;letter-spacing:4px;margin:15px 0}.caption p{font-size:12px;letter-spacing:1px}.tag{font-size:10px;color:#4b6268;display:inline-block;padding:5px 8px;border-left:2px solid #b99c6f;background:#ffffff55}.places{position:fixed;top:375px;left:34px;width:182px;background:#f9f8f0c9;backdrop-filter:blur(15px);padding:17px;border:1px solid #fff8;border-radius:3px}.places small{font-size:10px;display:flex;justify-content:space-between;color:#687677;margin-bottom:10px}.places button{width:100%;background:none;text-align:left;padding:12px 0;border-bottom:1px solid #8b999728;font-size:12px;display:flex;gap:13px;align-items:center}.places button b{font:11px Georgia;color:#a08251}.places button span{margin-left:auto}.places button.active{color:#9a6c2e}.toolbar{position:fixed;bottom:54px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#f9faf1ef;box-shadow:0 8px 40px #18353e20;backdrop-filter:blur(20px);padding:8px;border:1px solid white;border-radius:40px;white-space:nowrap;font-size:12px}.toolbar button{background:transparent;border-radius:24px;padding:12px 15px}.toolbar .active{background:#213f47;color:#f7f1dd}.seg{display:flex}.divider{height:23px;border-left:1px solid #c6c9bd}.toolbar select{border:0;background:none;font-size:12px;padding:5px}.toolbar label{padding-left:5px}.map-card{position:fixed;right:32px;bottom:135px;width:176px;background:#f7f8efe8;border:1px solid white;padding:8px;border-radius:5px;box-shadow:0 5px 30px #18353e15}.map-card>div{font-size:11px;padding:5px 1px 9px;display:flex;justify-content:space-between}.map-card small{font-size:9px;color:#697770}#map{width:100%;display:block;cursor:crosshair;border-radius:2px}footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:14px 33px;font-size:10px;background:linear-gradient(transparent,#e9eee9b3);color:#405960}footer button{font-size:10px;background:none}.pad{position:fixed;bottom:139px;left:34px;text-align:center;display:none}.pad button{width:42px;height:38px;border-radius:4px;background:#f7f8ece0;margin:2px}dialog{border:1px solid #fff;box-shadow:0 30px 100px #10272e40;background:#f6f6ee;border-radius:8px;max-width:560px;width:calc(100% - 32px);padding:36px;color:#213f47}dialog::backdrop{background:#233f4659;backdrop-filter:blur(6px)}dialog h2{font-weight:400;font-size:25px;line-height:1.5;margin:17px 0}dialog p,dialog li{font-size:13px;line-height:1.9}dialog small{display:block;font-size:10px;line-height:1.7;color:#647474}.instructions{padding:5px 0 14px}.instructions b{display:inline-block;width:65px;color:#9a7942}.primary{background:#25474e;color:white;border-radius:3px;padding:16px 20px;width:100%;display:flex;justify-content:space-between;margin-bottom:17px}.close{position:absolute;right:18px;top:14px;background:none;font-size:25px}a{color:#7d643c;text-underline-offset:3px}.muted{color:#71817c;font-size:11px!important}#toast{position:fixed;bottom:117px;left:50%;transform:translateX(-50%);background:#17363eef;color:#f6f2dc;padding:14px 20px;max-width:560px;width:max-content;border-radius:6px;font-size:12px;line-height:1.8;pointer-events:none}body.loading #status{animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.4}}@media(max-height:720px) and (min-width:701px){.caption{top:100px}.caption h2{font-size:26px}.places{top:285px}.places button{padding:9px 0}}@media(max-width:700px){header{padding:16px}.brand h1{font-size:12px;letter-spacing:0}.brand small{font-size:8px;letter-spacing:1px}.symbol{font-size:21px}.brand{gap:10px}.top-actions{gap:3px}.top-actions button{padding:8px;font-size:10px}#help{display:none}.caption{top:100px;left:18px}.caption h2{font-size:25px;letter-spacing:2px;margin:10px 0}.caption p{font-size:10px}.eyebrow{font-size:8px}.places{left:18px;top:auto;bottom:213px;width:145px;padding:12px}.places button{font-size:11px;padding:9px 0}.map-card{width:125px;right:16px;bottom:213px}.map-card>div{font-size:9px}.map-card small{display:none}.toolbar{bottom:50px;gap:0;padding:5px;width:calc(100% - 24px);border-radius:8px;flex-wrap:wrap;justify-content:center;font-size:10px}.toolbar button{padding:10px;font-size:11px}.toolbar .divider{display:none}.toolbar label{font-size:10px}#home{display:none}.pad{display:block;left:18px;bottom:124px}.map-card{opacity:.92}.caption .tag{font-size:8px}footer{padding:12px 15px;font-size:9px}#status{max-width:55%}#toast{bottom:127px;max-width:calc(100% - 30px);width:calc(100% - 30px);font-size:11px}dialog{padding:25px}dialog h2{font-size:21px}.instructions b{display:block}.instructions p{line-height:1.65;font-size:12px}}

#map-toggle{display:none}.night .caption{color:#eee4cc}.night .caption .eyebrow{color:#d0b787}.night .caption .tag{color:#ede4d1;background:#18353e99}.night footer{color:#f0ead7;background:linear-gradient(transparent,#17303ba8)}
@media(max-width:700px){.caption h2,.caption .tag{display:none}.caption{top:86px}.caption p{margin:7px 0}.places{left:12px;bottom:201px;width:calc(100% - 24px);display:flex;padding:8px;gap:8px}.places small{display:none}.places button{font-size:10px;gap:5px;justify-content:center;border-bottom:0;padding:8px 0}.places button span{display:none}.places button b{font-size:9px}.map-card{display:none;bottom:255px}.show-map .map-card{display:block}#map-toggle{display:block}.pad{bottom:116px}.toolbar{bottom:45px}.toolbar label{padding-left:0}.toolbar button{padding:8px}.caption .eyebrow{background:#edf0e6c9;padding:4px}}
