*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #FAF6EE;--bg2: #FFFFFF;--bg3: #F2EADB;--fg: #241E18;--fg2: #7A6F5E;--fg3: #A39785;--accent: #D96B3D;--accent-2: #6E9B89;--accent-deep: #48705F;--border: rgba(36, 30, 24, .1);--font-serif: "Noto Serif JP", "Source Serif Pro", Georgia, serif;--font-sans: "Plus Jakarta Sans", "Hiragino Sans", -apple-system, BlinkMacSystemFont, "Yu Gothic UI", "Segoe UI", Roboto, sans-serif;--h-head: 48px;--h-search: 56px;--h-chips: 52px}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.55;min-height:100vh}h1,h2{font-family:var(--font-serif);font-weight:600;letter-spacing:-.005em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.map-head{position:sticky;top:0;z-index:30;height:var(--h-head);display:flex;align-items:center;gap:14px;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--border);transform:translateZ(0)}.map-head .back{display:inline-flex;align-items:center;font-size:.92rem;color:var(--fg2);padding:8px 4px;min-height:44px;min-width:44px}.map-head .back:hover,.map-head .back:focus-visible{color:var(--accent)}.map-head h1{font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin:0;color:var(--fg)}.map-search{position:sticky;top:var(--h-head);z-index:29;height:var(--h-search);display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--border);transform:translateZ(0)}.map-search-input{flex:1;min-width:0;height:40px;padding:0 14px 0 38px;border:1px solid var(--border);border-radius:999px;background:var(--bg2);color:var(--fg);font-size:.92rem;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A6F5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:14px center}.map-search-input::placeholder{color:var(--fg2)}.map-search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.map-search-btn{height:40px;padding:0 16px;background:var(--accent);color:#fff;border-radius:999px;font-size:.88rem;font-weight:600;white-space:nowrap}.map-search-btn:hover{filter:brightness(1.05)}.map-search-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-suggest{position:absolute;left:16px;right:16px;top:calc(var(--h-head) + 48px);max-height:320px;overflow-y:auto;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #241e181a;list-style:none;z-index:35;display:none}.map-suggest.open{display:block}.map-suggest li{padding:10px 14px;font-size:.88rem;cursor:pointer;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.map-suggest li:last-child{border-bottom:0}.map-suggest li:hover,.map-suggest li.focused{background:var(--bg3)}.map-suggest li .risk{color:var(--fg3);font-size:.78rem;font-variant-numeric:tabular-nums;white-space:nowrap}.map-chips-row{position:sticky;top:calc(var(--h-head) + var(--h-search));z-index:28;height:var(--h-chips);display:flex;align-items:center;gap:8px;padding:8px 0 8px 16px;background:var(--bg);border-bottom:1px solid var(--border);transform:translateZ(0)}.map-chips{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}.map-chips::-webkit-scrollbar{display:none}.map-chips .chip{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg2);color:var(--fg2);font-size:.82rem;font-weight:500;scroll-snap-align:start;white-space:nowrap}.map-chips .chip:hover{color:var(--fg);border-color:var(--fg3)}.map-chips .chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.map-chips .chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-sort{flex:0 0 auto;height:34px;padding:0 28px 0 12px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--fg);font-size:.82rem;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A6F5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.map-view-toggle{flex:0 0 auto;width:34px;height:34px;margin-right:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--fg2)}.map-view-toggle:hover,.map-view-toggle:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.map-view-toggle[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.map-list-section{margin-bottom:24px}.map-list-section h2{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--fg);margin:0 4px 8px}.map-list-section ol{list-style:none;counter-reset:rownum;padding:4px;margin:0;background:var(--bg3);border-radius:8px}.map-list-section ol li{counter-increment:rownum}.map-list-section ol li a{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:.88rem;color:var(--fg);border-radius:4px;text-decoration:none}.map-list-section ol li a:before{content:counter(rownum) ".";flex:0 0 32px;font-variant-numeric:tabular-nums;color:var(--fg3);font-size:.78rem;text-align:right}.map-list-section ol li a .swatch{flex:0 0 12px;height:12px;border-radius:2px}.map-list-section ol li a .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-list-section ol li a .stats{flex:0 0 auto;font-size:.74rem;color:var(--fg2);font-variant-numeric:tabular-nums;white-space:nowrap}.map-list-section ol li a:hover,.map-list-section ol li a:focus-visible{background:var(--bg2);outline:none}main{max-width:900px;margin:0 auto;padding:16px 16px 96px}.legend{display:flex;align-items:center;gap:12px;margin:4px 4px 18px;font-size:.74rem;color:var(--fg2);letter-spacing:.02em}.legend .swatches{display:inline-flex;gap:2px;height:10px;border-radius:2px;overflow:hidden}.legend .swatches span{width:14px}.sector-section{margin-bottom:28px}.sector-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 4px 8px}.sector-name{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;color:var(--fg)}.sector-meta{font-size:.74rem;color:var(--fg2);font-variant-numeric:tabular-nums}.sector-canvas{position:relative;width:100%;background:var(--bg3);border-radius:8px;overflow:hidden}.cell{position:absolute;padding:6px 8px;border-radius:3px;color:#fffffff5;font-size:.7rem;font-weight:500;line-height:1.2;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:flex-end;transition:filter .12s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent;border:0}.cell:hover{filter:brightness(1.08)}.cell:focus-visible{outline:2px solid var(--fg);outline-offset:-1px;z-index:2}.cell .name{text-shadow:0 1px 2px rgba(0,0,0,.25);max-width:100%}.cell-others .name{font-style:italic;opacity:.92}.sector-grid{background:var(--bg3);border-radius:8px}.map-skeleton .sector-grid{background:var(--bg3);min-height:88px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.85}}.map-error{margin:24px 4px;padding:20px;text-align:center;background:var(--bg2);border:1px solid var(--border);border-radius:12px}.map-error p{color:var(--fg2);margin-bottom:12px;font-size:.92rem}.map-error button{padding:10px 20px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;font-size:.88rem}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#241e1866;opacity:0;pointer-events:none;transition:opacity .2s ease}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--bg2);border-radius:16px 16px 0 0;box-shadow:0 -8px 24px #00000029;padding:8px 20px calc(20px + env(safe-area-inset-bottom)) 20px;max-height:56vh;overflow-y:auto;transform:translateY(100%);transition:transform .28s cubic-bezier(.16,1,.3,1)}.sheet.open{transform:translateY(0)}.sheet-handle{display:block;width:40px;height:4px;margin:4px auto 14px;background:var(--fg3);border-radius:999px}.sheet-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:999px;color:var(--fg2);font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:var(--bg3)}.sheet-close:hover{color:var(--accent)}.sheet-close:before{content:"";position:absolute;inset:-6px}.sheet h2{font-family:var(--font-serif);font-size:1.2rem;line-height:1.3;margin:0 36px 6px 0}.sheet-rank{display:inline-block;font-size:.78rem;font-weight:600;color:var(--accent-deep);margin-bottom:14px}.sheet-rank:before{content:""}.sheet-stats{list-style:none;margin:12px 0 18px}.sheet-stats li{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);font-size:.92rem}.sheet-stats li:last-child{border-bottom:0}.sheet-stats .label{color:var(--fg2);font-size:.82rem}.sheet-stats .value{font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}.sheet-cta{display:block;text-align:center;margin-top:6px;padding:14px 18px;background:var(--accent);color:#fff;border-radius:999px;font-weight:600;font-size:.96rem}.sheet-cta:hover{filter:brightness(1.05)}.sheet-cta:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.cell{transition:none}.map-skeleton .sector-grid{animation:none}}footer{max-width:900px;margin:40px auto 0;padding:24px 16px 40px;border-top:1px solid var(--border);font-size:.82rem}.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.footer-links a{padding:6px 14px;border:1px solid var(--border);border-radius:999px;color:var(--fg2);font-size:.78rem}.footer-links a:hover{color:var(--accent);border-color:var(--accent)}.footer-meta{margin-top:14px;font-size:.72rem;color:var(--fg3);line-height:1.7}.footer-meta em{font-style:normal;color:var(--fg2)}.nowrap{white-space:nowrap}