.town-nav{color:var(--disc-ink,#344639)}.town-nav-tools{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.town-nav-tools label{grid-column:1/-1;font-size:12px}.town-nav-tools input{min-width:0;width:100%;padding:12px;border:2px solid var(--disc-edge,#a4b396);background:var(--disc-paper,#fffdf5);color:inherit;font:15px sans-serif}.town-nav-regions{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.town-nav-regions button{padding:7px 10px;border:1px solid var(--disc-edge,#abb49e);background:transparent;color:inherit;font:12px var(--pixel);cursor:pointer}.town-nav-regions button[aria-pressed=true]{background:#dec48b;color:#343d31}.town-nav-note{font-size:12px;line-height:1.8;opacity:.8}.town-nav-list{display:grid;gap:8px;margin-top:16px}.town-nav-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px 10px;border:1px solid var(--disc-edge,#b5bba8);background:var(--disc-paper,#fffdf6);color:inherit;text-align:left;cursor:pointer}.town-nav-row:hover,.town-nav-row:focus-visible{border-color:#ad884c;outline:2px solid #dbc68b;outline-offset:1px}.town-nav-row>span:nth-child(2){flex:1;min-width:0}.town-nav-row strong{display:block;font:17px/1.6 var(--pixel)}.town-nav-row small{display:block;font-size:12px;line-height:1.7;opacity:.75}.town-nav-number{font:13px monospace;color:#987b4b}.town-nav-distance{font-size:11px;white-space:nowrap;opacity:.7}.town-nav-empty{padding:32px;text-align:center}.town-map-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:0;padding:0;background:transparent;cursor:pointer;color:#3e5847;z-index:1}.town-map-pin>b{display:grid;place-items:center;width:23px;height:26px;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);background:#fff8dc;border:2px solid #586b54;font:10px monospace;box-shadow:0 2px 0 #4b5d4e}.town-map-pin>span{display:none;position:absolute;bottom:34px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 11px;background:#fff8dc;border:2px solid #586b54;font:14px var(--pixel);box-shadow:3px 3px 0 #3c4b3830}.town-map-pin:hover,.town-map-pin:focus-visible{z-index:4}.town-map-pin:hover>span,.town-map-pin:focus-visible>span{display:block}.town-map-pin:focus-visible{outline:2px solid #dec070;outline-offset:3px}.town-map-pin:hover>b{background:#e7c57d}.map-labels-nav-note{position:absolute;left:10px;bottom:44px;background:#fff8dc;color:#415641;padding:8px 12px;font:12px var(--pixel);pointer-events:none}.night .town-map-pin>b,.night .town-map-pin>span{background:#e1d5b5;color:#354841}.interior-map .map-bottom{display:block!important}.interior-map .map-location{display:none}.interior-map .overview-enter{display:flex!important}@media(max-width:600px){.town-nav-tools{grid-template-columns:1fr}.town-nav-tools label{grid-column:1}.town-nav-row{gap:8px;padding:11px 8px}.town-nav-row strong{font-size:15px}.town-nav-distance{font-size:9px}.town-nav-regions button{font-size:11px;padding:7px}.town-map-pin>b{width:21px;height:24px}.map-labels-nav-note{left:8px;bottom:58px;font-size:10px}}
.night .town-nav{color:#eee1c7;--disc-paper:#353244;--disc-edge:#70667e}.night .town-nav-tools input{background:#292d36;color:#f2e6cb}.night .town-nav-number{color:#dfbd7a}.night .town-nav-distance{color:#dfd6bf}.night .town-nav-regions button[aria-pressed=true]{color:#2e382e}
#content-dialog:has(.town-nav){width:min(860px,calc(100vw - 32px));max-width:860px}.town-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.town-nav-list{grid-template-columns:1fr}#content-dialog:has(.town-nav){width:calc(100vw - 24px)}}