:root{color-scheme:dark;--bg:#0b1015;--panel:#10161c;--line:#253039;--text:#e6eeed;--muted:#82908f;--mint:#b9e7ce;--landmark:#eeb69b;--culture:#bbade4;--nature:#9ed8b5;--district:#8abbd7;--company:#d9ce90}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'DM Sans',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:3px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);font:600 20px 'Space Grotesk',sans-serif;letter-spacing:3px}.mark{font:26px serif;display:grid;place-items:center;width:42px;height:42px;border:1px solid #82958d;border-radius:50%;color:var(--mint)}.brand-sub{display:block;font-size:9px;letter-spacing:3.6px;margin-top:4px;color:var(--muted)}.header-note{font-size:10px;letter-spacing:2px;color:#a0ada9;display:flex;gap:13px;align-items:center}.live{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #b9e7ce55}.slash{color:#45514f;margin:0 14px}.icon-button{border:1px solid var(--line);background:transparent;width:30px;height:30px;border-radius:50%;color:#b1c0bd}main{display:grid;grid-template-columns:334px 1fr;height:calc(100dvh - 88px);min-height:560px}.sidebar{padding:30px 25px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--mint)}.sidebar>.eyebrow{display:flex;justify-content:space-between}.eyebrow>span{color:#75837e;letter-spacing:1px}h1{font:400 35px/1.22 'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:25px 0 14px}h1 em{font-style:normal;color:var(--mint)}.intro{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 24px;max-width:265px}.search{display:flex;align-items:center;gap:8px;border:1px solid #33413f;border-radius:6px;padding:10px 11px;background:#151e23}.search>span{font-size:23px;line-height:16px;color:#8ba59b}.search input{width:100%;min-width:0;color:var(--text);outline:none;background:transparent;border:0;font-size:11px}.search:focus-within{border-color:var(--mint)}kbd{font:10px monospace;border:1px solid #3a4645;border-radius:3px;padding:2px 4px;color:#83928c}.section-label,.list-title{font-size:9px;letter-spacing:1.5px;color:#8e9b98;display:flex;justify-content:space-between;align-items:center;margin:27px 0 13px}.section-label>span{letter-spacing:0;font-size:10px}#filters{display:flex;flex-wrap:wrap;gap:7px}.filter{background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 9px;display:flex;gap:7px;align-items:center;font-size:10px;color:#a6afad}.dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--c)}.filter.active{border-color:#567268;background:#1c2a27;color:#d6e9df}.filter.off{opacity:.4}.list-title{margin-top:27px}.list-title button{background:none;border:0;padding:0;color:var(--mint);font-size:9px;letter-spacing:0}.places{flex:1;overflow:auto;min-height:90px;scrollbar-width:thin;scrollbar-color:#34433e transparent}.place{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;border-top:1px solid #202b2e;padding:12px 6px;background:none}.place:hover,.place.selected{background:#1a2527}.place-symbol{width:27px;height:29px;border:1px solid color-mix(in srgb,var(--c) 25%,transparent);background:color-mix(in srgb,var(--c) 6%,transparent);border-radius:4px;display:grid;place-items:center;color:var(--c);font-size:16px}.place-text{flex:1}.place-name{font-size:11px;color:#d3dedb;display:block}.place-area{display:block;font-size:9px;color:#788986;margin-top:4px}.place>span:last-child{color:#627772;font-size:16px}.sidebar-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);font:8px monospace;letter-spacing:.7px;color:#73837b;padding:18px 0}.universe{position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 53%,#172325 0,#10181c 45%,#0b1117 80%)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}.map-top{position:absolute;top:26px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.view-switch{display:flex;padding:4px;border:1px solid #2c3a3d;border-radius:7px;background:#111b20de;pointer-events:auto}.view-switch button{border:0;background:none;border-radius:4px;padding:10px 13px;font-size:10px;color:#7e918d}.view-switch button.active{color:#d8ede2;background:#2b3e38}.dimension{font-size:8px;letter-spacing:1.4px;color:#657e75}.dimension b{margin-left:12px;font:10px monospace;color:#a9bdb1;padding:5px;border:1px solid #35473f;border-radius:3px}.map-caption{position:absolute;top:111px;left:32px;pointer-events:none}.map-caption .eyebrow{font-size:8px;color:#708d7e}.map-caption h2{font:400 27px 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:9px 0}.map-caption p{font-size:11px;color:#7f938b;margin:0}.map-tools{position:absolute;right:25px;bottom:111px;display:flex;flex-direction:column;padding:4px;border:1px solid #2c3a3d;border-radius:7px;background:#111b20e8;gap:2px}.map-tools button{width:31px;height:32px;background:none;border:0;color:#aec5b9;font-size:21px;border-radius:4px}.map-tools button:hover,.map-tools button[aria-pressed=true]{background:#2b3e38}.map-tools>span{height:1px;background:#2b3e38;margin:3px}.map-bottom{position:absolute;bottom:0;left:0;right:0;padding:19px 30px;border-top:1px solid #24312e;background:#0e171bde;display:flex;justify-content:space-between;gap:12px;align-items:center}.map-legend{display:flex;gap:9px;align-items:center;font:8px monospace;color:#8aa095;letter-spacing:.4px}.small-divider{height:10px;width:1px;background:#3e5046;margin:0 4px}.gesture-hint{font-size:9px;color:#788a83}.gesture-hint span{margin:0 8px;color:#3b5147}.compass{position:absolute;right:25px;top:104px;width:50px;text-align:center;color:#9eb7a8;font:9px monospace;pointer-events:none}.compass svg{width:40px;display:block;margin:auto}#tooltip{position:absolute;background:#182722f5;border:1px solid #456254;border-radius:5px;padding:9px 12px;font-size:11px;pointer-events:none;white-space:nowrap;z-index:3}.detail{position:absolute;right:26px;top:92px;width:306px;max-height:calc(100% - 165px);overflow:auto;background:#121c21f5;border:1px solid #3a4b45;border-radius:10px;padding:23px;box-shadow:0 18px 70px #0006;backdrop-filter:blur(20px)}.detail-close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:20px;color:#7f978d}.detail h2{font:400 27px/1.2 'Space Grotesk',sans-serif;margin:16px 0 5px;letter-spacing:-.8px}.japanese{font-size:12px;color:#748b80;margin-bottom:18px}.detail p{font-size:12px;line-height:1.8;color:#a2b4aa}.detail-meta{padding:13px 0;border-top:1px solid #2a3932;border-bottom:1px solid #2a3932;font-size:10px;line-height:1.9;color:#91a69a}.detail h3{font-size:9px;letter-spacing:1.5px;color:#adc5b5;margin-top:21px}.connection{display:flex;align-items:center;gap:8px;padding:9px 0;width:100%;border:0;border-bottom:1px solid #26382e;background:none;text-align:left;font-size:11px}.connection small{margin-left:auto;font-size:8px;color:#789184}.external{display:flex;justify-content:space-between;gap:10px;margin-top:17px}.external a{font-size:10px;color:var(--mint);text-decoration:none}.external a:hover{text-decoration:underline}.empty{padding:20px 5px;color:var(--muted);line-height:1.7}dialog{max-width:470px;background:#15221f;color:#d7e6dd;border:1px solid #486153;border-radius:12px;padding:30px;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#050c10b8;backdrop-filter:blur(7px)}dialog .icon-button{float:right}dialog h2{font:28px 'Space Grotesk',sans-serif}dialog p{font-size:12px;line-height:1.9;color:#a4b8ac}.guide-keys{display:flex;align-items:center;gap:12px;color:#91aa9a;font-size:11px;margin-top:22px}[hidden]{display:none!important}@media(min-width:1600px){main{grid-template-columns:370px 1fr}.sidebar{padding-left:32px;padding-right:32px}h1{font-size:40px}}@media(max-width:1100px){.dimension,.gesture-hint{display:none}main{grid-template-columns:290px 1fr}.sidebar{padding:25px 20px 0}h1{font-size:31px}.detail{width:270px;right:15px}.map-top{left:22px;right:22px}.map-caption{left:25px}.map-caption h2{font-size:24px}.map-bottom{padding:17px 20px}.map-legend{font-size:7px}}@media(max-width:700px){header{height:67px;padding:0 18px}.brand{font-size:16px;gap:10px}.mark{width:35px;height:35px;font-size:22px}.brand-sub{font-size:7px}.header-note{display:none}main{height:calc(100dvh - 67px);min-height:650px;display:flex;flex-direction:column}.sidebar{order:2;padding:14px 16px 0;height:265px;border-right:0;border-top:1px solid var(--line)}.sidebar>.eyebrow,h1,.intro,.section-label,.sidebar-foot,.list-title{display:none}.search{padding:7px 10px}#filters{margin:10px 0;gap:5px}.filter{font-size:9px;padding:5px 7px}.places{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.place{padding:8px 3px}.universe{flex:1;min-height:385px}.map-top{top:15px;left:15px}.map-caption{top:80px;left:20px}.map-caption h2{font-size:21px}.map-caption p{font-size:9px}.map-caption .eyebrow{display:none}.view-switch button{padding:8px 10px}.map-tools{right:13px;bottom:60px}.map-bottom{padding:13px 15px}#view-note,.small-divider{display:none}.compass{top:75px;right:10px}.detail{top:64px;right:12px;width:260px;max-height:calc(100% - 110px);padding:17px}.detail h2{font-size:23px}.place-name{font-size:10px}.place-area{font-size:8px}}