:root{color:#30372e;font-synthesis:none;background:#eee9df;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #526544}#app{height:100svh;min-height:650px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{width:100%;height:100%;display:block}header{justify-content:space-between;align-items:center;height:104px;padding:30px 42px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{letter-spacing:-3px;border:1px solid #626b58;border-radius:50%;place-items:center;width:44px;height:44px;padding-right:3px;font-family:Georgia,serif;font-size:34px;display:grid}.brand-sub{letter-spacing:1.6px;margin-top:6px;font-size:8px;font-weight:400;display:block}.header-right{letter-spacing:1.6px;align-items:center;gap:10px;font-size:9px;display:flex}.live-dot{background:#71825b;border-radius:50%;width:6px;height:6px;display:inline-block}.icon-button{color:#4d5748;background:0 0;border:1px solid #989c8745;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:12px;font-size:17px;display:inline-grid}.intro{pointer-events:none;position:absolute;top:133px;left:44px}.eyebrow{letter-spacing:2px;font-size:9px;font-weight:600}.intro .eyebrow span{letter-spacing:1px;color:#848676;margin-left:18px;font-size:8px}h1{letter-spacing:-4px;margin:15px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:76px;font-weight:400;line-height:1}h1 span{color:#758360}.intro p{color:#727669;font-size:12px;line-height:1.8}.intro-rule{background:#8b9277;width:42px;height:1px;margin:23px 0 14px}.date{letter-spacing:1.5px;font-size:8px}.date span{color:#7e8473;margin-left:25px}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7efdb;border:1px solid #ffffff9c;border-radius:3px;width:276px;padding:24px;position:absolute;top:145px;right:38px;box-shadow:0 8px 40px #383e2910}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading .eyebrow{letter-spacing:1.6px;font-size:8px}.small-index{color:#89917d;font-size:9px}h2{letter-spacing:-.5px;margin:19px 0 10px;font-family:Georgia,serif;font-size:23px;font-weight:400}.panel p{color:#7c8072;margin:0 0 18px;font-size:10px;line-height:1.8}.view-list{border-top:1px solid #d9ddcf;margin-bottom:23px}.view{color:#686f60;text-align:left;background:0 0;border:0;border-bottom:1px solid #d9ddcf;align-items:center;gap:13px;width:100%;height:41px;padding:0 10px;font-size:11px;transition:background .15s,color .15s;display:flex}.view.active{color:#44543a;background:#e9ede0}.view-number{color:#9ca58d;font-size:8px}.view.active .view-number{color:#5f7350}.view-arrow{color:#828e73;margin-left:auto;font-size:16px}.setting-label{letter-spacing:1px;justify-content:space-between;font-size:8px;display:flex}.setting-label span:last-child{letter-spacing:0;color:#7c826f}input[type=range]{accent-color:#64764e;cursor:pointer;width:100%;height:3px;margin:21px 0 9px}.range-label{color:#9b9f91;justify-content:space-between;margin-bottom:23px;font-size:8px;display:flex}.toggle-row{color:#6b7362;justify-content:space-between;align-items:center;margin:16px 0;font-size:10px;display:flex}.switch{background:#d5dacb;border:0;border-radius:20px;width:29px;height:17px;padding:3px}.switch span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s;display:block}.switch[aria-checked=true]{background:#6d8057}.switch[aria-checked=true] span{transform:translate(12px)}.walk-button{color:#fff;background:#4f6141;border:0;border-radius:2px;justify-content:space-between;width:100%;margin-top:23px;padding:13px 14px;font-size:11px;transition:background .15s;display:flex}.walk-button:hover{background:#3c4e30}button:active{transform:scale(.96)}.panel .panel-footnote{text-align:center;color:#9ca28f;margin:13px 0 0;font-size:8px}.scene-tag{letter-spacing:1.4px;color:#69735e;align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:125px;left:44px}.tag-divider{background:#a3aa94;width:1px;height:11px;margin:0 3px}footer{background:linear-gradient(#eeeade8c,#eeeadee8);border-top:1px solid #989f8138;align-items:center;height:92px;padding:0 44px;display:flex;position:absolute;bottom:0;left:0;right:0}.stat{border-right:1px solid #a2a78f45;margin-right:32px;padding-right:36px}.stat>span{font-family:Georgia,serif;font-size:27px;display:block}.stat small{color:#8a8f7b;font-family:Arial;font-size:12px}.stat label{letter-spacing:1.7px;color:#7e8572;margin-top:6px;font-size:7px;display:block}.footer-help{color:#768168;align-items:center;margin-left:auto;font-size:9px;display:flex}.mouse-icon{margin-right:12px;font-size:23px}.help-dot{margin:0 13px}.footer-help .icon-button{border-radius:3px;font-size:20px}.hotspot{color:#465739;letter-spacing:.4px;white-space:nowrap;text-shadow:0 1px 8px #fff;background:0 0;border:0;align-items:center;gap:8px;font-size:9px;display:flex;position:absolute;transform:translate(-50%,-50%)}.hotspot b{background:#f4f4e2db;border:1px solid #9faa89;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;font-weight:400;display:grid;box-shadow:0 0 0 5px #ffffff30}.hotspot span{background:#f4f4e2b8;border-radius:2px;padding:5px 7px}.hotspot:active{transform:translate(-50%,-50%)scale(.96)}#loading{z-index:10;background:#eee9df;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading-mark{color:#65754f;font-family:Georgia;font-size:60px}#loading p{letter-spacing:2px;font-size:12px}#loading.done{opacity:0;pointer-events:none}#walk-help{text-align:center;background:#f7f6eae8;border-radius:4px;padding:18px 25px;position:absolute;bottom:114px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0001}#walk-help[hidden]{display:none}#walk-help strong{font-family:Georgia;font-size:20px;font-weight:400;display:block}#walk-help span{color:#7c826f;margin:10px 0;font-size:10px;display:block}#exit-walk{color:#4f6141;background:0 0;border:0;font-size:11px}dialog{color:#384331;background:#f7f6ef;border:1px solid #fff;border-radius:4px;width:440px;max-width:90vw;padding:38px;box-shadow:0 20px 100px #26321d35}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#29351f40}dialog h2{font-size:34px}dialog p{color:#6f7865;font-size:13px;line-height:1.9}dialog a{color:#556841}#close-detail{position:absolute;top:14px;right:14px}#detail-extra{color:#8a927e;font-size:10px;line-height:1.8}.walking .panel,.walking .intro,.walking #hotspots{display:none}@media (width>=1600px){.intro{top:155px}h1{font-size:92px}.panel{width:300px;top:175px;right:48px}}@media (width<=900px){header{height:80px;padding:20px 24px}.header-right{font-size:0}.intro{top:100px;left:24px}h1{font-size:55px}.intro .eyebrow span{display:none}.panel{width:230px;padding:18px;top:auto;bottom:105px;right:20px}.panel h2{font-size:20px}.panel p,.panel-footnote,.range-label{display:none}.view{height:33px}.view-list{margin-bottom:17px}.toggle-row{margin:10px 0}.walk-button{margin-top:14px}.scene-tag{bottom:112px;left:24px}footer{padding:0 24px}.stat{margin-right:20px;padding-right:20px}.footer-help>span{display:none}.intro p{font-size:10px}}@media (width<=600px){#app{min-height:700px}.intro{top:90px}.intro p,.intro-rule,.date{display:none}h1{font-size:48px}.panel{width:194px;padding:14px;bottom:91px;right:14px}.panel-heading .eyebrow{font-size:7px}.panel h2{margin-top:12px;font-size:18px}.view{height:29px;font-size:10px}.setting-label{font-size:7px}.toggle-row{font-size:9px}.scene-tag{display:none}footer{height:75px;padding:0 18px}.stat{margin-right:14px;padding-right:14px}.stat>span{font-size:22px}.stat label{letter-spacing:1px;font-size:6px}.footer-help .icon-button{width:28px;height:28px;margin-left:4px}.header-right{gap:0}.brand{font-size:10px}#walk-help{width:90%;bottom:90px}}