.cities{padding-block:12px}.cities .app{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;height:calc(100vh - 73px);height:calc(100dvh - 73px);min-height:480px}.cities .panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:0;min-width:0}.cities .controls{padding:14px 16px 12px;display:grid;gap:14px;border-bottom:1px solid var(--line)}.cities .searchrow{display:flex;gap:8px}.cities .find{position:relative;flex:1;min-width:0;display:flex}.cities .find:before{content:"";position:absolute;left:10px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:var(--muted);pointer-events:none;-webkit-mask:var(--find-icon) center / contain no-repeat;mask:var(--find-icon) center / contain no-repeat;--find-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10.3 10.3 15 15' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.cities #q{flex:1;min-width:0;width:auto;padding-left:32px}.cities .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cities .chips.first{margin-top:0}.cities #types{justify-self:start}.cities .chip.kanji{border-radius:6px;padding:2px 0;width:2.1em;font-size:var(--fs-md);font-weight:700}.cities .chip .n{font-size:var(--fs-xs);opacity:.75;margin-left:4px;font-variant-numeric:tabular-nums}.cities .summary{padding:10px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:49px;box-sizing:border-box}.cities .count{margin:0;font-size:var(--fs-sm);color:var(--muted)}.cities .count b{font-size:var(--fs-lg);color:var(--fg);font-variant-numeric:tabular-nums}.cities .list{overflow-y:auto;padding:0 0 12px;min-height:0;flex:1}.cities .grp h3{margin:0;padding:10px 16px 4px;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;position:sticky;top:0;background:var(--surface);display:flex;justify-content:space-between}.cities .items{display:flex;flex-wrap:wrap;gap:4px;padding:2px 12px 4px}.cities .item{border:1px solid transparent;background:transparent;border-radius:6px;padding:3px 6px;cursor:pointer;text-align:left;display:inline-flex;flex-direction:column;line-height:1.3}.cities .item:hover{background:var(--bg);border-color:var(--line)}.cities .item.on{border-color:var(--sel)}.cities .item .nm{font-weight:700}.cities .item .kn,.cities .item .pf{font-size:var(--fs-xs);color:var(--muted)}.cities .empty{padding:18px 16px;color:var(--muted);font-size:var(--fs-sm);margin:0}.cities .mapbox{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--sea);min-width:0;touch-action:none}.cities #map{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab}.cities #map:active{cursor:grabbing}.cities .pref{fill:var(--land);stroke:var(--coast);stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.cities .pref.on{fill:var(--land-hit)}.cities .frame{fill:none;stroke:var(--coast);stroke-dasharray:4 3;stroke-width:1px;vector-effect:non-scaling-stroke}.cities .land,.cities .muni{fill:var(--land);fill-rule:evenodd}.cities .muni.hit{fill:var(--hit)}.cities .muni.hit{stroke:var(--hit);stroke-width:2px;stroke-linejoin:round;paint-order:stroke;vector-effect:non-scaling-stroke}.cities .mborder,.cities .medge,.cities .selmuni{fill:none;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.cities .mborder{stroke:var(--fg);stroke-opacity:.22;stroke-width:.6px}.cities .medge{stroke:var(--coast);stroke-width:.8px}.cities .selmuni{stroke:var(--sel);stroke-width:2.5px}.cities .dot{fill:var(--dot)}.cities .dot.hit{fill:var(--hit);stroke:var(--hit-stroke)}.cities .selring{fill:none;stroke:var(--sel)}.cities .lb text{fill:var(--muted);paint-order:stroke;stroke:var(--halo);stroke-linejoin:round;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-family:var(--font)}.cities .lb.hit text.nm{fill:var(--fg);font-weight:700}.cities .lb.hit text.kn{fill:var(--fg)}.cities .lb.sel text{fill:var(--sel)}.cities .lb.sel text.nm{font-weight:700}.cities .mapctl{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px}.cities .mapctl button{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:var(--fs-lg);line-height:1}.cities .mapctl button.wide{font-size:var(--fs-xs);padding:0}.cities .tip{position:absolute;pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:var(--fs-sm);white-space:nowrap;transform:translate(-50%,calc(-100% - 12px))}.cities .tip small{color:var(--muted);margin-left:6px}.cities .card{position:absolute;left:10px;bottom:10px;max-width:min(320px,calc(100% - 20px));background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px;display:grid;gap:2px}.cities .card .pf{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em}.cities .card .nm{font-size:var(--fs-lg);font-weight:700;line-height:1.3;padding-right:20px}.cities .card .kn{font-size:var(--fs-sm);color:var(--muted)}.cities .card .same{font-size:var(--fs-sm);margin-top:4px}.cities .card .links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}.cities .card a{font-size:var(--fs-sm);color:var(--sel)}.cities .card .x{position:absolute;top:6px;right:6px;border:0;background:transparent;cursor:pointer;color:var(--muted);font-size:var(--fs-lg);width:28px;height:28px}@media(max-width:860px){.cities .app{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.cities .mapbox{order:-1;height:62vh;min-height:360px}.cities .list{overflow:visible}}.cities .views{display:flex}.cities .views button{flex:1;padding:8px 12px;font-size:var(--fs-md)}.cities .views button[aria-selected=true]{background:var(--accent);color:var(--accent-fg)}.cities.view-code .name-only,.cities.view-code #modes{display:none}.cities:not(.view-code) .code-only{display:none}.cities .count span{font-size:var(--fs-sm)}.cities .card .power{font-size:var(--fs-sm);margin-top:4px}.cities .card .power small{font-size:var(--fs-xs);color:var(--muted)}.cities .summary .seg button{padding:4px 10px;font-size:var(--fs-xs)}.cities .src{margin:0;padding:8px 16px 10px;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--muted)}.cities .src a{color:var(--muted)}.cities .rows{display:grid;padding:0 8px 4px}.cities .row{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:8px;align-items:baseline;border:1px solid transparent;background:transparent;border-radius:6px;padding:3px 8px;cursor:pointer;text-align:left}.cities .row:hover{background:var(--bg);border-color:var(--line)}.cities .row.on{border-color:var(--sel)}.cities .row .cd{font-weight:700;font-variant-numeric:tabular-nums}.cities .row .ms{font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cities .res{padding:4px 16px 12px;display:grid;gap:14px}.cities .ar{display:grid;gap:6px}.cities .ar+.ar{border-top:1px solid var(--line);padding-top:12px}.cities .ar .hd{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}.cities .ar .big{font-size:var(--fs-xl);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.cities .ar .fmt{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}.cities .ar .pf{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em}.cities .ar .pfx{display:flex;flex-wrap:wrap;gap:4px}.cities .ar .pfx span{font-size:var(--fs-xs);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-variant-numeric:tabular-nums}.cities .ar .ms{display:flex;flex-wrap:wrap;gap:4px}.cities .ar .chip{padding:2px 10px}.cities .ar .chip small,.cities .card small.part{font-size:var(--fs-xs);color:var(--muted);margin-left:3px}.cities .chip[aria-pressed=true] small{color:inherit}.cities .ar details{font-size:var(--fs-xs);color:var(--muted)}.cities .ar summary{cursor:pointer;width:max-content}.cities .ar details p{margin:4px 0 0;overflow-wrap:anywhere;line-height:1.5}.cities{--ac1: #f3d35f;--ac2: #a8d880;--ac3: #8cc6ec;--ac4: #f3ab86;--ac5: #c6aae6;--ac6: #7bd0bf;--ac7: #f0abc8}@media(prefers-color-scheme:dark){.cities{--ac1: #7d6f33;--ac2: #4f7240;--ac3: #3c6684;--ac4: #80553f;--ac5: #635283;--ac6: #36716a;--ac7: #7f4f68}}.cities .gborder,.cities .cborder{fill:none;stroke:var(--fg);stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:none}.cities .gborder{stroke-opacity:.7;stroke-width:1.4px}.cities .cborder{stroke-opacity:.45;stroke-width:1px}.cities .dot.hit.part{fill:var(--surface);stroke:var(--hit)}.cities .muni.hit.part{fill:url(#ac-part)}.cities #ac-part .hb{fill:var(--land)}.cities #ac-part .hs{fill:var(--hit)}.cities .tag{fill:var(--sel);font-weight:700;font-variant-numeric:tabular-nums;font-family:var(--font);paint-order:stroke;stroke:var(--halo);stroke-linejoin:round;text-anchor:middle;dominant-baseline:central;pointer-events:none}.cities .card .codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cities .card .codes .chip{font-weight:700;font-variant-numeric:tabular-nums}