.finder-grid{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(340px,1.18fr);gap:1.6rem;align-items:start}.map-locations,.map-canvas{min-width:0}.gallery-help{margin-bottom:.7rem}.fragment-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.fragment-choices button{position:relative;min-width:0;padding:.35rem;border:2px solid transparent;background:#fff;box-shadow:0 1px 4px #1a394314;text-align:left;border-radius:9px;overflow:hidden}.fragment-choices button[aria-pressed=true]{border-color:#08716f;background:#e2f3ee;box-shadow:0 0 0 1px #08716f}.fragment-choices button:hover{border-color:#61aaa0}.fragment-choices img{display:block;width:100%;height:auto;aspect-ratio:430/365;object-fit:contain;border-radius:5px;background:#e8dfc7}.fragment-label{display:flex;justify-content:space-between;align-items:center;padding:.3rem .2rem .1rem;font-size:.875rem}.fragment-label small{font-size:.75rem;font-weight:400;color:#536a76}.fragment-choices button[aria-pressed=true] .fragment-label::after{content:"選択中";font-size:.75rem;color:#08716f}.thumb-empty{display:grid;place-items:center;aspect-ratio:430/365;background:#f1f4f5;color:#627780;font-size:.875rem}.map-selected{padding:.7rem 1rem;background:#142f3a;border-radius:8px;color:white;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.area-map{margin-top:.7rem}.area-map>summary{font-weight:650;font-size:.875rem}.map-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.45rem 0 .65rem}.map-toolbar [aria-pressed=true]{background:#08716f;color:#fff;border-color:#08716f}.map-toolbar .small{font-size:.8rem}.map-viewport{width:100%;aspect-ratio:1;overflow:auto;background:#e7ddbd;border:1px solid #b9ac87;border-radius:5px;overscroll-behavior:contain}.map-viewport:focus-visible{outline:3px solid #ca890d;outline-offset:3px}.map-viewport img{display:block;width:100%;height:auto;max-width:none}.map-stage{position:relative;width:100%;aspect-ratio:1}.map-viewport.is-zoomed{cursor:grab}.map-viewport.is-dragging{cursor:grabbing;user-select:none}.map-overlay{position:absolute;inset:0;pointer-events:none}.map-overlay svg{display:block;width:100%;height:100%;max-height:none}.map-instruction{margin-top:.8rem;font-size:.94rem;color:#243d48}.map-copyright{font-size:.8rem;margin-top:.5rem}.fragment-reference{margin-top:1rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:8px;background:white}.fragment-reference summary{font-size:.875rem}.fragment-reference h3{font-size:.95rem;margin-top:.5rem}.fragment-reference img{display:block;width:100%;height:auto;max-width:430px;margin:.7rem auto}.fragment-placeholder{aspect-ratio:430/365;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background:#f2f5fa;border:2px dashed #b4c2d5;color:#526278;margin:.7rem 0}.fragment-placeholder span{font-size:.875rem}#confirmation{max-width:min(32rem,calc(100% - 2rem));border:1px solid var(--border);border-radius:12px;padding:1.4rem;color:#172c37}#confirmation::backdrop{background:#142f3a99}#confirmation p{margin:.8rem 0 1.2rem;font-size:1rem;overflow-wrap:anywhere}#confirmation form{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}@media(min-width:1100px){.fragment-choices img{max-height:155px}}@media(max-width:700px){.finder-grid{grid-template-columns:1fr;gap:1.2rem}.fragment-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.fragment-label{font-size:.8rem}.fragment-label small,.fragment-choices button[aria-pressed=true] .fragment-label::after{display:none}.map-canvas{position:static}.gallery-help{font-size:.8rem}}@media(max-width:420px){.fragment-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.fragment-choices img{max-height:112px}.map-selected{font-size:1.05rem}}

@media(min-width:701px){.map-canvas{width:100%;justify-self:center}.finder-grid.is-wide{grid-template-columns:minmax(200px,.5fr) minmax(340px,1.5fr)}}
.map-toolbar button{min-width:44px}.fragment-reference{margin:0 0 .8rem}.map-wide-toggle{margin-left:auto}.route-line{stroke:#9a5b30;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.route-label rect{fill:#fffffff0;stroke:#665845;stroke-width:1;vector-effect:non-scaling-stroke}.route-label text,.route-start text{fill:#173a47;font-family:system-ui;font-weight:700;text-anchor:middle;dominant-baseline:central}.route-label.is-selected text,.route-start text{fill:white}.label-leader{stroke:#665845;stroke-width:1;vector-effect:non-scaling-stroke}.annotation-leader{stroke:#687783}.route-start circle{fill:#b65417;stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke}.party-map .map-viewport{max-width:none}
@media(max-width:700px){.finder-grid.is-wide{grid-template-columns:1fr}.map-wide-toggle{display:none}}
.cross-halo,.cross-mark{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.cross-halo{stroke:white;stroke-width:4.5}.cross-mark{stroke:#aa2230;stroke-width:2}.map-pin.is-selected .cross-mark{stroke:#08716f;stroke-width:3}.route-label.is-selected rect{fill:#08716f;stroke:#08716f}.party-map .route-label{pointer-events:auto}
.route-halo{stroke:white;stroke-width:4.5;fill:none;vector-effect:non-scaling-stroke}.route-halo.is-selected{stroke-width:5.5}.travel-fly.is-selected{stroke:#08716f;stroke-width:3}.map-aetheryte{pointer-events:auto}.map-aetheryte rect{fill:#eff7fff0;stroke:#5287b7;stroke-width:1;vector-effect:non-scaling-stroke}.map-aetheryte text{fill:#194c79;text-anchor:middle;dominant-baseline:central;font-family:system-ui;font-weight:650}.map-aetheryte.is-used rect{stroke:#2468ab;stroke-width:2}
@media(max-width:420px){.party-map{margin-inline:-8px;padding-inline:4px}}