:root{--surface:#fff;--text:#202124;--muted:#5f6368;--accent:#1a73e8;--shadow:0 1px 2px #3c40434d, 0 2px 6px 2px #3c404326;--font:"Cormorant Infant", Georgia, serif}html,body{height:100%;font:500 16px/1.35 var(--font);color:var(--text);background:#04060c;margin:0;overflow:hidden}button{font:inherit;color:inherit}svg{fill:currentColor}.labels{pointer-events:none;position:fixed;inset:0}body[data-mode=site] .globe-only,body[data-mode=site] #globeLabels,.labels[hidden]{display:none!important}.card{background:var(--surface);box-shadow:var(--shadow);border-radius:8px}#side{z-index:2;flex-direction:column;gap:8px;width:360px;max-width:calc(100% - 24px);max-height:calc(100% - 24px);display:flex;position:fixed;top:12px;left:12px}.searchbox{background:var(--surface);height:48px;box-shadow:var(--shadow);border-radius:24px;align-items:center;padding:0 12px 0 4px;display:flex}.searchbox input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:18px}.searchbox .search-icon{width:22px;height:22px;fill:var(--muted)}.icon{cursor:pointer;width:40px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon:hover{background:#f1f3f4}.icon svg{width:24px;height:24px}#ui{padding:14px 18px;transition:opacity .15s;overflow:auto}body:not(.drawer-open) #ui{display:none}#ui h1{margin:0 0 4px;font-size:20px;font-weight:500}#ui h2{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:14px 0 6px;font-size:13px;font-weight:500}#ui p{margin:4px 0 10px}.muted,.hint{color:var(--muted);font-size:14px}#ui label{cursor:pointer;align-items:center;gap:8px;padding:3px 0;display:flex}#ui input[type=checkbox],#ui input[type=radio],#ui input[type=range]{accent-color:var(--accent)}#ui input[type=range]{width:100%}.pill{background:var(--surface);width:100%;color:var(--accent);text-align:left;cursor:pointer;border:1px solid #dadce0;border-radius:18px;margin-top:6px;padding:8px 14px;font-weight:500;display:block}.pill:hover{background:#f6fafe;border-color:#d2e3fc}#info{z-index:5;box-sizing:border-box;width:360px;max-width:calc(100% - 24px);padding:14px 18px;position:fixed;bottom:40px;left:12px}#info h3{margin:0 0 6px;font-size:18px;font-weight:500}#info .kind{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:13px}#info p{margin:0 0 8px}#info p:empty,#info[hidden]{display:none}#info a{color:var(--accent);text-decoration:none}#info a:hover{text-decoration:underline}#info .close{float:right;cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:18px}#info .close:hover{background:#f1f3f4}#nav{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:44px;right:16px}.fab{background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow);cursor:pointer;color:#3c4043;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.fab:hover{background:#f8f9fa}.fab svg{width:22px;height:22px}.fab.text{font-size:15px;font-weight:500}.fab[hidden]{display:none}.compass{width:48px;height:48px}.compass svg{width:40px;height:40px;transition:transform .1s linear}.compass .n{font:600 8px var(--font);fill:#d93025}.compass .north{fill:#d93025}.compass .south{fill:#9aa0a6}.zoom{background:var(--surface);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.zoom button{cursor:pointer;color:#3c4043;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.zoom button+button{border-top:1px solid #e8eaed}.zoom button:hover{background:#f8f9fa}.zoom svg{width:22px;height:22px}#status{color:#e8eaed;font-variant-numeric:tabular-nums;z-index:2;background:#202124b3;border-top-left-radius:6px;align-items:center;gap:14px;padding:4px 12px;font-size:11.5px;display:flex;position:fixed;bottom:0;right:0}#status .credit{color:#bdc1c6}#status .scale{flex-direction:column;gap:1px;display:flex}#status .scale span{box-sizing:border-box;white-space:nowrap;height:11px;padding:0 3px;font-size:11px;line-height:9px;display:block}#scaleMi{border:1px solid #e8eaed;border-top:0}#scaleKm{border:1px solid #e8eaed;border-bottom:0}.lbl{pointer-events:auto;cursor:pointer;white-space:nowrap;font:700 15px var(--font);color:#fff;text-shadow:0 0 3px #000,0 0 2px #000,0 0 1px #000;border-radius:3px;padding:1px 6px}.lbl:hover{background:#0006}.lbl.gate{color:#c6d4ff}.lbl.street,.lbl.road{color:#ffe9b8;font-style:italic;font-weight:400}.lbl.hill,.lbl.district,.lbl.water{color:#d8f0d0;letter-spacing:2px;font-size:17px;font-weight:400}.lbl.castle,.lbl.sept,.lbl.pit,.lbl.keep{color:#ffd27a;font-size:17px}.lbl.wood{color:#b9f0a8}.globe-place{text-align:center;pointer-events:auto;cursor:pointer;color:#fff;font:600 15px/1.1 var(--font);white-space:nowrap;text-shadow:0 0 3px #000,0 0 2px #000,0 0 1px #000;padding-bottom:7px;position:relative}.globe-place svg{filter:drop-shadow(0 0 1.5px #000)drop-shadow(0 0 1px #000);width:11px;height:11px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.globe-place.k-sea,.globe-place.k-ocean,.globe-place.k-lake,.globe-place.k-river{font-style:italic}.globe-place.k-river{font-size:13px}.globe-area{text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 4px #fff,0 0 6px #fffc;padding-bottom:0;font-weight:600}.globe-area.k-sea,.globe-area.k-ocean,.globe-area.k-lake,.globe-area.k-river{color:#1f58a8}.globe-area.k-region{color:#7a4f12}.globe-area:hover{color:#000}.globe-place.k-ocean{letter-spacing:.32em;font-size:22px}.globe-place.k-sea{letter-spacing:.2em;font-size:17px}.globe-place.k-lake{letter-spacing:.15em}.globe-place.k-region{letter-spacing:.28em;font-size:18px;font-weight:600}.globe-place.k-city{font-size:16px;font-weight:700}.globe-place.k-capital{font-size:15px;font-weight:700}.globe-place.k-city svg,.globe-place.k-capital svg{width:14px;height:14px}.globe-place.k-minor,.globe-place.k-ruin{font-size:13px}.globe-place.k-minor svg{width:8px;height:8px}.k-sea,.k-ocean{color:#8fbfff}.k-lake{color:#6fe0f0}.k-river{color:#a9d8ff}.k-region{color:#ffd27a}.k-city{color:#fff}.k-town{color:#fff0a8}.k-castle,.k-capital{color:#ff9f8a}.k-minor{color:#ffc4b8}.k-ruin{color:#c9a8ff}.k-island{color:#a6f0a0}.k-mountain{color:#e2b88c}.k-forest{color:#7fd68a}.k-wild{color:#f2cd7e}.k-landmark{color:#f4a8dc}.globe-place:hover{color:#fff;text-decoration:underline}.pill[hidden],#editPanel{display:none}body.editing #editPanel{display:block}body.editing .globe-only{display:none}.rot-row{align-items:center;gap:8px;display:flex}.rot-row button{background:var(--surface);cursor:pointer;border:1px solid #dadce0;border-radius:50%;width:32px;height:32px;font-size:16px}.rot-row button:disabled,#editPanel .pill:disabled{opacity:.45;cursor:default}.edit-box{z-index:5;box-sizing:border-box;pointer-events:none;background:#ffc93329;border:2px solid #ffc933;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #000000bf,0 0 0 4px #ffc93340,0 0 14px #ffc933b3}.edit-box[hidden]{display:none}.edit-box .h{box-sizing:border-box;pointer-events:auto;background:#fff;border:2px solid #e09a00;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #000000b3}.edit-box .h:hover{background:#ffc933}.edit-box .nw{cursor:nwse-resize;top:0;left:0}.edit-box .se{cursor:nwse-resize;top:100%;left:100%}.edit-box .ne{cursor:nesw-resize;top:0;left:100%}.edit-box .sw{cursor:nesw-resize;top:100%;left:0}.edit-box .rot{cursor:grab;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;top:-34px;left:50%}.edit-box .stem{background:#ffc933;width:2px;height:28px;margin-left:-1px;position:absolute;top:-28px;left:50%;box-shadow:0 0 0 1px #0009}.edit-box:not(.flat) .rot,.edit-box:not(.flat) .stem{display:none}#rotV,#sizeV{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2em}body.editing .globe-place{cursor:move}.globe-place.sel{outline-offset:2px;outline:1px dashed #ffd27a}@media (width<=700px){#side{width:auto;right:12px}#ui{max-height:45vh}#info{bottom:64px}#status .credit{display:none}#nav{bottom:64px}}.legend-row{justify-content:space-between}.legend-row .what{flex:1;align-items:center;gap:8px;display:flex}.legend-row svg{box-sizing:border-box;background:#343d4d;border-radius:4px;flex:none;width:18px;height:18px;padding:3px}.legend-row .n{color:var(--muted);font-size:14px}.legend-actions{gap:12px;margin:2px 0 4px;font-size:14px;display:flex}.legend-actions button{color:var(--link,#1a73e8);cursor:pointer;background:0 0;border:0;padding:0}#loading{z-index:100;color:#e8e4d8;background:#0b0d12;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading h1{margin:0;font-family:Cormorant Infant,serif;font-weight:600}#loading .bar{background:#fff2;border-radius:2px;width:min(320px,70vw);height:4px;overflow:hidden}#loadFill{background:#d9b86c;width:0;height:100%;transition:width .25s}#loadMsg{opacity:.7;margin:0;font-size:13px}#loadHint{z-index:20;color:#e8e4d8;background:#0b0d12cc;border-radius:16px;padding:6px 14px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#loadHint[hidden]{display:none}#status .credit a{color:inherit;text-decoration:underline}