:root{--paper:#f7f8f2;--paper-light:#fff;--ink:#203d45;--muted:#536a6f;--line:#dce5df;--accent:#167d9a}
body{font-size:16px}body::before{display:none}
.site-header{height:86px}.site-header nav{font-size:14px;margin-right:20px}.sound-toggle{font-size:14px;min-height:44px}
.intro-strip{max-width:1440px;margin:auto;padding:48px 5.2% 26px;display:flex;justify-content:space-between;align-items:end;gap:24px}
.intro-strip h1{font:500 clamp(32px,4vw,52px)/1.3 var(--serif);margin:10px 0}.intro-strip h1 em{font-style:normal;color:#167d9a}
.intro-strip p{color:var(--muted)}.intro-strip .eyebrow{font-size:12px}.edition-pill{border:1px solid var(--line);border-radius:30px;padding:9px 16px;font-size:13px;white-space:nowrap}
.explore-shell{margin:0 5.2% 48px}.explore-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
.theme-filters,.view-toggle{display:flex;gap:6px;flex-wrap:wrap}.filter-chip,.view-toggle button{min-height:44px;padding:8px 16px;background:#fff;border:1px solid var(--line);border-radius:24px;font-size:14px}
.filter-chip[aria-pressed=true],.view-toggle button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.explore-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.explore-search input,.explore-search select{min-height:44px;font:inherit;font-size:14px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;max-width:100%}
.explore-search input{width:210px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.explore-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.map-panel{position:sticky;top:16px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#ddf1f5;min-width:0}
.map-surface{position:relative;height:520px;isolation:isolate}.map-canvas{height:100%;width:100%}
.map-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:28px;background:radial-gradient(ellipse at 10% 5%,#d9eee2,transparent 60%),radial-gradient(ellipse at 90% 90%,#e5ddf8,transparent 60%),#ddf1f5;pointer-events:none}
.map-empty .sea-symbol{font-size:92px;color:#167d9a;font-family:var(--serif);line-height:1.2}.map-empty h2{font:500 30px/1.5 var(--serif);margin:12px 0}.map-empty p{max-width:330px;color:var(--muted);font-size:14px}.map-empty small{margin-top:26px;color:#536a6f}
.map-caption{padding:15px 20px;background:#fff;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.map-caption p{font-size:14px;flex:1;min-width:180px}.map-caption button{min-height:44px;background:#edf5f4;border-radius:12px;padding:8px 12px;font-size:14px}
.place-panel{min-width:0;max-height:650px;overflow:auto;scrollbar-gutter:stable}.place-count{font-size:14px;color:var(--muted);margin:0 0 12px}
.place-list{display:grid;gap:12px}.place-card{width:100%;display:grid;gap:8px;text-align:left;padding:20px;border-radius:16px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--scene,#355f52);transition:transform .2s}
.place-card:hover{transform:translateY(-2px)}.place-card strong{font:600 22px/1.5 var(--serif)}.place-card>span:not(.place-tag){font-size:14px;color:var(--muted)}.place-card small{font-size:14px;color:var(--scene,#355f52)}.place-tag{font-size:12px;color:var(--scene,#355f52)}
[data-theme=red]{--scene:#a13e36}[data-theme=old]{--scene:#355f52}[data-theme=sea]{--scene:#167d9a}[data-theme=new]{--scene:#4263eb}
.place-detail{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:18px}.detail-back{justify-self:start;min-height:44px;background:none;padding:0;color:#536a6f}.place-detail h3{font:500 29px/1.4 var(--serif)}.place-detail .eyebrow{font-size:12px;color:var(--scene)}.detail-lead{font-size:18px}
.place-art{min-height:150px;display:grid;place-items:center;border-radius:12px;background:#ece6da;color:var(--scene);text-align:center;padding:22px;font-family:var(--serif)}
[data-theme=sea] .place-art{background:#ddf1f5}[data-theme=red] .place-art{background:#f3e8e4}[data-theme=new] .place-art{background:radial-gradient(circle at 90% 10%,#f28a68 0 18%,transparent 18.5%),radial-gradient(circle at 5% 95%,#f4d575 0 24%,transparent 24.5%),#e5ddf8;color:#203d45}
.asset-note,.source-link{font-size:14px;color:var(--muted)}.source-link{text-decoration:underline}.place-detail .primary-button{white-space:normal;justify-content:center}
.list-only{grid-template-columns:1fr}.list-only .map-panel{display:none}.list-only .place-panel{max-height:none}.list-only .place-list{grid-template-columns:repeat(3,minmax(0,1fr))}.list-only .place-detail{max-width:700px;margin:auto}
.empty-result{padding:24px}.hero{display:none}.section-divider{display:none}.section-heading p{font-size:14px}.objects-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.object-art{height:210px}.object-caption strong{font-size:25px}.object-caption [id$=summary],.collected-label,.object-kicker{font-size:14px}
.red-object{border-radius:50%;width:150px;height:150px;display:grid;place-items:center;background:#f3e8e4;color:#a13e36;font:36px/1.4 var(--serif);text-align:center;margin:auto}
.memory-copy>p:not(.eyebrow),.memory-progress small,.memory-dialog-intro>p:last-child{font-size:14px}.memory-section{background:#e4f1ed;border-radius:20px}.memory-progress span{width:12px;height:12px}.memory-progress{flex-wrap:wrap}
.chapter-stage[data-scene=red]{background:#f3e8e4;gap:14px;justify-content:center}.red-source{padding:18px;background:#fff;width:100%;border-radius:12px;font-size:16px}.red-source summary{cursor:pointer;min-height:44px;color:#a13e36}.red-source a{font-size:14px;text-decoration:underline}.red-answer{padding:14px;background:#fff;border:1px solid #a13e36;border-radius:12px;min-height:44px}
.chapter-story .story-text,.chapter-fact,.chapter-fact strong,.interaction-feedback,.chapter-provenance,.stage-hint,.mixer-row,.sound-option strong,.sound-option small,.sound-hint,.note-label,.card-mix,.card-note,.export-status{font-size:14px}
.chapter-dots{gap:0}.chapter-dots button{width:44px;height:44px;border-radius:0;background:radial-gradient(circle,#98aca7 3px,transparent 4px);padding:0}.chapter-dots button.active{background:radial-gradient(circle,#167d9a 5px,transparent 6px)}
.primary-button,.text-button,.match-button,.mood-options button,.icon-button,.flip-control{min-height:44px;font-size:14px}.icon-button{min-width:44px}
.bottom-nav{display:none}.harbor-image,.small-photo img,.coast-visual img,.memory-postcard>img{filter:none}
@media(max-width:1000px){.explore-layout{grid-template-columns:minmax(0,1fr) 320px}.objects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-surface{height:460px}}
@media(max-width:700px){body{padding-bottom:76px}.site-header{margin:0 5%;height:76px;gap:12px}.site-header nav{display:none}.brand{font-size:23px}.intro-strip{display:block;padding:28px 5% 20px}.edition-pill{display:inline-block;margin-top:16px}.explore-shell{margin:0 5% 30px}.explore-toolbar{gap:12px}.theme-filters{flex-wrap:nowrap;overflow:auto;width:100%;padding:2px 0}.filter-chip{white-space:nowrap;flex-shrink:0;padding:8px 13px}.explore-search{width:100%}.explore-search input{width:100%;min-width:0}.explore-search label{flex:1;min-width:120px}.explore-layout{display:block}.map-panel{position:relative;top:0;margin-bottom:16px}.map-surface{height:280px}.map-empty .sea-symbol{font-size:46px}.map-empty h2{font-size:24px}.map-empty small{margin-top:12px}.map-caption{padding:12px}.place-panel{max-height:none;overflow:visible}.list-only .place-list{grid-template-columns:1fr}.place-card{padding:18px}.objects-grid{display:grid;grid-template-columns:1fr}.object-card{grid-template-columns:35% 1fr}.object-art{height:180px}.red-object{width:105px;height:105px;font-size:26px}.chapter-stage[data-scene=red]{height:auto;min-height:420px;padding:28px 20px}.chapter-stage[data-scene=badge]{height:auto;min-height:450px}.chapter-footer{flex-wrap:wrap}.chapter-footer>span:first-child{max-width:100%;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;background:#fffffff2;border-top:1px solid var(--line);padding:8px 20px calc(8px + env(safe-area-inset-bottom));gap:10px}.bottom-nav a{flex:1;text-align:center;padding:10px;border-radius:12px;min-height:44px;background:#edf5f2;font-size:14px}.toast{bottom:88px}.memory-actions{flex-wrap:wrap}.postcard-foot{font-size:11px;flex-wrap:wrap}.memory-dialog{max-width:100%}.chapter-story{padding:24px}.sound-options{gap:5px}.sound-option small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]):not([data-motion=gentle]) .place-card:hover{transform:none}}