.relief-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.relief-heading h2{font:400 30px 'Gowun Batang',serif;margin:9px 0}.relief-heading>span{font-size:10px;letter-spacing:.15em;color:var(--gold)}.relief-stage{position:relative;border:1px solid #b8a47766;box-shadow:0 25px 70px #0005;background:#143e4c}.relief-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #081d2555}#relief-map{height:620px;width:100%}.relief-plaque{position:absolute;top:24px;left:26px;pointer-events:none;background:#102b32dc;border-left:2px solid var(--gold);padding:16px 22px;color:#eee2c9}.relief-plaque>span{display:block;font:24px 'Gowun Batang',serif}.relief-plaque small{display:block;font-size:11px;margin-top:6px;color:#c4c9bd}.relief-controls{position:absolute;bottom:48px;left:24px;display:flex;gap:6px;z-index:2}.relief-controls button{background:#0c2631ed;color:#ecd7a8;border:1px solid #d8b77b66;padding:12px 16px;min-height:44px;cursor:pointer;font-size:12px}.relief-key{position:absolute;right:20px;bottom:60px;display:flex;gap:14px;font-size:10px;color:#f5e7c6;text-shadow:0 1px 3px #000;pointer-events:none}.relief-pin{background:none;border:0;cursor:pointer;color:#f7dd9e;padding:0;min-width:75px;filter:drop-shadow(0 3px 3px #0009)}.pin-monument{display:block;width:38px;height:45px;margin:auto}.pin-monument svg{width:100%;height:100%}.pin-name{display:block;background:#102b35ef;border:1px solid #a89462;padding:5px 8px;font:12px 'Noto Sans KR',sans-serif;white-space:nowrap}.relief-pin.tradition .pin-name{border-style:dashed}.relief-pin.is-selected .pin-name{background:#e7c781;color:#152b33}.relief-pin.is-selected .pin-monument{filter:drop-shadow(0 0 8px #ffda80)}.relief-ship{width:27px;height:34px;pointer-events:none;filter:drop-shadow(0 0 9px #ffd676)}.relief-ship svg{width:100%;height:100%}.relief-region{pointer-events:none;font:14px 'Gowun Batang',serif;letter-spacing:.2em;color:#f6e4b4;text-shadow:0 2px 4px #173b36}.relief-stops{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);margin:25px 0}.relief-stops button{display:flex;gap:10px;align-items:center;background:#152b33;color:var(--text);border:0;border-right:1px solid var(--line);padding:20px 16px;cursor:pointer;font-size:14px}.relief-stops small{color:var(--gold);font-size:10px}.relief-stops button>span{margin-left:auto;color:var(--gold)}.relief-stops button[aria-pressed=true]{background:#29434a;box-shadow:inset 0 -2px var(--gold)}#relief-status{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0}#relief-status button{background:none;color:var(--gold);border:0;text-decoration:underline;cursor:pointer}#relief-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin:30px 0 25px}.relief-photo figure{margin:0}.relief-photo img{width:100%;height:260px;object-fit:cover}.relief-photo .place-photo{margin:0}.relief-photo figcaption{font-size:11px}.relief-copy h3{font:32px 'Gowun Batang',serif;margin:10px 0}.relief-copy>p{font-size:15px}.relief-copy>div{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.relief-copy small{display:block;font-size:12px;color:var(--muted);line-height:1.8}.relief-notes{font-size:12px;color:var(--muted);padding:18px 0;border-top:1px solid var(--line)}.relief-notes summary{cursor:pointer;min-height:32px}.relief-notes p{max-width:900px;line-height:1.9}.map-modes{flex-wrap:wrap}.map-modes button{min-height:44px}
@media(max-width:800px){#relief-map{height:520px}.relief-heading>span{display:none}.relief-key{top:110px;left:20px;right:auto;bottom:auto}.relief-stops{display:flex;overflow:auto}.relief-stops button{flex-shrink:0;padding:16px}#relief-detail{grid-template-columns:1fr;gap:20px}.relief-heading h2{font-size:25px}.relief-controls{left:12px;bottom:45px;gap:4px}.relief-controls button{padding:12px 10px;font-size:11px}.relief-plaque{top:18px;left:18px;padding:12px 16px}.relief-pin{min-width:52px}.pin-name{font-size:10px;padding:4px}.pin-monument{width:25px;height:32px}.relief-region{font-size:11px}.relief-photo img{height:240px}}
/* Cinematic miniature exhibition */
#relief-map{position:relative;height:720px;background:radial-gradient(ellipse at 23% 5%,#a17c5140,transparent 48%),linear-gradient(#203841,#081d28);overflow:hidden}#relief-map canvas{display:block;width:100%;height:100%;touch-action:pan-y}.relief-stage{border:1px solid #aa8d5145;border-radius:4px;overflow:hidden}.relief-stage:after{box-shadow:inset 0 0 95px #020f1855;pointer-events:none}.cinema-label{position:absolute;z-index:2;transform:translate(-50%,0);display:flex;align-items:center;gap:8px;color:#eee0bd;background:#0b222acc;border:1px solid #ad945947;padding:8px 12px;cursor:pointer;white-space:nowrap;font:12px 'Noto Sans KR',sans-serif;box-shadow:0 4px 20px #0004;backdrop-filter:blur(8px);min-height:40px}.cinema-label small{color:#d2ae67;font-size:9px}.cinema-label:hover,.cinema-label.selected{border-color:#e1bd79;background:#294147}.relief-plaque{background:none;border:0;top:30px;left:32px;padding:0}.relief-plaque>span{font-size:36px;letter-spacing:.12em}.relief-plaque small{letter-spacing:.1em;font-size:12px}.relief-key{bottom:20px;font-size:10px;opacity:.7}.relief-controls{bottom:26px;left:30px}.relief-controls button{backdrop-filter:blur(8px);background:#102b34bb}.relief-stage:before{content:'Μ';position:absolute;z-index:1;right:30px;top:20px;color:#d8b77b60;font:45px Georgia;pointer-events:none}
@media(max-width:700px){#relief-map{height:560px}.relief-plaque{top:20px;left:20px}.relief-plaque>span{font-size:27px}.relief-plaque small{font-size:10px}.cinema-label{font-size:10px;padding:5px 7px;gap:4px;min-height:36px}.relief-key{display:none}.relief-controls{left:12px;bottom:15px}.relief-stage:before{font-size:30px;right:20px}}
#cinema-caption{position:absolute;right:32px;top:90px;max-width:260px;pointer-events:none;z-index:3;text-shadow:0 2px 12px #071921}#cinema-caption small{font-size:9px;letter-spacing:.2em;color:#d5b878}#cinema-caption h3{font:30px 'Gowun Batang',serif;color:#f1e1b9;margin:10px 0}#cinema-caption p{font-size:13px;line-height:1.9;color:#dedbcf}#relief-tour{background:#d2b474;color:#122832;border-color:#d2b474}
@media(max-width:700px){#cinema-caption{right:20px;top:94px;max-width:200px}#cinema-caption h3{font-size:23px}#cinema-caption p{font-size:11px}.relief-controls{gap:3px}.relief-controls button{font-size:10px;padding:10px 7px}}
@media(max-width:700px){#cinema-caption{left:18px;right:18px;top:auto;bottom:78px;max-width:none;padding:10px 13px;background:#0d2633d9;border-left:1px solid #d4af6a;backdrop-filter:blur(6px)}#cinema-caption:empty{display:none}#cinema-caption small{font-size:8px}#cinema-caption h3{font-size:18px;display:inline;margin-left:10px}#cinema-caption p{font-size:10px;line-height:1.65;margin:6px 0 0}}
/* Controls and narration occupy their own rows, never the interactive scene. */
.relief-controls{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;background:#10242d;border-top:1px solid var(--line)}.relief-controls button{font-size:13px;min-height:44px;padding:10px 16px}#cinema-caption{position:relative;inset:auto;max-width:none;padding:20px 24px;background:#182e36;pointer-events:auto;border-top:1px solid var(--line);text-shadow:none}#cinema-caption:empty{display:none}#cinema-caption h3{display:inline;font-size:24px;margin-left:16px}#cinema-caption p{font-size:14px;max-width:760px;line-height:1.85;margin:12px 0 0}.relief-stage:after{display:none}#relief-map{height:580px}.relief-stops{grid-template-columns:repeat(5,minmax(0,1fr))}.relief-stops button{min-width:0;justify-content:center}.relief-photo img{display:block}.relief-photo .media-credit{line-height:1.8}
@media(max-width:700px){#relief-map{height:440px}.relief-controls{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px}.relief-controls button{font-size:12px;padding:10px 6px}.relief-plaque>span{font-size:23px}.relief-plaque small{font-size:10px}.relief-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.relief-stops button{justify-content:flex-start;font-size:13px;padding:14px 10px;border-bottom:1px solid var(--line)}.relief-stops button:last-child{grid-column:1/-1}.relief-stops button>span{margin-left:auto}#cinema-caption{padding:16px 18px;border-left:0}#cinema-caption small{font-size:10px}#cinema-caption h3{font-size:22px}#cinema-caption p{font-size:13px}.cinema-label{display:none}.relief-copy>div{gap:10px}.relief-heading{padding:16px 0}.relief-heading h2{font-size:24px}}