:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1720;color:#f4f7fa}*{box-sizing:border-box}body{margin:0}header{padding:20px 4vw;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:12px;letter-spacing:.22em;color:#74decb}h1{font-size:24px;margin:5px 0}button{font:inherit;border:1px solid #425462;background:#192e3d;color:white;border-radius:8px;padding:10px 15px;cursor:pointer}button:hover{background:#294655}button:focus-visible,a:focus-visible{outline:3px solid #74decb;outline-offset:3px}main{padding:0 4vw 20px}#stage{position:relative;height:65vh;min-height:340px;background:#142632;border-radius:16px;overflow:hidden}#pano{position:absolute;inset:0}#flat{width:100%;height:100%;object-fit:contain;background:#080d12}[hidden]{display:none!important}.overlay{position:absolute;top:0;left:0;right:0;padding:22px;background:linear-gradient(#0009,transparent);pointer-events:none}h2{margin:0;font-size:22px}#hint{font-size:14px}.controls{position:absolute;bottom:18px;right:18px;display:flex;gap:8px}#gallery{display:flex;gap:12px;overflow-x:auto;padding:18px 2px}#gallery button{padding:0;flex:0 0 160px;text-align:left;overflow:hidden}#gallery button[aria-pressed=true]{border:2px solid #74decb}#gallery img{width:100%;height:80px;object-fit:cover;display:block}#gallery span{display:block;padding:8px 10px;font-size:13px}#gallery small{display:block;color:#a7bcc8;margin-top:3px}.footnote{color:#a7bcc8;font-size:14px;line-height:1.6}a{color:#74decb}#stage:fullscreen{height:100vh;border-radius:0}@media(max-width:600px){header{padding:14px 4vw}h1{font-size:20px}#fullscreen{font-size:12px;padding:8px}#stage{height:60vh}.controls{right:10px;bottom:10px}#gallery button{flex-basis:140px}}
.tabs{display:flex;gap:10px;margin-left:auto}.tabs a{padding:10px 16px;text-decoration:none;border:1px solid #425462;border-radius:8px}.tabs a[aria-current=page]{background:#74decb;color:#10242a;border-color:#74decb}#map{height:65vh;min-height:350px;border-radius:16px;background:#ccd7da}.photo-pin{background:transparent}.photo-pin span{display:block;background:#153c49;color:white;border:2px solid #74decb;border-radius:20px;text-align:center;padding:6px 4px;font:bold 13px system-ui;box-shadow:0 2px 8px #0006}.leaflet-popup-content{color:#18333f}.map-photo{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;text-decoration:none}.map-photo img{width:85px;height:45px;object-fit:cover;border-radius:4px}.leaflet-popup-content .map-photo{color:#163e4e}.map-photo:hover{background:#74decb33}#map-list{display:flex;flex-wrap:wrap;gap:10px}#map-list .map-photo{border:1px solid #425462;font-size:13px}@media(max-width:700px){header{flex-wrap:wrap}.tabs{margin-left:0}header h1{font-size:20px}.tabs a{padding:8px 10px}#map{height:60vh}}
.tour-point{transform:translate(-50%,-50%);border:2px solid #74decb;background:#123542e8;color:white;border-radius:30px;padding:10px 16px;white-space:nowrap;box-shadow:0 3px 10px #0007;font-weight:600}.tour-point:hover{background:#276274}.aim{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:38px;color:white;text-shadow:0 1px 5px black;pointer-events:none}select{font:inherit;background:#0b1b26;color:white;border:1px solid #526977;padding:12px;border-radius:8px;max-width:100%;margin-bottom:16px}#links .panel{margin-top:12px}