*{box-sizing:border-box}html,body,#root,#app{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,sans-serif}.app{position:relative;height:100vh;width:100vw;overflow:hidden}.map{width:100%;height:100%}.overlay{position:absolute;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.overlay>*{pointer-events:auto}.overlay-bottom-center{left:50%;bottom:12px;transform:translate(-50%)}.overlay-detail{bottom:12px;left:12px;max-height:calc(100% - 80px)}.overlay-detail>*{overflow:hidden auto;max-height:inherit}.overlay-top-left{top:12px;left:12px;align-items:flex-start}.topleft-row{display:flex;align-items:stretch;gap:8px}.plan-open{background:#1e1e1eeb;border:1px solid #444;border-radius:6px;box-shadow:0 2px 8px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#eee;font-size:12px;padding:4px 10px;cursor:pointer;white-space:nowrap}.plan-open:hover{border-color:#6b8cc7}.plan-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}.plan-dialog{background:#181818fa;color:#eee;border:1px solid #555;border-radius:8px;box-shadow:0 8px 32px #0009;padding:14px 16px 12px;max-width:min(880px,100%);max-height:100%;overflow:auto}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.plan-close{background:transparent;border:none;color:#aaa;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.plan-close:hover{color:#fff}.plan-table{border-collapse:collapse;font-size:12px;width:100%}.plan-table th,.plan-table td{padding:4px 10px;text-align:center;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.08)}.plan-table tbody th{text-align:left;font-weight:400;color:#ccc}.plan-table thead th{font-size:12px;font-weight:700;color:#fff;border-bottom:1px solid #555}.plan-table thead th.now{background:#3b82f638;border-radius:4px 4px 0 0}.plan-badge{display:inline-block;margin-left:4px;font-size:9px;font-weight:700;letter-spacing:0;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:0 5px;vertical-align:middle}.plan-badge.now{border-color:#6b8cc7;color:#b9cdf2}.plan-table tr.plan-group th{text-align:left;font-size:14px;font-weight:700;color:#fff;letter-spacing:.04em;padding-top:18px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.25)}.plan-table tbody tr.plan-group:first-child th{padding-top:10px}.plan-table td.yes{color:#86e08a;font-weight:700}.plan-table td.no{color:#777}.plan-note{font-size:11px;opacity:.7;margin:8px 0 0}.lang-switch,.seg-switch{display:flex;gap:2px;background:#1e1e1eeb;border:1px solid #444;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lang-switch button,.seg-switch button{border:none;background:transparent;color:#eee;font-size:12px;padding:4px 8px;border-radius:4px;cursor:pointer;white-space:nowrap}.lang-switch button.active,.seg-switch button.active{background:#3b82f647}.seg-switch button{position:relative}.seg-label-locked{opacity:.5}.seg-lock{position:absolute;top:-1px;right:0;font-size:9px;line-height:1;pointer-events:none}.seg-switch button:disabled{opacity:.35;cursor:not-allowed}.detail-stack .seg-switch{background:#ffffff0f;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:3px}.sidebar{top:12px;right:12px;bottom:12px;width:320px;align-items:stretch}.sidebar-tabs{display:flex;gap:2px;flex:0 0 auto;background:#1e1e1eeb;border:1px solid #444;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sidebar-tabs .tab{flex:1;text-align:center;border-radius:4px;font-size:13px;padding:6px 4px;background:transparent;border:none;color:#eee;cursor:pointer}.sidebar-tabs .tab.active{background:#3b82f62e}.sidebar-body{flex:1 1 auto;min-height:0;overflow:hidden auto;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding-right:2px}.sidebar-body>*{pointer-events:auto}.panel{position:relative;background:#1e1e1eeb;color:#eee;border:1px solid #444;border-radius:6px;padding:8px 12px;margin:0;box-shadow:0 2px 8px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-inline-size:0;min-width:0;box-sizing:border-box;max-width:100%}.panel>legend{float:left;width:100%;padding:0 0 6px;font-size:12px;font-weight:600;line-height:1.5;opacity:.85}.panel-body{clear:both}.panel-body{display:flex;flex-direction:column;gap:4px;margin-top:4px;min-width:0}.panel-body>*{min-width:0}.panel-body label,.panel-body span{overflow-wrap:anywhere}.radio{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.radio:has(input:disabled){cursor:not-allowed;opacity:.55}.meta-status{font-size:11px;opacity:.65;padding:2px 4px}.leaflet-tooltip.region-tooltip{background:#1e1e1eeb;border:1px solid #444;color:#eee;padding:5px 9px;font-size:12px;line-height:1.35;white-space:nowrap;box-shadow:0 1px 4px #0006}.leaflet-tooltip.region-tooltip:before{border-top-color:#1e1e1eeb}.region-tooltip-title{font-weight:600}.region-tooltip-value{opacity:.8;font-variant-numeric:tabular-nums}.region-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:12px;font-weight:600;line-height:1;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.9),1px 1px 2px rgba(0,0,0,.85),-1px -1px 2px rgba(0,0,0,.85);-webkit-user-select:none;user-select:none}.region-label.region-label-on-light{color:#1a1a1a;text-shadow:0 0 2px rgba(255,255,255,.95),0 0 3px rgba(255,255,255,.9),1px 1px 2px rgba(255,255,255,.85),-1px -1px 2px rgba(255,255,255,.85)}.region-label-adm0{font-size:17px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;padding:2px 7px;border-radius:3px;background:#46464a8c}.region-label-adm0.region-label-on-light{background:#fafafa9e}.region-label-adm1{font-size:12.5px;letter-spacing:.02em;font-weight:600}.region-label-adm2{font-size:10.5px;font-weight:400;opacity:.82}.crop-select{flex:1 1 auto;min-inline-size:0;background:#141414e6;color:#eee;border:1px solid #555;border-radius:4px;padding:3px 6px;font-size:12px;color-scheme:dark}.crop-select:disabled{cursor:not-allowed;opacity:.6}.crop-countries{position:relative;margin-inline-start:auto;flex:0 0 auto;min-inline-size:18px;padding:0 5px;border:1px solid #555;border-radius:9px;font-size:11px;line-height:16px;text-align:center;color:#bbb;cursor:help}.crop-countries-tip{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:5;display:none;inline-size:max-content;max-inline-size:240px;max-block-size:min(calc(100vh - 160px),640px);overflow:hidden auto;padding:4px 8px;border:1px solid #444;border-radius:4px;background:#141414;color:#eee;font-size:11px;line-height:1.4;text-align:start;white-space:normal;box-shadow:0 2px 6px #00000073}.crop-countries-cols{display:flex;gap:8px;justify-content:center}.crop-countries-table{flex:1 1 0;inline-size:100%;min-inline-size:0;border-collapse:separate;border-spacing:0;border-inline-start:1px solid #444}.crop-countries-table th,.crop-countries-table td{border-inline-end:1px solid #444;border-block-end:1px solid #444;padding:1px 6px}.crop-countries-table th{position:sticky;top:0;border-block-start:1px solid #444;background:#141414;color:#fff;font-size:10px;font-weight:700;text-align:start;text-transform:lowercase;letter-spacing:.06em}.crop-countries-table td{color:#bbb}.crop-countries-table th:not(:first-child),.crop-countries-table td:not(:first-child){text-align:center;white-space:nowrap}.crop-countries-table td:first-child,.crop-countries-table th:first-child{inline-size:1px;white-space:nowrap;text-align:end}.crop-countries:hover .crop-countries-tip,.crop-countries:focus-visible .crop-countries-tip{display:block}.panel:has(.crop-countries:hover),.panel:has(.crop-countries:focus-visible){z-index:2}.boundary-swatch{flex:0 0 auto;inline-size:16px;block-size:16px;padding:0;border:1px solid #777;border-radius:3px;cursor:pointer}.boundary-swatch:disabled{cursor:default}.swatch-transparent{background-color:#444;background-image:linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%,#888),linear-gradient(45deg,#888 25%,transparent 25%,transparent 75%,#888 75%,#888);background-size:6px 6px;background-position:0 0,3px 3px}.boundary-palette{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:5;display:grid;grid-template-columns:repeat(4,18px);gap:4px;padding:6px;border:1px solid #555;border-radius:5px;background:#141414f7;box-shadow:0 2px 8px #00000080}.boundary-palette button{inline-size:18px;block-size:18px;padding:0;border:1px solid #777;border-radius:3px;cursor:pointer}.boundary-palette button.selected{outline:2px solid #4da3ff;outline-offset:1px}.panel:has(.boundary-palette){z-index:2}.hint-badge{position:relative;display:inline-block;cursor:help;font-size:10px;opacity:.6}.hint-badge:hover,.hint-badge:focus-visible{opacity:1}.hint-tip{position:absolute;inset-inline-start:0;top:calc(100% + 5px);z-index:5;display:none;inline-size:max-content;max-inline-size:220px;padding:4px 8px;border:1px solid #444;border-radius:4px;background:#141414;color:#eee;font-size:11px;line-height:1.4;white-space:normal}.hint-tip--up{top:auto;bottom:calc(100% + 5px);inset-inline-start:auto;inset-inline-end:0}.hint-badge:hover .hint-tip,.hint-badge:focus-visible .hint-tip{display:block}.detail-grip{align-self:flex-end;width:14px;height:14px;margin-top:-20px;position:relative;top:-3px;right:3px;cursor:nwse-resize;background-image:linear-gradient(135deg,transparent 0 38%,rgba(255,255,255,.45) 38% 46%,transparent 46% 58%,rgba(255,255,255,.45) 58% 66%,transparent 66%);-webkit-user-select:none;user-select:none;flex:none}.detail-grip:hover{background-image:linear-gradient(135deg,transparent 0 38%,rgba(255,255,255,.85) 38% 46%,transparent 46% 58%,rgba(255,255,255,.85) 58% 66%,transparent 66%)}.detail-stack>*:nth-last-child(2){padding-bottom:16px}.leaflet-bottom.leaflet-right{display:flex;flex-direction:row;align-items:flex-end;gap:6px;padding:0 8px 8px 0}.leaflet-container .leaflet-control-scale,.leaflet-container .leaflet-control-attribution,.leaflet-container .boundary-attribution{margin:0}.leaflet-container .leaflet-control-scale{display:flex;align-items:flex-end}.leaflet-container .leaflet-control-scale-line,.leaflet-container .leaflet-control-attribution{box-sizing:content-box;height:14px;padding:3px 6px;border:none;border-radius:3px;background:#ffffffeb;color:#111;font:600 11px/14px system-ui,sans-serif;text-shadow:none;box-shadow:0 1px 4px #00000073;white-space:nowrap}.leaflet-container .leaflet-control-attribution a{color:#1558b0}.leaflet-container .leaflet-control-scale-line{--label-w: 64px;position:relative;margin:0;padding-left:var(--label-w);text-align:left;text-indent:calc(var(--label-w) * -1 + 6px)}.leaflet-container .leaflet-control-scale-line:before{content:"";position:absolute;box-sizing:border-box;left:var(--label-w);right:6px;top:50%;margin-top:-4px;height:8px;border:2px solid #222;border-top:none}.leaflet-container .leaflet-control-scale-line:not(:first-child){margin-top:3px}.leaflet-control-scale{order:1}.boundary-attribution{order:2}.leaflet-container .leaflet-control-attribution{order:3}.leaflet-container .boundary-attribution{box-sizing:content-box;height:14px;margin:0;padding:3px 6px;border:none;border-radius:3px;background:#ffffffeb;color:#111;font:600 11px/14px system-ui,sans-serif;box-shadow:0 1px 4px #00000073;white-space:nowrap}.leaflet-container .boundary-attribution a{color:#1558b0}.tier-switch{display:flex;align-items:center;gap:2px;background:#1e1e1eeb;border:1px solid #d97706;border-radius:6px;padding:4px;box-shadow:0 2px 8px #00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tier-switch-label{font-size:9px;font-weight:700;letter-spacing:.1em;color:#f59e0b;padding:0 4px 0 2px}.tier-switch button{border:none;background:transparent;color:#eee;font-size:12px;padding:3px 7px;border-radius:4px;cursor:pointer}.tier-switch button.active{background:#d9770659}.locked{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:help}.locked-body{opacity:.45;filter:blur(.4px);pointer-events:none;-webkit-user-select:none;user-select:none}.locked-badge{font-size:10px;line-height:1;flex:0 0 auto}.locked-inline .locked-body{filter:none}.locked:focus-visible{outline:1px solid #f59e0b;outline-offset:2px}.claim-picker .leaflet-popup-content{margin:8px 10px}.claim-picker-note{font-size:11px;opacity:.75;max-width:220px;margin-bottom:6px}.claim-picker-row{display:flex;gap:6px;flex-wrap:wrap}.claim-picker-row button{font-size:12px;padding:3px 8px;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.25);background:#fff}.claim-picker-row button.selected{background:#00b8d9;border-color:#00b8d9;color:#fff}