.exile-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding-block:42px 20px;gap:20px;border-bottom:1px solid #59452d}.exile-metrics>div{display:flex;align-items:baseline;gap:12px}.exile-metrics strong{font:600 clamp(36px,5vw,64px)/1 Georgia,serif;color:#dfb96d;font-variant-numeric:tabular-nums}.exile-metrics span{font-size:14px;color:#c8bdab}.exile-metrics p{grid-column:1/-1;font-size:12px;color:#918675;margin:0;max-width:880px}.tour-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:38px;align-items:start}.tour-stage{position:sticky;top:105px;align-self:start;min-width:0}.tour-browser{display:flex;justify-content:space-between;font-size:12px;color:#cdbb98;padding:0 0 12px;letter-spacing:.06em}.tour-canvas{position:relative;width:100%;overflow:hidden;background:#0d0b09;aspect-ratio:1256/648}.tour-canvas img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .16s ease}.tour-focus{position:absolute;left:var(--x,15%);top:var(--y,14%);width:var(--w,41%);height:var(--h,75%);border:2px solid #e3b65a;box-shadow:0 0 0 1000px #08060566,0 0 20px #dfb96d45;border-radius:5px;pointer-events:none;transition:left .42s cubic-bezier(.22,1,.36,1),top .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1)}.tour-focus span{position:absolute;top:5px;left:6px;padding:3px 7px;background:#e3b65a;color:#161008;font-size:11px;font-weight:700;white-space:nowrap}.tour-hint{font-size:11px;color:#92836d;margin:10px 0}.tour-step{min-height:340px;padding:54px 0 35px 20px;border-left:2px solid #3a3023;opacity:.48;transition:opacity .35s,border-color .35s;cursor:pointer;scroll-margin-top:130px}.tour-step.active{opacity:1;border-color:#d8ae61}.tour-step h3{font-family:'Noto Serif TC',serif;font-size:clamp(21px,2.3vw,31px);margin:14px 0 18px;color:#ebd7b5;line-height:1.5}.tour-step p{font-size:14px;line-height:1.9;color:#bbae98;max-width:360px}.tour-index{font-size:12px;letter-spacing:.08em;color:#d7ad67}.tour-location{font-size:11px;color:#a78a58}.screen-area{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.screenshot-button{border-radius:0!important}.screen-top{display:none}.screen-area:before,.screen-area:after{display:none!important}@media(max-width:760px){.exile-metrics{grid-template-columns:repeat(2,1fr);gap:24px 12px}.exile-metrics>div{display:block}.exile-metrics span{display:block;margin-top:6px}.tour-grid{display:flex;flex-direction:column;gap:8px}.tour-stage{top:70px;width:100%;z-index:3;background:#0d0b09;padding-top:8px}.tour-steps{width:100%}.tour-step{min-height:230px;padding:30px 12px 25px 16px}.tour-step h3{margin:8px 0}.tour-step p{max-width:none}.tour-browser{font-size:10px}.tour-focus span{font-size:9px;padding:2px 5px}.tour-hint{margin:4px 0}.exile-tour .section-heading{display:block}.tour-canvas{max-height:45vh}}@media(prefers-reduced-motion:reduce){.tour-step,.tour-focus,.tour-canvas img{transition:none}.tour-step{opacity:1}}
/* Screenshot uses its natural height: no browser button fill or letterbox bands. */
.screenshot-button{display:block!important;appearance:none;aspect-ratio:auto!important;background:transparent!important;padding:0!important;border:0!important;line-height:0;min-height:0!important;width:100%}.screenshot-button img{display:block;width:100%;height:auto!important;object-fit:contain}.screenshot-button:hover{background:transparent!important}
@media(min-width:761px){.tour-stage{top:var(--tour-top,calc(50vh - 220px))}}