:root{--map-header-h: 72px;--map-footer-h: 40px;--area-map-radius: 12px;--area-map-shadow-lg: 0 12px 34px rgba(80, 70, 51, .18);--area-map-shadow-md: 0 8px 22px rgba(80, 70, 51, .16);--area-map-shadow-sm: 0 2px 8px rgba(80, 70, 51, .12);--area-map-overlay-bg: rgba(255, 255, 255, .96);--area-map-hud-gap: 1rem}.area-explorer-page{position:relative;display:block;width:100%;margin:0;padding:0}.area-explorer{position:relative;width:100%;height:calc(100dvh - var(--map-header-h) - var(--map-footer-h));overflow:hidden;background:var(--mn-green-soft)}.area-explorer__canvas{position:absolute;inset:0;width:100%;height:100%;background:var(--mn-green-soft)}.area-explorer__hud-header{position:absolute;top:var(--area-map-hud-gap);left:var(--area-map-hud-gap);z-index:4;display:grid;gap:.25rem;max-width:min(20rem,calc(100% - 2rem));padding:.55rem .9rem;border:1px solid var(--mn-line-soft);border-radius:var(--area-map-radius);background:var(--area-map-overlay-bg);box-shadow:var(--area-map-shadow-sm);pointer-events:auto;backdrop-filter:blur(8px)}.area-explorer__hud-header .breadcrumb{font-size:.7rem}.area-explorer__title{margin:0;color:var(--mn-ink-1);font-family:var(--mn-serif);font-size:1.05rem;font-weight:500;letter-spacing:.04em;line-height:1.3}.area-explorer__top{position:absolute;top:var(--area-map-hud-gap);left:50%;z-index:5;width:clamp(20rem,48vw,34rem);max-width:calc(100% - 2rem);transform:translate(-50%);pointer-events:none}.area-explorer__top>*{pointer-events:auto}.area-search{position:relative}.area-search__bar{display:flex;gap:.4rem;align-items:center;min-height:2.85rem;margin:0;padding:.45rem .7rem;border:1px solid var(--mn-line);border-radius:999px;background:var(--area-map-overlay-bg);box-shadow:var(--area-map-shadow-md);transition:border-color .18s ease,box-shadow .18s ease;backdrop-filter:blur(8px)}.area-search__bar:focus-within{border-color:var(--mn-accent);box-shadow:var(--area-map-shadow-md),0 0 0 3px #b4754a33}.area-search__icon{display:grid;flex:0 0 auto;width:1.25rem;height:1.25rem;place-items:center;color:var(--mn-ink-3)}.area-search__input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:var(--mn-ink-1);font:inherit;font-size:.98rem;padding:.25rem .3rem;outline:none}.area-search__input::placeholder{color:var(--mn-ink-3)}.area-search__clear{display:grid;flex:0 0 auto;width:1.65rem;height:1.65rem;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--mn-ink-3);cursor:pointer;font:inherit;font-size:1.05rem;line-height:1;transition:background .18s ease,color .18s ease}.area-search__clear:hover{background:var(--mn-accent-soft);color:var(--mn-accent-deep)}.area-search__clear[hidden]{display:none}.area-explorer__legend{position:absolute;right:var(--area-map-hud-gap);top:var(--area-map-hud-gap);z-index:4;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;max-width:min(22rem,calc(100% - 2rem));padding:.55rem .75rem;border:1px solid var(--mn-line-soft);border-radius:var(--area-map-radius);background:var(--area-map-overlay-bg);box-shadow:var(--area-map-shadow-sm);color:var(--mn-ink-2);font-size:.72rem;font-weight:700;line-height:1.2;backdrop-filter:blur(8px)}.area-explorer__legend span{display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap}.area-explorer__legend-swatch{display:block;width:.72rem;height:.72rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 0 0 1px #5046331f}.area-explorer__legend-swatch--low{background:#d99d70}.area-explorer__legend-swatch--mid{background:#b4754a}.area-explorer__legend-swatch--high{background:#8d5631}.area-panel{position:absolute;top:calc(var(--area-map-hud-gap) + 5.5rem);bottom:var(--area-map-hud-gap);left:var(--area-map-hud-gap);z-index:3;display:grid;grid-template-rows:minmax(0,1fr);width:clamp(20rem,28vw,26rem);overflow:hidden;border:1px solid var(--mn-line);border-radius:var(--area-map-radius);background:var(--area-map-overlay-bg);box-shadow:var(--area-map-shadow-lg);transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .2s ease;backdrop-filter:blur(8px)}.area-panel.is-collapsed{transform:translate(calc(-100% - var(--area-map-hud-gap) - .5rem));opacity:0;pointer-events:none}.area-panel__toggle{position:absolute;top:50%;right:-1.1rem;z-index:4;display:grid;width:2.2rem;height:2.2rem;place-items:center;border:1px solid var(--mn-line);border-radius:999px;background:var(--area-map-overlay-bg);color:var(--mn-ink-2);cursor:pointer;font-size:1rem;line-height:1;box-shadow:var(--area-map-shadow-sm);transform:translateY(-50%);transition:background .18s ease,color .18s ease,right .24s cubic-bezier(.4,0,.2,1)}.area-panel__toggle:hover{background:var(--mn-accent-soft);color:var(--mn-accent-deep)}.area-panel.is-collapsed .area-panel__toggle{right:calc(-2.2rem - var(--area-map-hud-gap));transform:translate(calc(100% + var(--area-map-hud-gap)),-50%)}.area-panel__toggle-icon{display:inline-block;transition:transform .24s cubic-bezier(.4,0,.2,1)}.area-panel.is-collapsed .area-panel__toggle-icon{transform:rotate(180deg)}.area-panel__body{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.area-panel__summary{display:grid;gap:.25rem;padding:.85rem 1rem;border-bottom:1px solid var(--mn-line)}.area-panel__count{margin:0;color:var(--mn-ink-1);font-size:1.05rem;font-weight:800;line-height:1.3}.area-panel__status{margin:0;color:var(--mn-ink-3);font-size:.8rem;line-height:1.6}.area-panel__status.is-error{color:#a67a2c}.area-panel__results{display:grid;align-content:start;min-height:0;margin:0;padding:0;overflow-y:auto}.area-result-section{display:grid;gap:.75rem;padding:.9rem 1rem 1rem;border-bottom:1px solid var(--mn-line-soft)}.area-result-section__heading{display:flex;gap:.5rem;align-items:baseline;justify-content:space-between;margin:0;color:var(--mn-ink-1);font-size:.95rem;font-weight:800;line-height:1.4}.area-result-section__count{color:var(--mn-ink-3);font-size:.74rem;font-weight:600;white-space:nowrap}.area-result-group{display:grid;gap:.35rem}.area-result-group__heading{margin:0;color:var(--mn-ink-3);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1.3}.area-result-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.area-result{display:grid;grid-template-columns:2.25rem minmax(0,1fr);overflow:hidden;border:1px solid var(--mn-line-soft);border-radius:8px;background:#ffffffc7;transition:border-color .18s ease,background .18s ease}.area-result.is-active{border-color:var(--mn-accent);background:var(--mn-accent-soft);box-shadow:inset 3px 0 0 var(--mn-accent)}.area-result__focus{display:grid;place-items:center;width:100%;border:0;border-right:1px solid var(--mn-line-soft);background:transparent;color:var(--mn-accent-deep);cursor:pointer;font:inherit;font-size:.95rem}.area-result__focus:hover{background:#b4754a1f}.area-result__link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;min-width:0;padding:.65rem .75rem;color:inherit;text-decoration:none}.area-result__link:hover{background:#b4754a1a;color:inherit;text-decoration:none}.area-result__body{display:grid;gap:.2rem;min-width:0}.area-result__name{overflow:hidden;color:var(--mn-ink-1);font-size:.9rem;font-weight:800;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.area-result__meta{overflow:hidden;color:var(--mn-ink-3);font-size:.72rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.area-result__count{color:var(--mn-accent-deep);font-family:var(--mn-latin-serif);font-size:.8rem;font-weight:700;white-space:nowrap}.area-empty{display:grid;gap:.8rem;padding:1rem;border-bottom:1px solid var(--mn-line-soft)}.area-empty p{margin:0;color:var(--mn-ink-2);font-size:.9rem;line-height:1.8}.area-empty button{justify-self:start;border:1px solid var(--mn-line);border-radius:999px;background:#fff;color:var(--mn-ink-2);cursor:pointer;font:inherit;font-size:.82rem;font-weight:700;padding:.45rem .75rem;transition:border-color .18s ease,color .18s ease,background .18s ease}.area-empty button:hover{border-color:var(--mn-accent);background:var(--mn-accent-soft);color:var(--mn-accent-deep)}.area-sheet{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;grid-template-rows:auto minmax(0,1fr);height:var(--sheet-h, 40dvh);background:var(--area-map-overlay-bg);box-shadow:0 -10px 30px #50463329;border-top-left-radius:18px;border-top-right-radius:18px;overflow:hidden;transition:height .28s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(8px)}.area-sheet[data-map-sheet-dragging=true]{transition:none}.area-sheet[data-map-sheet-state=min]{--sheet-h: 4rem}.area-sheet[data-map-sheet-state=mid]{--sheet-h: 42dvh}.area-sheet[data-map-sheet-state=full]{--sheet-h: calc(100dvh - var(--map-header-h) - var(--map-footer-h) - 1rem)}.area-sheet__handle{display:grid;place-items:center;height:1.6rem;border-bottom:1px solid var(--mn-line);cursor:ns-resize;touch-action:none}.area-sheet__handle:focus-visible{outline:2px solid var(--mn-accent);outline-offset:-3px}.area-sheet__grabber{width:2.4rem;height:.28rem;border-radius:999px;background:var(--mn-line)}.area-sheet__body{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.area-sheet[data-map-sheet-state=min] .area-sheet__body{display:none}.area-map-popup .maplibregl-popup-content{overflow:hidden;border-radius:10px;box-shadow:var(--area-map-shadow-lg);padding:0}.area-popup{display:grid;gap:.35rem;width:14rem;padding:.8rem;background:#fff}.area-popup__prefecture{margin:0;color:var(--mn-ink-3);font-size:.72rem;font-weight:700;line-height:1.3}.area-popup h3{margin:0;color:var(--mn-ink-1);font-size:.95rem;font-weight:800;line-height:1.45}.area-popup p{margin:0;color:var(--mn-ink-2);font-size:.8rem;line-height:1.55}.area-popup a{font-size:.82rem;font-weight:800}@media(min-width:1024px){.area-sheet{display:none}}@media(max-width:1023px){.area-panel{display:none}.area-explorer__top{top:calc(var(--area-map-hud-gap) - .25rem);width:calc(100% - 1.5rem)}.area-explorer__hud-header{top:auto;bottom:calc(var(--sheet-h, 42dvh) + .75rem);left:.75rem;padding:.4rem .7rem}.area-explorer__hud-header .breadcrumb{display:none}.area-explorer__title{font-size:.9rem}.area-explorer__legend{top:auto;right:.75rem;bottom:calc(var(--sheet-h, 42dvh) + .75rem);max-width:min(18rem,calc(100% - 8rem))}}@media(max-width:560px){.area-explorer__top{top:.55rem;width:calc(100% - 1rem)}.area-search__bar{min-height:2.65rem;padding:.35rem .6rem}.area-search__input{font-size:.92rem}.area-explorer__legend{gap:.4rem;padding:.4rem .55rem;font-size:.66rem}.area-result__link{padding:.58rem .65rem}}