.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-arrow{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff8f;border:0;width:75px;height:50px;padding:0;position:absolute}.map-arrow img{pointer-events:none;-webkit-user-drag:none;width:100%;height:100%}.map-arrow--up{top:5px;left:calc(50% - 37.5px)}.map-arrow--left{top:calc(50% - 25px);left:-7px;transform:rotate(270deg)}.map-arrow--down{top:calc(100% - 55px);left:calc(50% - 37.5px);transform:rotate(180deg)}.map-arrow--right{top:calc(50% - 25px);right:-7px;transform:rotate(90deg)}.map-tip{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{align-items:center;gap:6px;display:flex}.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{--hint-bottom:63px;bottom:var(--hint-bottom);max-width:calc(100% - 2 * var(--space-4));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-arrow--down{top:calc(100% - 55px - var(--sheet-collapsed) - var(--space-2))}.map-hint{--hint-bottom:calc(63px + var(--sheet-collapsed,0px) + 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))}