:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:#0b1214;color:#f4f1e7;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b1214}button,input{font:inherit}#scene{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:88px;display:flex;align-items:center;padding:0 42px;border-bottom:1px solid rgba(225,233,220,.12);background:linear-gradient(180deg,rgba(7,12,13,.88),rgba(7,12,13,.3),transparent);pointer-events:none}.topbar h1{margin:0;letter-spacing:0;font-size:19px;font-weight:500}.panel-toggle{display:none}.info-panel{position:absolute;z-index:9;top:122px;left:42px;width:278px;max-height:calc(100vh - 150px);overflow-y:auto;scrollbar-width:thin;padding:25px 25px 21px;border:1px solid rgba(225,233,220,.15);background:#0a1112c2;box-shadow:0 20px 50px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.info-panel:before{content:"";position:absolute;top:-1px;left:24px;width:38px;height:2px;background:#d5a961}.info-panel h2{margin:0 0 20px;font-family:Microsoft YaHei,sans-serif;font-size:20px;font-weight:500;letter-spacing:0}.stats{display:grid;grid-template-columns:1fr .72fr 1fr;gap:9px}.stats div{min-width:0}.stats strong,.stats span{display:block}.stats strong{color:#e8e4d7;font:18px/1 Arial,sans-serif}.stats span{margin-top:7px;color:#76827c;font-size:9px;white-space:nowrap}.divider{height:1px;margin:22px 0;background:#e1e9dc1c}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#c9cec6;font-size:11px}.section-title em{color:#6f7d76;font: 8px/1 Arial,sans-serif;letter-spacing:1.2px}.elevation-scale{height:7px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#315c4d,#778a50 30%,#b79b60 55%,#765d45 78%,#d8d5c8)}.scale-labels{display:flex;justify-content:space-between;margin-top:8px;color:#64716b;font:8px/1 Arial,sans-serif}input[type=range]{width:100%;height:2px;margin:5px 0 15px;appearance:none;background:linear-gradient(90deg,#d5a961 50%,#38423f 50%);outline:none}input[type=range]::-webkit-slider-thumb{width:12px;height:12px;appearance:none;border:2px solid #101718;border-radius:50%;background:#d5a961;box-shadow:0 0 0 1px #d5a961;cursor:ew-resize}.solar-control{margin-bottom:20px}.solar-control .section-title{margin-bottom:3px}.solar-control output{min-width:42px;color:#e3c47e;font:12px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:right}#sun-time{height:24px;margin:0;background-size:100% 2px;background-position:center;background-repeat:no-repeat;cursor:ew-resize}#sun-time:focus-visible{outline:1px solid #e3c47e;outline-offset:3px}.time-ticks{display:flex;justify-content:space-between;color:#8c9991;font:9px/1.4 Arial,sans-serif}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:#9ca69f;font-size:11px}.switch input{position:absolute;opacity:0}.switch span{position:relative;display:block;width:27px;height:14px;border:1px solid #46514d;border-radius:8px;cursor:pointer;transition:border-color .18s ease}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#64706b;transition:transform .18s ease,background .18s ease}.switch input:checked+span{border-color:#b88f50}.switch input:checked+span:after{transform:translate(13px);background:#d5a961}.weather-section,.animal-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(225,233,220,.11)}.animal-section h3{margin:0 0 6px;font-weight:400}.animal-section .switch input:focus-visible+span{outline:2px solid #e3c47e;outline-offset:3px}.rainbow-row{margin-top:8px}.rainbow-row:has(input:disabled){opacity:.45}.switch input:disabled+span{cursor:not-allowed}.weather-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:6px 0 0;padding:0;border:0}.weather-option{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;border:1px solid #38453f;background:#1c282659;color:#9ca69f;font-size:11px;cursor:pointer;transition:border-color .18s ease,background .18s ease}.weather-option input{margin:0;accent-color:#d5a961}.weather-option:has(input:checked){border-color:#ad8d57;background:#d5a96117;color:#e2cfac}.weather-option:focus-within{outline:1px solid #d5a961;outline-offset:2px}.weather-options:disabled{opacity:.4}.weather-options:disabled .weather-option{cursor:not-allowed}.labels-layer{position:absolute;z-index:5;inset:0;overflow:hidden;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,-50%);color:#f2f0e2db;font-size:11px;line-height:1;white-space:nowrap;text-shadow:0 1px 3px #071010,0 0 9px #071010;transition:opacity .15s ease}.map-label:before{content:"";display:inline-block;width:3px;height:3px;margin:0 6px 2px 0;border:1px solid #dfbd7c;border-radius:50%;background:#dfbd7c;box-shadow:0 0 5px #d5a961}.district-label{padding:0;border:0;background:transparent;font-family:inherit;cursor:pointer;pointer-events:auto}.district-label:focus-visible{outline:1px solid #e3c47e;outline-offset:4px}.district-popup-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.district-popup{width:320px;max-height:calc(100dvh - 180px);padding:20px;border:1px solid #829786;border-radius:6px;background:#14221f;color:#eef1e8;box-shadow:4px 7px #0a1412,5px 8px #4f6356,0 20px 38px #0008;pointer-events:auto}.district-popup-meta{margin:0 44px 7px 0;color:#b6c4b5;font-size:10px}.district-popup h2{margin:0 24px 13px 0;font-size:19px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}.district-popup-description{max-height:calc(100dvh - 290px);overflow-y:auto;overscroll-behavior:contain;color:#c0ccc3;font-size:12px;line-height:1.85}.district-popup-description p{margin:0 0 10px}.district-popup-description p:last-child{margin-bottom:0}.district-popup-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:4px;background:transparent;color:#b8c9bc;cursor:pointer}.district-popup-close:hover,.district-popup-close:focus-visible{background:#293d33;color:#fff}.river-label{color:#9bd9e7;font-size:10px;letter-spacing:1px;text-shadow:0 1px 3px #071010,0 0 8px #173f4b}.landmark-label{color:#ffe2a4;font-size:12px;font-weight:600;text-shadow:0 1px 3px #071010,0 0 7px #071010}.landmark-label:before{display:none}.river-label:before{width:9px;height:1px;margin-bottom:3px;border:0;border-radius:0;background:#65b9d4;box-shadow:0 0 5px #65b9d4}.compass{position:absolute;z-index:8;right:43px;top:117px;width:52px;height:52px;border:1px solid rgba(225,233,220,.17);border-radius:50%;color:#d6b26f;font:9px/1 Arial,sans-serif;text-align:center}.compass span{position:absolute;top:4px;left:0;right:0}.compass i{position:absolute;top:50%;left:50%;width:10px;height:24px;transform:translate(-50%,-50%) rotate(var(--bearing, 0rad));transform-origin:50% 50%}.compass i:before,.compass i:after{content:"";position:absolute;left:0;width:100%;height:50%}.compass i:before{top:0;background:#e3c47e;clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%)}.compass i:after{bottom:0;background:#72877c;clip-path:polygon(50% 100%,100% 0,50% 24%,0 0)}.compass:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#e3c47e;transform:translate(-50%,-50%)}.controls-hint{position:absolute;z-index:7;right:40px;bottom:30px;display:flex;gap:21px;color:#707d76;font-size:12px;pointer-events:none}.controls-hint b{color:#aeb6af;font-weight:400}.loading-screen{position:absolute;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1214;transition:opacity .7s ease,visibility .7s ease}.loading-screen.hidden{visibility:hidden;opacity:0}.loading-map{display:flex;align-items:end;gap:4px;height:35px}.loading-map span{display:block;width:10px;background:#d5a961;animation:terrain-bars 1s ease-in-out infinite alternate}.loading-map span:nth-child(1){height:15px}.loading-map span:nth-child(2){height:30px;animation-delay:-.35s}.loading-map span:nth-child(3){height:22px;animation-delay:-.7s}.loading-screen p{margin:20px 0 6px;font-size:14px;letter-spacing:3px}.loading-screen small{color:#707c76;font-size:10px}@keyframes terrain-bars{to{transform:scaleY(.35);opacity:.35}}@media(max-width:720px){.topbar{height:72px;padding:0 18px}.controls-hint{display:none}.topbar h1{font-size:17px}.info-panel{top:auto;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));left:14px;width:auto;max-height:calc(100dvh - 164px - env(safe-area-inset-bottom));padding:16px 18px 12px;visibility:hidden;opacity:0;transform:translateY(20px);pointer-events:none;transition:transform .18s ease,opacity .18s ease,visibility .18s;overscroll-behavior:contain}.info-panel.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.panel-toggle{position:absolute;z-index:11;display:grid;place-items:center;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:46px;height:46px;padding:0;border:1px solid rgba(225,233,220,.3);border-radius:6px;background:#14201e;color:#e3c47e;cursor:pointer;touch-action:manipulation}.panel-toggle[aria-expanded=true]{border-color:#d5a961}.panel-toggle:focus-visible{outline:2px solid #e3c47e;outline-offset:3px}.info-panel h2{margin-bottom:15px;font-size:18px}.stats{margin-top:15px}.divider,.legend-block{display:none}.view-control{margin-top:16px}.toggle-row,.weather-toggle-row{display:flex}.compass{top:92px;right:18px}.map-label{font-size:9px}.landmark-label{font-size:11px}}@media(prefers-reduced-motion:reduce){.info-panel{transition:none}}