.map-canvas{background:var(--color-map-bg);flex:5;min-width:0;min-height:0;position:relative;overflow:hidden}.map-canvas canvas{cursor:url(/svg/crosshair.svg) 12 12,crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-canvas canvas[data-dragging]{cursor:grabbing}.map-canvas{--map-bottom:var(--space-2);--map-control-size:44px}.map-controls{z-index:1;right:var(--space-2);bottom:var(--map-bottom);gap:var(--space-1);flex-direction:column;display:flex;position:absolute}.map-control{width:var(--map-control-size);height:var(--map-control-size);border:var(--border-1) solid #ffffff59;border-radius:var(--radius-0);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#111c;justify-content:center;align-items:center;padding:0;display:flex}.map-control img{object-fit:contain;width:24px;height:24px;image-rendering:pixelated;pointer-events:none;-webkit-user-drag:none}@media (hover:hover){.map-control:hover:not(:disabled,[aria-disabled=true]){background:#111;border-color:#fff}}.map-control:active:not(:disabled,[aria-disabled=true]){background:#000}.map-control:disabled,.map-control[aria-disabled=true]{cursor:not-allowed}.map-control:disabled img,.map-control[aria-disabled=true] img{opacity:.35}.map-controls__go-to{position:relative}.go-to{right:calc(100% + var(--space-2));width:max-content;max-width:calc(100vw - var(--map-control-size) - 4 * var(--space-2));padding:var(--space-2);border:var(--border-1) solid #ffffff59;color:#fff;font-family:var(--font-display);background:#111;font-size:12px;position:absolute;bottom:0}.go-to__fields{align-items:flex-end;gap:var(--space-2);display:flex}.go-to__field{gap:var(--space-1);flex-direction:column;display:flex}.go-to__field .input{width:96px;font-size:16px}.go-to__field .input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.go-to__error{max-width:264px;margin:var(--space-2) 0 0;color:#ff8a80;line-height:1.4}.scale-bar{left:var(--space-2);bottom:var(--map-bottom);padding:2px var(--space-2) var(--space-1);color:#fff;font-family:var(--font-display);pointer-events:none;background:#111c;font-size:12px;line-height:1.4;position:absolute}.scale-bar__bar{border:2px solid #fff;border-top:0;height:6px;margin-top:2px;display:block}.map-tip{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.map-tip__bubble{border:var(--border-1) solid #ffffff59;width:max-content;max-width:260px;box-shadow:var(--shadow-1);color:#fff;font-family:var(--font-display);background:#111111e0;padding:6px 8px;font-size:12px;line-height:1.4;position:absolute}.map-tip__biome,.map-tip__structure{align-items:center;gap:6px;display:flex}.map-tip__structure+.map-tip__biome{color:#ffffffd9}.map-tip__icon{object-fit:contain;width:16px;height:16px;image-rendering:pixelated;flex:none}.map-tip__swatch{border:var(--border-1) solid #fff;flex:none;width:12px;height:12px}.map-tip__name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.map-tip__coords{color:#ffffffd9;white-space:nowrap;font-size:11px}.map-tip__coords b{font-weight:400}.map-tip__dot{background:#fff;border:3px solid #111;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px}.map-tip__close{color:#fff;cursor:pointer;pointer-events:auto;background:0 0;border:0;flex:none;justify-content:flex-end;align-items:center;width:32px;height:32px;margin:-8px -8px -8px auto;padding:0 8px 0 0;display:flex}.map-tip__close svg{display:block}.map-tip__close:focus-visible{outline:var(--border-3) solid var(--color-accent);outline-offset:calc(-1 * var(--border-3))}.map-hint{bottom:calc(var(--map-bottom) + 40px);max-width:calc(100% - 2 * (var(--map-control-size) + 2 * var(--space-2)));width:max-content;padding:var(--space-1) var(--space-3);color:#fff;font-family:var(--font-display);text-align:center;text-wrap:balance;pointer-events:none;background:#111c;margin:0;font-size:12px;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}@media (hover:hover){.map-hint__touch{display:none}}@media (hover:none){.map-hint__mouse{display:none}}.map-hint__touch>span{display:block}@media (width<=767px){.map-canvas{--map-bottom:calc(var(--sheet-collapsed) + var(--space-2))}}.help-tip{cursor:pointer;vertical-align:middle;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin:-8px -6px;padding:0;display:inline-flex}.help-tip img{image-rendering:pixelated;display:block}.help-tip[aria-expanded=true] img{filter:brightness(1.15)}.help-tip__bubble{z-index:var(--z-overlay);align-items:flex-start;gap:var(--space-1);border:var(--border-1) solid #ffffff59;width:max-content;max-width:min(260px,100vw - 32px);box-shadow:var(--shadow-1);color:#fff;font-family:var(--font-body);text-align:left;background:#111;padding:8px 4px 8px 10px;font-size:13px;line-height:1.45;display:flex;position:fixed}.help-tip__text{margin:0}.help-tip__close{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:flex-start;width:32px;height:32px;margin:-8px -4px -8px 0;padding:10px 0 0;display:flex}.help-tip__close svg{display:block}.help-tip__close:focus-visible{outline:var(--border-3) solid var(--color-accent);outline-offset:calc(-1 * var(--border-3))}