.intro{width:440px}
.scene-place-label{position:absolute;transform:translate(-50%,-50%);font-size:24px;letter-spacing:5px;color:#29382c;text-shadow:0 1px 3px #fffbed,0 0 12px #fffbed;white-space:nowrap;pointer-events:none}
#court-scene-label{color:#fff4dc;text-shadow:0 1px 4px #172518,0 0 10px #172518}
@media(max-width:700px){.scene-place-label{font-size:21px;letter-spacing:4px}}
.intro h1{white-space:nowrap}
.vignette{background:linear-gradient(90deg,#f2efe5a0 0%,#f2efe538 25%,transparent 52%),linear-gradient(180deg,#edf3f526 0%,transparent 22%,transparent 65%,#f2efe5ed 100%)}
.place{padding:18px 22px;background:linear-gradient(90deg,#f3f0e5d9,#f3f0e570);backdrop-filter:blur(8px);border-left:1px solid #65745150;max-width:350px;top:130px}
.place .eyebrow{font-size:11px;margin-bottom:0}
.place>p:last-child{margin-bottom:0}
.map{width:200px;padding:14px 12px 10px;background:#f1efdfed;border-color:#87917455;box-shadow:0 6px 25px #1d321c12}
.map>span{margin-bottom:11px}
.map-photo{position:relative;width:100%;aspect-ratio:864/1120;overflow:hidden;border:1px solid #65745130;background:#9ba589}
.map-photo img{display:block;width:100%;height:100%;object-fit:cover}
.map-location{position:absolute;width:11px;height:11px;border:2px solid #fff7e2;border-radius:50%;background:#bc6b3d;box-shadow:0 0 0 4px #fff6d85c,0 2px 7px #24331e88;transform:translate(-50%,-50%);transition:left .8s,top .8s}
.map-caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;letter-spacing:2px;margin:9px 0 0;color:#59664c}
.map-caption-dot{width:5px;height:5px;border-radius:50%;background:#bc6b3d}
@media(min-width:701px) and (max-height:700px){.map{width:170px;bottom:180px}}
@media(min-width:701px) and (max-height:800px){
  .intro{top:23%}
  .intro h1{font-size:52px}
  .intro-copy{margin:20px 0 22px}
}
@media(max-width:700px){
  .intro{width:calc(100% - 54px);top:23%}
  .intro h1{font-size:36px}
  .intro .eyebrow{margin-bottom:16px}
  .intro-copy{margin:18px 0}
  .loading-text{margin-top:9px}
  .place{left:23px;top:103px;padding:12px 15px;max-width:260px}
  .place h1{font-size:24px}
  .place>p:last-child{font-size:10px}
  .place .eyebrow{font-size:10px;margin-bottom:0}
}
@media(max-height:680px){
  .intro{top:22%}
  .intro h1{font-size:34px;line-height:1.25}
  .intro-copy{font-size:11px;line-height:1.8;margin:15px 0}
  .intro .eyebrow{font-size:9px;margin-bottom:12px}
  .enter{padding:12px 16px}
  .loadline{margin-top:10px}
  .loading-text{font-size:8px}
}
.statue-credit{font-size:10px!important;line-height:1.7!important;letter-spacing:0!important;max-width:280px;opacity:.78;pointer-events:auto}.statue-credit a{color:inherit;text-underline-offset:3px}
header{align-items:flex-start}
.place{top:196px}
.brand .seal{display:flex;flex-direction:column;align-items:center;gap:4px;width:50px;padding:11px 9px;font:24px/26px 'STKaiti','KaiTi',serif;letter-spacing:0;text-align:center;white-space:nowrap;flex-shrink:0}
.intro{top:auto;bottom:190px;width:auto}
.hall-deity{font:26px/1.4 'STSong','SimSun',serif;letter-spacing:3px;margin:12px 0 8px}
#hall-identity .statue-credit{margin:0}
@media(max-width:700px){.brand .seal{width:44px;font-size:20px;line-height:23px;padding:9px 8px;gap:3px}.place{top:166px}.intro{top:auto;bottom:210px;width:auto}.hall-deity{font-size:22px}}