:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18352e;--muted:#64766f;--surface:#fcfdf9eb;--surface-strong:#fcfdf9;--line:#18352e29;--accent:#e9a84c;--shadow:0 14px 38px #0f2b2326}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);text-rendering:optimizelegibility;background:#eef2eb;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{color:inherit;font:inherit}button,select,canvas{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e9a84ce6}.map-shell{isolation:isolate;background:#eef2eb;width:100%;height:100dvh;position:relative;overflow:hidden}.map-canvas{z-index:0;cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.map-canvas:active{cursor:grabbing}.map-header{z-index:30;top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute}.brand-block,.map-search,.back-button,.zoom-controls,.map-legend,.territory-readout,.map-state,.country-state,.leaf-status,.map-attribution,.pwa-status{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffa6}.brand-block{background:var(--surface);pointer-events:auto;border-radius:17px;align-items:center;min-width:210px;padding:9px 14px 9px 9px;display:flex}.brand-symbol{color:#fffaf0;background:linear-gradient(145deg,#ffffff29,#0000 44%),#1c4b3f;border-radius:12px;place-items:center;width:40px;height:40px;margin-right:10px;font-family:Unbounded,Manrope,sans-serif;font-size:17px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-name{color:#6d7e77;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.1;display:block}.brand-block h1{text-overflow:ellipsis;white-space:nowrap;max-width:min(38vw,360px);margin:3px 0 0;font-size:16px;font-weight:700;line-height:1.15;overflow:hidden}.map-search{background:var(--surface);pointer-events:auto;border-radius:15px;grid-template-columns:auto minmax(150px,260px);align-items:center;gap:8px;min-width:min(350px,42vw);padding:7px 7px 7px 13px;display:grid}.map-search label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.map-search select{text-overflow:ellipsis;cursor:pointer;background:#ffffffc7;border:1px solid #18352e24;border-radius:10px;min-width:0;height:44px;padding:0 34px 0 12px;font-size:13px;font-weight:600;overflow:hidden}.map-search select:disabled{opacity:.58;cursor:wait}.back-button{z-index:31;top:calc(max(18px, env(safe-area-inset-top)) + 73px);left:max(18px, env(safe-area-inset-left));background:var(--surface);cursor:pointer;border-radius:13px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:12px;font-weight:700;display:flex;position:absolute}.back-button:hover{background:var(--surface-strong);transform:translateY(-1px)}.back-button span{font-size:18px;font-weight:500}.map-labels{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.territory-label{color:#17372f;text-align:left;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(7px);background:#fcfdf9d1;border:1px solid #ffffffd6;border-radius:9px;align-content:center;min-width:44px;max-width:188px;min-height:44px;padding:5px 8px 6px;transition:background-color .14s,box-shadow .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 15px #14332b21}.territory-label:hover,.territory-label.is-active,.territory-label:focus-visible{z-index:2;background:#fffbf2fa;transform:translate(-50%,-50%)scale(1.025);box-shadow:0 0 0 2px #e9a84ccc,0 7px 19px #14332b30}.territory-label strong,.territory-label span,.city-label strong,.city-label span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.territory-label strong{font-size:11px;font-weight:700;line-height:1.2}.territory-label span{color:#667a72;margin-top:2px;font-size:9px;font-weight:600;line-height:1.2}.city-label{color:#654018;text-align:left;-webkit-backdrop-filter:blur(7px);background:#fff8e9e6;border:1px solid #975b1c80;border-radius:9px;max-width:176px;padding:6px 8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 15px #4d2d0d21}.city-label strong{font-size:10px;line-height:1.2}.city-label span{color:#89683f;margin-top:2px;font-size:8px;font-weight:650}.zoom-controls{z-index:30;right:max(18px, env(safe-area-inset-right));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 57px);background:var(--surface);border-radius:13px;display:grid;position:absolute;overflow:hidden}.zoom-controls button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;font-size:21px;font-weight:500;display:grid}.zoom-controls button+button{border-top:1px solid var(--line)}.zoom-controls button:hover{background:#e9a84c21}.map-legend{z-index:30;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:var(--surface);color:#657871;border-radius:13px;grid-template-columns:auto auto auto auto;align-items:center;gap:7px;min-height:39px;padding:7px 10px;font-size:9px;font-weight:700;display:grid;position:absolute}.map-attribution{z-index:30;top:calc(max(18px, env(safe-area-inset-top)) + 76px);right:max(18px, env(safe-area-inset-right));color:#18352ea8;white-space:nowrap;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);background:#fcfdf9b8;border-radius:10px;max-width:min(760px,100vw - 36px);padding:2px;font-size:9px;font-weight:650;display:flex;position:absolute;overflow-x:auto}.map-attribution::-webkit-scrollbar{display:none}.map-attribution a{min-width:44px;min-height:44px;color:inherit;border-radius:7px;align-items:center;padding:0 7px;text-decoration:none;display:inline-flex}.map-attribution a:hover{color:var(--ink);background:var(--surface-strong)}.legend-key{border:1px solid #18352e38;border-radius:3px;width:11px;height:11px}.legend-key--terrain{background:#cfddd0}.legend-key--city{background:#e7d2ad;border-color:#975b1cb3}.territory-readout{z-index:30;bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));background:var(--surface);white-space:nowrap;border-radius:13px;align-items:baseline;gap:9px;max-width:min(430px,46vw);min-height:39px;padding:10px 13px;font-size:11px;display:flex;position:absolute;overflow:hidden}.territory-readout strong,.territory-readout span{text-overflow:ellipsis;overflow:hidden}.territory-readout strong{font-size:12px}.territory-readout strong+span{color:var(--muted)}.map-state{z-index:50;text-align:center;background:radial-gradient(circle at 50% 42%,#ffffffe0,#0000 34%),#e7eee6f0;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;display:flex;position:absolute;inset:0}.map-state strong{margin-top:7px;font-size:clamp(18px,2.5vw,25px)}.map-state>span:not(.loading-orbit){color:var(--muted);font-size:12px}.map-state button,.country-state button{color:#fff;cursor:pointer;background:#1f5546;border:0;border-radius:10px;min-width:44px;min-height:44px;margin-top:8px;padding:0 14px;font-size:12px;font-weight:700}.loading-orbit{border:1px solid #1f554633;border-radius:50%;width:62px;height:62px;position:relative}.loading-orbit:after{background:var(--accent);content:"";transform-origin:50% 28px;border-radius:50%;width:10px;height:10px;animation:1.25s linear infinite orbit;position:absolute;top:3px;left:50%;transform:translate(-50%);box-shadow:0 0 0 6px #e9a84c21}.country-state{z-index:32;top:calc(max(18px, env(safe-area-inset-top)) + 126px);left:max(18px, env(safe-area-inset-left));background:var(--surface);border-radius:12px;align-items:center;gap:8px;max-width:min(330px,100vw - 36px);min-height:39px;padding:8px 12px;font-size:11px;font-weight:600;display:flex;position:absolute}.country-state button,.leaf-status button{min-width:44px;min-height:44px;margin:0}.pwa-status{z-index:45;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 54px);color:#526860;background:var(--surface);border-radius:13px;align-items:center;gap:9px;max-width:min(430px,100vw - 36px);min-height:39px;padding:7px 9px 7px 12px;font-size:10px;font-weight:650;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pwa-status button{color:#fff;white-space:nowrap;cursor:pointer;background:#1f5546;border:0;border-radius:9px;min-width:44px;min-height:44px;padding:0 10px;font-size:10px;font-weight:700}.leaf-status{z-index:32;top:calc(max(18px, env(safe-area-inset-top)) + 126px);left:max(18px, env(safe-area-inset-left));background:var(--surface);color:#526860;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(720px,100vw - 36px);min-height:39px;padding:8px 12px;font-size:10px;font-weight:650;display:flex;position:absolute}.leaf-status strong{border-left:1px solid var(--line);color:#254c40;white-space:nowrap;padding-left:8px}.leaf-status button{color:#fff;cursor:pointer;background:#1f5546;border:0;border-radius:9px;min-width:44px;min-height:44px;padding:0 10px;font-size:10px;font-weight:700}.leaf-picker{color:#254c40;background:#ffffffd1;border:1px solid #18352e24;border-radius:9px;min-width:44px;max-width:220px;min-height:44px;padding:0 28px 0 9px;font-size:10px;font-weight:650}.leaf-layer-dot{background:#e9a84c;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #e9a84c29}.loading-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 5px #e9a84c26}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes orbit{to{transform:translate(-50%)rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (width<=720px){.map-header{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));align-items:stretch;gap:7px}.brand-block{border-radius:14px;flex:none;min-width:0;padding:7px}.brand-symbol{width:37px;height:37px;margin:0}.brand-block>div{display:none}.map-search{border-radius:14px;flex:1;grid-template-columns:1fr;min-width:0;padding:5px}.map-search label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.map-search select{width:100%;height:44px}.back-button{top:calc(max(10px, env(safe-area-inset-top)) + 56px);left:max(10px, env(safe-area-inset-left));min-height:44px;padding:0 11px}.country-state,.leaf-status{top:calc(max(10px, env(safe-area-inset-top)) + 104px);left:max(10px, env(safe-area-inset-left));max-width:calc(100vw - 20px)}.leaf-picker{max-width:min(190px,58vw)}.territory-label{max-width:128px;padding:4px 6px 5px}.territory-label strong{font-size:9px}.territory-label span{font-size:8px}.city-label{max-width:126px;padding:5px 6px}.city-label strong{font-size:9px}.zoom-controls{right:max(10px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 49px)}.zoom-controls button{width:44px;height:44px}.map-legend{right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:auto auto;min-height:35px;padding:6px}.map-attribution{top:auto;right:max(10px, env(safe-area-inset-right));bottom:calc(max(8px, env(safe-area-inset-bottom)) + 104px);left:max(10px, env(safe-area-inset-left));max-width:none;min-height:44px;padding:0 2px}.map-attribution a{min-width:44px;min-height:44px;padding:0 9px}.territory-readout{right:calc(max(10px, env(safe-area-inset-right)) + 105px);bottom:max(8px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));max-width:none;min-height:35px;padding:8px 10px}.territory-readout strong+span{display:none}.pwa-status{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 45px);max-width:calc(100vw - 20px)}}@media (height<=540px) and (orientation:landscape){.map-header{top:8px;left:8px;right:8px}.back-button{top:64px;left:8px}.country-state,.leaf-status{top:112px;left:8px}.map-legend,.territory-readout{bottom:8px}.zoom-controls{bottom:52px;right:8px}.pwa-status{bottom:52px}}@media (display-mode:standalone){.map-shell{height:100dvh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}