:root{--ink:#292a25;--paper:#ece7da;--paper-dark:#dfd7c6;--rust:#a64f35;--indigo:#4b6170;--glass:#3b827c;--line:#292a252e;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html,body{background:var(--paper);width:100%;height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}button,a{font:inherit;color:inherit}.map-app{background-color:var(--paper);background-image:radial-gradient(#2c2a2312 .7px,#0000 .7px);background-size:6px 6px;width:100%;height:100%;position:relative}.map-header{z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#ece7dadb;justify-content:space-between;align-items:center;height:82px;padding:0 4vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{font:600 18px var(--serif);letter-spacing:.09em;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{border:1.5px solid;border-radius:50%;width:25px;height:25px;position:relative}.brand-mark:after{content:"";border:1px solid;border-top:0;border-radius:0 0 50% 50%;width:11px;height:5px;position:absolute;top:10px;left:5.5px}.map-actions{gap:8px;display:flex}.icon-button,.menu-button{border:1px solid var(--line);cursor:pointer;background:#ffffff59;place-items:center;width:42px;height:42px;display:grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:19px}.menu-button{align-content:center;gap:5px}.menu-button i{background:currentColor;width:18px;height:1px;display:block}.filter-bar{z-index:20;scrollbar-width:none;gap:8px;max-width:calc(100% - 36px);padding:2px;display:flex;position:absolute;top:101px;left:50%;overflow:auto;transform:translate(-50%)}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);backdrop-filter:blur(10px);white-space:nowrap;cursor:pointer;background:#f7f4ece8;border-radius:99px;align-items:center;gap:8px;padding:10px 15px;transition:all .2s;display:flex;box-shadow:0 4px 18px #2f2b210d}.filter-chip b{opacity:.45;font-size:10px;font-weight:500}.filter-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-dot,.map-key i{background:#666;border-radius:50%;width:9px;height:9px;display:block}.chip-dot.pottery,.map-key i.pottery{background:var(--rust)}.chip-dot.porcelain,.map-key i.porcelain{background:var(--indigo)}.chip-dot.glass,.map-key i.glass{background:var(--glass)}.chip-dot.all{background:conic-gradient(var(--rust) 0 33%,var(--indigo) 0 66%,var(--glass) 0)}.map-stage{position:absolute;inset:0;overflow:hidden}.map-title{z-index:3;pointer-events:none;position:absolute;top:24%;left:5vw}.map-title p{letter-spacing:.25em;color:#8b4937;font-size:10px}.map-title h1{font:500 clamp(35px,4.6vw,66px)/1.48 var(--serif);letter-spacing:.065em;margin:0}.japan-map{transform-origin:65%;width:min(76vw,900px);height:auto;transition:transform .35s;position:absolute;top:50%;right:2vw;transform:translateY(-45%)}.land{fill:#aeb1a4;stroke:#696f67;stroke-width:1.3px}.grain{fill:url(#grain);stroke:none}.route{fill:none;stroke:#aa624b;stroke-width:1.5px;stroke-dasharray:5 8;opacity:.35}.pin-layer{z-index:6;transform-origin:65%;transition:transform .35s;position:absolute;inset:0}.craft-pin{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;transition:opacity .25s,transform .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.craft-pin:hover,.craft-pin:focus-visible{z-index:4;outline:none;transform:translate(-50%,-50%)scale(1.1)}.craft-pin.hidden{opacity:0;pointer-events:none}.pin-symbol{color:#fff;border:2px solid var(--paper);border-radius:50% 50% 50% 12%;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-45deg);box-shadow:0 5px 14px #2f2b2140}.pin-symbol svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:19px;height:19px;transform:rotate(45deg)}.craft-pin[data-type=pottery] .pin-symbol{background:var(--rust)}.craft-pin[data-type=porcelain] .pin-symbol{background:var(--indigo)}.craft-pin[data-type=glass] .pin-symbol{background:var(--glass)}.pin-label{font:600 11px var(--serif);white-space:nowrap;background:#f1ede2e0;margin-top:7px;padding:3px 7px}.map-key{z-index:5;gap:18px;font-size:10px;display:flex;position:absolute;bottom:38px;left:4vw}.map-key span{align-items:center;gap:6px;display:flex}.result-count{z-index:5;align-items:baseline;gap:5px;display:flex;position:absolute;bottom:35px;right:4vw}.result-count strong{font:500 27px var(--serif)}.result-count span{color:#69675f;font-size:10px}.zoom-control{z-index:7;background:#f7f4ece6;display:grid;position:absolute;top:50%;right:4vw;box-shadow:0 5px 20px #00000014}.zoom-control button{border:1px solid var(--line);cursor:pointer;background:0 0;width:39px;height:39px;font-size:18px}.place-dialog{width:min(410px,100vw - 32px);color:var(--ink);background:#f3efe5;border:0;max-height:90vh;margin:auto 5vw auto auto;padding:0;position:fixed;box-shadow:0 22px 70px #1b191547}.place-dialog::backdrop{backdrop-filter:blur(1px);background:#27262038}.dialog-close{z-index:2;cursor:pointer;background:#f5f1e7e0;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:12px;right:12px}.sheet-handle{display:none}.dialog-image{background:#aaa;height:205px;position:relative;overflow:hidden}.dialog-image img{object-fit:cover;width:100%;height:100%}.dialog-image span{color:#fff;background:#24231fd4;border-radius:99px;padding:5px 10px;font-size:10px;position:absolute;bottom:14px;left:15px}.dialog-content{padding:25px}.dialog-content>p:first-child{letter-spacing:.1em;color:#8b4937;margin:0;font-size:11px}.dialog-content h2{font:600 30px var(--serif);letter-spacing:.06em;margin:3px 0 11px}.dialog-lead{font:500 14px/1.9 var(--serif);margin:0}.dialog-meta{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;margin:21px 0;display:grid}.dialog-meta div{flex-direction:column;padding:13px 0;display:flex}.dialog-meta div+div{border-left:1px solid var(--line);padding-left:16px}.dialog-meta small{color:#777269;font-size:9px}.dialog-meta strong{font:500 12px var(--serif);margin-top:3px}.detail-button{background:var(--ink);color:#fff;justify-content:space-between;padding:14px 17px;font-size:12px;text-decoration:none;display:flex}.source-note{text-align:center;color:#8a867d!important;margin:12px 0 0!important;font-size:9px!important}.detail-page{background:#eee9dd;overflow:auto}.detail-header{border-bottom:1px solid var(--line);backdrop-filter:blur(10px);z-index:5;background:#eee9ddeb;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.back-link{font-size:12px;text-decoration:none}.detail-hero{grid-template-columns:1fr 1fr;min-height:480px;display:grid}.detail-hero-image{background:50%/cover}.detail-hero-copy{align-self:center;padding:8vw}.detail-hero-copy .kicker{color:var(--rust);letter-spacing:.16em;font-size:11px}.detail-hero-copy h1{font:600 clamp(40px,6vw,75px) var(--serif);margin:10px 0}.detail-hero-copy .lead{font:500 17px/2 var(--serif)}.detail-body{grid-template-columns:1fr 2fr;gap:8vw;padding:90px max(7vw,50vw - 550px);display:grid}.detail-body nav{color:#777;font-size:11px}.detail-body article h2{font:600 30px var(--serif);margin-top:0}.detail-body article p{font:400 15px/2.15 var(--serif)}.source-box{border:1px solid var(--line);margin-top:55px;padding:22px;font-size:11px}.source-box strong{margin-bottom:8px;display:block}.source-box p{color:#777;margin:0;font:400 11px/1.8 var(--sans)!important}@media (width<=760px){.map-header{height:66px;padding:0 16px}.brand{font-size:16px}.brand-mark{width:23px;height:23px}.icon-button,.menu-button{width:37px;height:37px}.filter-bar{width:100%;max-width:100%;padding:2px 14px 8px;top:80px;left:0;transform:none}.filter-chip{padding:9px 13px}.map-title{top:142px;left:18px}.map-title p{font-size:8px}.map-title h1{font-size:28px;line-height:1.45}.japan-map{width:155vw;max-width:none;top:57%;right:-50vw;transform:translateY(-46%)}.pin-layer{font-size:10px}.pin-symbol{width:35px;height:35px}.pin-label{font-size:9px}.map-key{left:16px;bottom:max(22px,env(safe-area-inset-bottom));gap:11px}.result-count{right:16px;bottom:max(19px,env(safe-area-inset-bottom))}.zoom-control{display:none}.place-dialog{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:88svh;margin:auto 0 0}.place-dialog[open]{animation:.28s ease-out sheetUp}.place-dialog::backdrop{background:#2726205c}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{background:#969087;border:0;border-radius:99px;width:42px;height:4px;margin:9px auto;display:block}.dialog-image{height:170px}.dialog-content{padding:20px 22px max(22px,env(safe-area-inset-bottom))}.dialog-content h2{font-size:27px}.detail-hero{grid-template-columns:1fr}.detail-hero-image{min-height:320px}.detail-hero-copy{padding:45px 7vw}.detail-body{grid-template-columns:1fr;gap:30px;padding:60px 7vw}}.vector-map{z-index:2;aspect-ratio:1;transform-origin:50%;touch-action:none;cursor:grab;will-change:transform;width:min(76vh,76vw);transition:transform .34s cubic-bezier(.2,.75,.25,1),opacity .32s;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.vector-map.dragging{cursor:grabbing;transition:none}.vector-map.inactive{opacity:0;pointer-events:none}.detail-map-wrap,.detail-map{position:absolute;inset:0}.detail-map-wrap{z-index:2;opacity:0;visibility:hidden;pointer-events:none;background:#efede5;transition:opacity .28s,visibility .28s}.detail-map-wrap.active{opacity:1;visibility:visible;pointer-events:auto}.detail-map{cursor:grab;touch-action:none;overscroll-behavior:contain}.detail-map:active{cursor:grabbing}.detail-map>div{width:100%;height:100%}.map-provider-notice,.layer-summary{z-index:7;color:#454741;font:500 10px var(--sans);backdrop-filter:blur(10px);pointer-events:none;background:#f7f4ece0;border:1px solid #292a251f;border-radius:999px;margin:0;padding:6px 10px;position:absolute;left:50%;transform:translate(-50%)}.map-provider-notice{bottom:54px}.layer-summary{text-overflow:ellipsis;white-space:nowrap;max-width:min(72vw,620px);top:78px;overflow:hidden}.japan-svg-host,.japan-svg-host>svg{width:100%;height:100%;display:block}.japan-svg-host>svg{filter:drop-shadow(0 0 1px #343732b8)drop-shadow(0 10px 16px #2a282214);overflow:visible}.japan-svg-host .prefecture{fill:#e3e4df;stroke:#0000;transition:fill .25s,stroke .25s}.vector-map:not([data-level="0"]) .japan-svg-host .prefecture{fill:#eeece5;stroke:#77786f;stroke-width:1px}.map-label-layer,.geo-pin-layer{pointer-events:none;position:absolute;inset:0}.map-label-layer{z-index:3}.geo-pin-layer{z-index:4}.map-label{transform:translate(-50%, -50%) scale(var(--counter-scale,1));white-space:nowrap;color:#3d403a;text-shadow:0 1px 3px #f7f4ecf2,0 0 4px #f7f4ec;opacity:0;font-family:var(--sans);line-height:1;transition:opacity .25s;position:absolute}.map-label.prefecture{letter-spacing:.04em;font-size:9px;font-weight:600}.map-label.city{font-size:8px}.vector-map:not([data-level="0"]) .map-label.prefecture,.vector-map[data-level="2"] .map-label.city,.vector-map[data-level="3"] .map-label.city,.vector-map[data-level="4"] .map-label.city,.vector-map[data-level="5"] .map-label.city,.vector-map[data-level="6"] .map-label.city{opacity:.9}.geo-craft-pin{width:74px;height:54px;transform:translate(-50%, -50%) scale(var(--counter-scale,1));pointer-events:auto;cursor:pointer;background:0 0;border:0;position:absolute}.geo-craft-pin.hidden{display:none}.geo-craft-pin .marker-core{background:var(--rust);border:2px solid #f4efe3;border-radius:50% 50% 50% 12%;width:24px;height:24px;position:absolute;top:5px;left:25px;transform:rotate(-45deg);box-shadow:0 3px 12px #22211c4d}.geo-craft-pin .marker-core:after{content:"";border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:7px}.geo-craft-pin .marker-label{font:600 10px var(--serif);white-space:nowrap;color:var(--ink);background:#f6f2e8f2;border:1px solid #292a2526;padding:3px 7px;position:absolute;top:32px;left:50%;transform:translate(-50%)}.chip-dot.ceramics,.map-key i.ceramics{background:var(--rust)}.map-key,.result-count,.zoom-control{z-index:7}.filter-bar{z-index:8;top:24px}.filter-chip{min-height:44px}.filter-icon{width:22px;height:22px;color:var(--rust);flex:none;place-items:center;display:grid}.filter-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.filter-icon.all{grid-template-rows:repeat(2,6px);grid-template-columns:repeat(2,6px);gap:2px}.filter-icon.all i{background:currentColor;border-radius:2px;width:6px;height:6px}.filter-icon.all i:first-child{grid-column:1/-1;justify-self:center}.filter-chip.active .filter-icon{color:currentColor}.filter-chip[aria-pressed=false]{opacity:.72}.filter-chip[aria-pressed=false] .filter-icon{color:#8b887f}.place-dialog{z-index:10}.zoom-control output{border-inline:1px solid var(--line);width:39px;height:25px;font:600 10px var(--sans);background:#292a250f;place-items:center;display:grid}.zoom-control button:disabled{opacity:.28;cursor:default}@media (width<=760px){.vector-map{width:min(92vw,68vh);top:54%}.map-key{display:none}.geo-craft-pin{width:64px}.map-label.prefecture{font-size:8px}.zoom-control{display:grid;right:16px}.layer-summary{max-width:78vw;top:72px}.filter-bar{top:auto;left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));backdrop-filter:blur(16px);background:#f7f4ece6;border:1px solid #292a2529;border-radius:18px;justify-content:center;width:auto;max-width:none;padding:7px;position:fixed;transform:none;box-shadow:0 8px 28px #27251f29}.filter-chip{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:13px;flex:1 1 0;justify-content:center;padding:9px 10px}.filter-chip[data-filter=all]{flex:0 0 112px}.filter-chip.active{box-shadow:0 3px 12px #1e1e1924}.filter-chip b{margin-left:2px}.filter-label{text-overflow:ellipsis;overflow:hidden}.result-count,.map-provider-notice{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 75px)}}