.app-wrapper{width:100%;min-height:calc(100*min(var(--vh, 1vh),1vh));background-image:linear-gradient(rgba(23,61,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,61,45,.035) 1px,transparent 1px);background-size:34px 34px}.display-font{font-family:Fraunces,serif}.zone-tab{border:1px solid #d9d5c8;background:#ffffffb8;color:#536258;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.zone-tab:hover{transform:translateY(-2px)}.zone-tab.is-active{background:var(--forest);color:#fff;border-color:var(--forest);box-shadow:0 10px 20px #173d2d2e}.map-zone{cursor:pointer;transition:transform .22s ease,opacity .22s ease,filter .22s ease;transform-origin:center}.map-zone:hover,.map-zone.is-active{transform:translateY(-4px);filter:saturate(1.15) brightness(1.04)}.map-zone:not(.is-active){opacity:.62}.zone-panel{display:none;animation:panel-in .42s ease both}.zone-panel.is-active{display:block}.supplementary-note{display:none}.supplementary-note.is-open{display:block;animation:panel-in .3s ease both}.status-line:before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:999px;background:currentColor;margin-right:.5rem;vertical-align:middle}.soft-card{box-shadow:0 18px 45px #173d2d17}.info-hotspot{position:absolute;top:18%;right:11%;z-index:3;width:2rem;height:2rem;border:2px solid #fff;border-radius:999px;background:#d8c46e;color:#173d2d;box-shadow:0 5px 14px #102d2047;transition:transform .2s ease,box-shadow .2s ease}.info-hotspot:hover,.info-hotspot:focus-visible,.info-hotspot.is-open{transform:scale(1.12);box-shadow:0 7px 18px #102d2059}.info-hotspot-tooltip{position:absolute;right:-.5rem;top:calc(100% + .7rem);width:min(260px,70vw);padding:.75rem .9rem;border-radius:14px;background:#173d2d;color:#fff;font-size:.75rem;line-height:1.45;text-align:left;box-shadow:0 12px 24px #102d2038;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.info-hotspot:hover .info-hotspot-tooltip,.info-hotspot:focus-visible .info-hotspot-tooltip,.info-hotspot.is-open .info-hotspot-tooltip{opacity:1;transform:translateY(0)}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.zone-tab{min-width:72px}}