:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2d382b;background:#e6e9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,main:focus-visible{outline:2px solid #546d40;outline-offset:3px}button{border:0;background:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;background:#fafbf8;border-bottom:1px solid #d9ded3;position:relative;z-index:2}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.grass{display:block;width:32px;height:32px;border-radius:4px;background:linear-gradient(#9bb975 0 25%,#7b9c59 25% 43%,#637c47 43% 68%,#546b3d 68%);box-shadow:inset -7px 0 #00000009}h1{font-size:20px;font-weight:600;letter-spacing:-.7px;line-height:1.15;margin:0}.meta{display:flex;align-items:center;gap:12px}.edition{font-size:11px;color:#6e7868;white-space:nowrap}.edition span{padding:0 7px;color:#a8aea3}.icon{width:32px;height:32px;display:inline-flex;justify-content:center;align-items:center;border-radius:5px}.icon:hover{background:#eaf0e4}.meta .icon{border:1px solid #dfe4d9}#goto{display:flex;align-items:center;border:1px solid #dce1d6;background:#f2f4ee;border-radius:7px;height:36px;padding-left:11px;gap:11px}#goto label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#86907e}input{width:63px;border:0;background:transparent;color:#394731;font-family:ui-monospace,Consolas,monospace;font-size:12px;outline-offset:0!important}input::-webkit-inner-spin-button{appearance:none}#goto button{width:34px;height:34px;border-left:1px solid #dce1d6;display:grid;place-items:center}#goto button:hover{background:#e4eada}.divider{height:14px;border-left:1px solid #d6ddcf}main{height:calc(100dvh - 84px);position:relative;overflow:hidden;outline-offset:-3px!important;touch-action:none;background:#e8ebdf;background-image:radial-gradient(#b9c1ae 1px,transparent 1px);background-size:12px 12px}canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab}canvas.dragging{cursor:grabbing}.panel{background:#fafbf8f5;border:1px solid #d5ddcb;box-shadow:0 2px 8px #2332180c;border-radius:8px;backdrop-filter:blur(8px)}.tools{position:absolute;left:24px;top:24px;display:flex;flex-direction:column;padding:4px}.tools button{display:grid;place-items:center;width:34px;height:36px;border-radius:5px}.tools button:hover,.tools button[aria-pressed=true]{background:#e3eadb}.tools>span{height:1px;margin:5px;background:#dce2d4}.north{position:absolute;right:29px;top:24px;display:flex;align-items:center;flex-direction:column;gap:3px;font-family:ui-monospace,monospace;font-size:11px;color:#3e5035;pointer-events:none;text-shadow:0 1px 3px #fff}.north svg{width:19px;height:28px;stroke:none}.legend-toggle{position:absolute;right:24px;top:94px;padding:9px 12px;display:flex;gap:7px;align-items:center;font-size:12px}.legend-toggle svg{width:16px;height:16px}aside{position:absolute;right:24px;top:139px;width:236px;max-height:calc(100% - 240px);overflow:auto;padding:10px 14px 14px}.aside-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-10px;background:#fafbf8;z-index:1}h2{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:8px 0 12px}.aside-head h2{font-size:13px}.aside-head button{font-size:21px}.legend-row{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:11px;color:#5e6a56}.swatch{width:12px;height:12px;border:1px solid #00000012;border-radius:3px;flex-shrink:0}.map-footer{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.readout{padding:10px 14px;display:flex;align-items:center;gap:16px;min-height:38px;font-size:11px}.readout #coords{font-family:ui-monospace,Consolas,monospace;color:#85907d;display:flex;align-items:center;gap:7px;white-space:nowrap}.readout b{font-weight:400;color:#3c4932;min-width:33px;display:inline-block}.readout i{height:11px;border-left:1px solid #d6ddcf;margin:0 3px}#biome{border-left:1px solid #d6ddcf;padding-left:16px;color:#4f5f44}.scale{font-family:ui-monospace,monospace;font-size:10px;color:#394830;text-align:center;text-shadow:0 1px 2px #fff,0 0 4px #fff}.scale>div{height:7px;border:1px solid #405235;border-top:0;margin-top:4px;width:100px}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;font-size:13px}.pin-card{position:absolute;left:50%;top:15px;transform:translateX(-50%);padding:7px 9px 7px 15px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:calc(100% - 180px)}.pin-card[hidden]{display:none}#pin-biome{white-space:nowrap}#pin-copy{font-family:ui-monospace,monospace;font-size:11px;color:#6a7b5f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.pin-card .icon{font-size:19px;flex-shrink:0}dialog{width:min(420px,calc(100% - 32px));padding:30px;border:1px solid #d7dfcd;border-radius:12px;background:#fafbf8;color:#3b4734;box-shadow:0 20px 80px #1d2b2240}dialog::backdrop{background:#26311f50;backdrop-filter:blur(3px)}.dialog-close{position:absolute;top:15px;right:15px;font-size:22px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#819173}dialog h2{font-size:27px;margin:12px 0 24px}dl{display:grid;grid-template-columns:75px 1fr;gap:13px;font-size:11px}dt{color:#829077}dd{margin:0;font-family:ui-monospace,Consolas,monospace;font-size:11px}dialog p{font-size:11px;line-height:1.8;color:#738066;margin-top:22px}dialog a{color:#526e3b}.help{border-top:1px solid #dce2d3;padding-top:17px}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:10px 18px;background:#34482c;color:#fff;border-radius:6px;font-size:12px;z-index:10}[hidden]{display:none!important}@media(max-width:1050px){header{gap:14px;padding:0 20px}.edition{display:none}.meta{gap:8px}}@media(max-width:600px){header{height:126px;flex-wrap:wrap;align-content:center;padding:14px 18px;gap:12px}.brand{flex:1}h1{font-size:18px}.meta{order:1}#goto{order:2;width:100%;height:32px;justify-content:center}#goto input{width:75px}#goto button{height:30px;margin-left:auto}#goto label:first-child{margin-left:auto}main{height:calc(100dvh - 126px)}.tools{left:14px;top:16px}.north{right:24px;top:17px}.legend-toggle{right:14px;top:83px}aside{right:14px;top:126px;max-height:calc(100% - 220px)}.map-footer{left:14px;right:14px;bottom:18px;gap:12px}.readout{padding:9px 11px;gap:7px;display:flex;flex-direction:column;align-items:flex-start}#biome{border:0;padding:0;font-size:10px}.scale{font-size:9px}.pin-card{top:17px;max-width:calc(100% - 140px);flex-wrap:wrap;gap:4px;padding:8px 11px;transform:translateX(-50%)}#pin-biome{width:100%;padding-right:22px;font-size:11px}.pin-card .icon{position:absolute;top:4px;right:2px}.grass{width:28px;height:28px}}

.map-size{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#7b8773}.map-size select{font:inherit;color:#3b4a32;background:#f2f4ee;border:1px solid #dce1d6;border-radius:6px;height:36px;padding:0 25px 0 10px;cursor:pointer}.map-size select:focus-visible{outline:2px solid #546d40;outline-offset:3px}@media(max-width:600px){header{height:164px}.map-size{order:2;width:100%;justify-content:space-between}.map-size select{height:30px;flex:1;margin-left:9px}#goto{order:3}main{height:calc(100dvh - 164px)}}
/* Local base markers */
.tools,.north,.legend-toggle,#legend,.bases-toggle,#bases-panel,.map-footer,.pin-card{z-index:2}
.bases-toggle{position:absolute;right:24px;top:139px;padding:9px 12px;display:flex;gap:7px;align-items:center;font-size:12px}.bases-toggle>span{font:10px ui-monospace,monospace;min-width:17px;text-align:center;border-radius:4px;padding:2px 4px;background:#e5ebdf;color:#657959}
#legend{top:184px;max-height:calc(100% - 260px)}#bases-panel{top:184px;width:300px;max-height:calc(100% - 260px);padding:10px 16px 16px}.privacy-note{font-size:11px;line-height:1.7;margin:3px 0 8px;color:#617356}.privacy-note strong{font-size:11px;display:block;color:#3f5934;margin-bottom:4px}.local-note{font-size:10px;color:#85917c;line-height:1.6;margin:0 0 15px}.primary{background:#4d693e;color:#fff;border:1px solid #4d693e;border-radius:5px;padding:9px 13px;font-size:11px}.primary:hover{background:#405a33}.primary:disabled{opacity:.5;cursor:not-allowed}#base-add{width:100%;text-align:center}.base-row{display:flex;align-items:center;border-bottom:1px solid #e2e7da;padding:10px 0;gap:5px}.base-go{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-align:left;padding:0}.base-row-emoji{font-size:20px;flex-shrink:0}.base-go>span:last-child{min-width:0}.base-go strong{display:block;font-size:12px;font-weight:550;overflow-wrap:anywhere}.base-go small{display:block;font:10px ui-monospace,Consolas,monospace;color:#829175;margin-top:4px}.base-go small.outside-crop{font-family:inherit;font-size:9px;color:#9a8d6c}.base-edit{font-size:10px;color:#617951;padding:7px 3px}.base-edit:hover{text-decoration:underline}.bases-empty{font-size:11px;line-height:1.8;color:#85917b;margin:15px 0 0}.storage-error{font-size:11px;line-height:1.7;color:#a25234;background:#f6e9e1;border:1px solid #ecd3c4;border-radius:4px;padding:9px;margin:12px 0 0}.base-markers{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.base-marker{position:absolute;pointer-events:auto;transform:translate(-15px,-50%);display:flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;border:1px solid #f5f8ed;background:#fafbf5ec;box-shadow:0 2px 6px #20331838;border-radius:18px;max-width:165px}.base-marker:hover,.base-marker:focus-visible{background:#fff;z-index:1;box-shadow:0 2px 10px #20331855}.marker-emoji{font-size:20px;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.marker-name{font-size:10px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#354c2e}.pin-save{font-size:11px;background:#e3ebdb;border-radius:4px;padding:6px 9px;white-space:nowrap;color:#4c663f}
#base-editor{max-height:calc(100dvh - 28px);overflow:auto}#base-editor h2{font-size:24px;margin-bottom:20px}#base-form>label,.base-coordinate-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#74846a;margin-bottom:14px}#base-form input,#base-form textarea{width:100%;border:1px solid #dce4d3;background:#f2f5ed;border-radius:5px;padding:9px 10px;font:12px inherit;color:#3a4e30}#base-form input{font-family:inherit}#base-form textarea{resize:vertical;min-height:57px;font-family:inherit}.base-coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.base-coordinate-fields input{font-family:ui-monospace,monospace!important}.emoji-presets{display:flex;gap:5px;flex-wrap:wrap;margin:-5px 0 7px}.emoji-presets button{width:31px;height:31px;border:1px solid #dfe6d5;border-radius:5px;font-size:18px;padding:0;background:#f3f6ef}.emoji-presets button[aria-pressed=true]{border-color:#779363;background:#e2ecd9}.field-help{display:block;font-size:10px;color:#8c9981;margin-bottom:17px}.optional{font-size:10px;color:#a0aa98}.editor-privacy{font-size:10px;color:#6f8362;margin:10px 0!important;line-height:1.6}.base-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px}.base-actions>button:not(.primary){font-size:11px;padding:8px 3px}.base-actions .danger{margin-right:auto;color:#a2674d}.base-actions .danger:hover{text-decoration:underline}
@media(max-width:600px){.bases-toggle{right:14px;top:127px}#legend,#bases-panel{top:171px;max-height:calc(100% - 260px)}#bases-panel{right:14px;width:min(300px,calc(100% - 82px))}.pin-card{padding-bottom:34px}.pin-save{position:absolute;bottom:6px;left:10px;padding:4px 8px;font-size:10px}.marker-name{max-width:78px;font-size:9px}.base-marker{max-width:120px}.marker-emoji{font-size:18px;width:22px;height:22px}}