:root{color-scheme:light;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#452837;background:#fff4f7}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:26px 32px;background:#f6cddc;color:#512537}h1{font-size:28px;margin:6px 0}header p{margin:0;color:#633449}.eyebrow{font-size:12px;letter-spacing:2px}.private{font-size:12px;border:1px solid #b55a7d;border-radius:20px;padding:8px 12px}.campaign{margin:18px 24px;padding:15px 20px;background:#fde8f0;border-left:4px solid #b53566;border-radius:8px}.campaign span{display:inline-block;margin-left:18px;font-size:14px}.campaign p{margin:8px 0 0;font-size:13px}a{color:#962452}main{display:grid;grid-template-columns:420px minmax(0,1fr);gap:18px;margin:0 24px}.list-panel,.map-panel{background:white;border:1px solid #e8becf;border-radius:12px;overflow:hidden}.controls{padding:18px;border-bottom:1px solid #efd5df}.tabs{display:flex;gap:5px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:1px solid #c17594;border-radius:7px;background:white;color:#65324a;padding:8px 10px}button[aria-pressed=true]{background:#a52c59;color:white;border-color:#a52c59}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8c2250;outline-offset:2px}input{font:inherit;padding:11px;border:1px solid #c17594;border-radius:7px;width:100%;min-width:0}.hint,#distance-note{font-size:12px;line-height:1.6;color:#715164}#summary{font-weight:700;margin-top:14px}#stores{max-height:780px;overflow:auto}.store{padding:18px;border-bottom:1px solid #f0d9e3}.store h3{margin:0 0 8px;font-size:16px}.store p{font-size:13px;line-height:1.55;margin:8px 0}.badge{font-size:11px;display:inline-block;padding:4px 7px;background:#fce8ef;border-radius:4px;margin:2px}.meters{color:#962452;font-weight:700;float:right}.links{display:flex;gap:14px;margin-top:12px;font-size:13px}.section-label{padding:12px 18px;background:#fff0f5;font-weight:700;font-size:13px}.station-controls{padding:18px}.station-controls label{display:block;font-weight:700;margin-bottom:8px}#quick-stations{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}#quick-stations button{font-size:12px}#selected{margin:12px 0 0;font-size:14px;font-weight:700}.map-tools{display:flex;align-items:center;gap:8px;padding:0 18px 12px}.map-tools a{margin-left:auto;font-size:12px}.map-scroll{overflow:auto;width:100%;max-height:760px;background:#fff}#map{position:relative;width:100%;min-width:600px}#map img{width:100%;display:block}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);width:22px;height:22px;padding:0;border:2px solid #aa3763;border-radius:50%;background:#f7a9c277;pointer-events:auto;box-shadow:0 0 0 2px white}.hotspot[aria-pressed=true]{background:#efa1bd;border-color:#8b2750}.map-warning,.map-panel>.hint{margin:12px 18px;font-size:12px;line-height:1.6}.map-warning{color:#87445b}footer{padding:20px 26px;font-size:12px;color:#715164}footer span{display:block;margin-top:6px}@media(max-width:800px){header{padding:20px}h1{font-size:23px}.private{font-size:10px}.campaign{margin:12px}.campaign span{margin:8px 0 0;display:block}main{display:flex;flex-direction:column;margin:0 12px;gap:12px}.map-panel{order:-1}.list-panel{width:100%}#stores{max-height:none}.map-scroll{max-height:450px}#map{min-width:800px}.controls{padding:14px}footer{padding:18px}.store{padding:16px}}

.game-switch{display:flex;gap:8px;margin:0 24px 14px}button:disabled{cursor:default;opacity:.55}

.meters{float:none;display:block;font-size:12px;margin-bottom:7px} .store h3{line-height:1.4}

.links{flex-wrap:wrap}

main{display:flex;flex-direction:column}.map-panel{order:-1}.list-panel{scroll-margin-top:12px}#list-heading{font-size:18px;padding:16px 18px 0;margin:0}#stores{max-height:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.hotspot{width:12px;height:12px;border-width:1px;background:#e996b433;box-shadow:none}.hotspot:hover,.hotspot:focus-visible{background:#e792b2;z-index:5}.address-link{line-height:1.7;display:inline-block}.map-scroll{max-height:780px}#map{min-width:1100px}@media(max-width:800px){#stores{display:block}.map-scroll{max-height:460px}#map{min-width:1100px}}

.hotspot{border:1px solid transparent;background:transparent;border-radius:3px;min-width:9px;min-height:9px}.show-hotspots .hotspot{background:#d34f8422;border-color:#a32b5966}.hotspot[aria-pressed=true]{border:2px solid #9e2755;background:#ed8fb166;z-index:4}.map-tools{flex-wrap:wrap}.recording-note{background:#ffedf3;padding:8px;border-radius:5px}#list-heading{line-height:1.5}

.game-switch button{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.5}.game-switch{flex-wrap:wrap}@media(max-width:800px){.game-switch{margin:0 12px 14px}.game-switch button{flex:1 1 160px;max-width:100%}h1{overflow-wrap:anywhere}}

.route-picker{padding:0 18px 14px}.route-picker label{display:block;font-weight:700;margin-bottom:8px}.route-picker select{width:100%;font:inherit;padding:12px;border:1px solid #c17594;border-radius:7px;background:#fff;color:#452837}.route-diagram{display:block;width:100%;height:auto;font-family:system-ui,sans-serif}.station-name{font-size:19px;fill:#452837;font-weight:650}.station-transfers{font-size:14px;fill:#715164}.station-hit{fill:#fff;fill-opacity:.02;stroke:transparent}.diagram-station{cursor:pointer}.diagram-station:hover .station-hit,.diagram-station:focus-visible .station-hit{fill:#ffe1ed;fill-opacity:.85;stroke:#a52c59;stroke-width:2}.diagram-station[aria-pressed=true] .station-hit{fill:#ffd1e4;fill-opacity:.95;stroke:#a52c59;stroke-width:3}.route-caption{font-size:18px;fill:#65324a}#map{min-width:1000px}.map-scroll{background:#fffafb;max-height:640px}[hidden]{display:none!important}@media(max-width:800px){#map{min-width:1000px}.map-scroll{max-height:440px}.route-picker{padding:0 14px 14px}}

#map{min-width:0!important;width:100%!important}.map-scroll{overflow:hidden;max-height:none}#network-svg{display:block;width:100%;height:640px;touch-action:none;cursor:grab}.network-station{cursor:pointer}.network-line{transition:opacity .15s}.route-dim{opacity:.12}.station-dim{opacity:.28}.network-station:hover,.network-station:focus-visible,.network-station[aria-pressed=true]{opacity:1}.network-station:hover .network-label-bg,.network-station:focus-visible .network-label-bg,.network-station[aria-pressed=true] .network-label-bg{fill:#ffc6de;stroke:#9d285a;stroke-width:2}.network-station[aria-pressed=true] circle{stroke:#b51f5e;stroke-width:5}@media(max-width:800px){#network-svg{height:440px}}

.shortcut-title{font-weight:700;margin:14px 0 8px}.common-stations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}.common-stations button{min-width:0;white-space:normal;background:#fff1f7;border:1px solid #c982a1;color:#65324a;font-weight:700}.common-stations button[aria-pressed=true]{background:#f6c6db;border-color:#a52c59;color:#452837}@media(max-width:520px){.common-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}

.jr-toggle{display:flex!important;align-items:center;gap:8px;font-weight:600!important;line-height:1.5}.jr-toggle input{width:20px!important;height:20px;padding:0;flex:none}.route-note{font-size:13px;line-height:1.6;color:#87445b;background:#fff1f7;border-radius:7px;padding:10px}