.city-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;padding:0 clamp(28px,6vw,115px);overflow:auto;background:var(--city-pine-dark);color:var(--city-paper);isolation:isolate}.city-opening>.opening-keyart{z-index:-3}.opening-curtain-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#273e2ddc,#344c3ea8 33%,#48605230 66%,#14282108),linear-gradient(0deg,#344c3ef5,#344c3e59 30%,transparent 55%)}.opening-masthead{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px 0;border-bottom:1px solid #d9cca426}.opening-welcome{margin-top:auto;padding:65px 0 52px}.opening-eyebrow{color:#d7be88;font-size:10px;letter-spacing:.2em;margin:0 0 25px}.opening-welcome h1{margin:0;color:#faf6ed;font:700 clamp(48px,5vw,76px)/1 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-.01em;text-transform:uppercase}.opening-description{margin:24px 0 0;color:#d2cdbb;font-size:14px;line-height:1.8}.opening-progress{width:min(520px,100%);padding:0 0 64px}.opening-progress-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;color:#e7decb;font-size:12px;line-height:1.5}.opening-progress-heading strong{color:#faf6ed;font:550 28px/1 Manrope,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;flex-shrink:0}.opening-progress-heading small{margin-left:3px;color:#c3bda0;font:11px/1 Segoe UI,sans-serif}.opening-progress-track{height:3px;margin:19px 0 21px;background:#dedbc22b;overflow:hidden}.opening-progress-fill{height:100%;background:var(--city-paper-deep);transition:width .2s ease-out}.opening-chapters{display:flex;justify-content:space-between;gap:14px;margin:0;padding:0;list-style:none;font:400 10px/1.5 Segoe UI,sans-serif;color:#c3bda0}.opening-chapters li{display:flex;gap:8px;align-items:center}.opening-chapters li>span{font-size:9px;color:#c3bda0}.opening-chapters li[aria-current]{color:#faf6ed}.opening-chapters li[aria-current]>span,.opening-chapters .is-complete>span{color:#e7decb}.opening-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-top:1px solid #c2bb9830;color:#aab5a2;font-size:9px;letter-spacing:.09em}.opening-recovery{max-width:520px;padding-bottom:48px}.opening-recovery-actions{display:flex;flex-wrap:wrap;gap:12px}.opening-recovery button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border:1px solid #e7decb;border-radius:4px;color:#343b31;background:#f3ecdf;font:600 13px Manrope,Segoe UI,sans-serif;cursor:pointer}.opening-recovery button+button{background:transparent;color:#f3ecdf;border-color:#e7decb5c}.opening-recovery details{margin-top:22px;color:#d2cdbb;font-size:11px;line-height:1.65}.opening-recovery summary{cursor:pointer;padding-block:10px}.opening-recovery details p{overflow-wrap:anywhere}.opening-recovery :is(button,summary):focus-visible{outline:2px solid #e7decb;outline-offset:4px}.city-opening.is-revealing{animation:opening-reveal .36s ease-in forwards}@keyframes opening-reveal{to{opacity:0}}@media(max-width:640px){.city-opening{padding-inline:26px;min-height:0}.opening-masthead{padding:max(20px,env(safe-area-inset-top,0px)) 0 19px}.opening-curtain-shade{background:linear-gradient(0deg,#344c3efc,#273e2deb 27%,#344c3e55 64%,#48605235 87%,#344c3e66)}.opening-welcome{margin-top:auto;padding:140px 0 35px}.opening-welcome h1{font-size:clamp(38px,10.6vw,58px)}.opening-eyebrow{font-size:9px;margin-bottom:17px}.opening-description{font-size:12px;margin-top:18px}.opening-progress{padding-bottom:33px}.opening-progress-heading{font-size:11px;gap:10px}.opening-progress-heading strong{font-size:25px}.opening-chapters{gap:9px;font-size:9px}.opening-chapters li{gap:5px}.opening-bottom{padding:20px 0 max(23px,env(safe-area-inset-bottom,0px));font-size:8px;gap:12px}.opening-recovery{padding-bottom:26px}}@media(max-height:600px)and (orientation:landscape){.city-opening{padding-inline:35px}.opening-masthead{padding-block:16px}.opening-welcome{padding:20px 0 16px}.opening-welcome h1{font-size:36px}.opening-eyebrow{margin-bottom:13px}.opening-description{margin-top:12px}.opening-progress{padding-bottom:20px}.opening-bottom{padding-block:11px}}@media(max-width:360px){.opening-welcome h1{font-size:34px}.opening-welcome{padding-top:90px;padding-bottom:28px}.opening-progress{padding-bottom:26px}}@media(prefers-reduced-motion:reduce){.opening-progress-fill{transition:none}.city-opening.is-revealing{animation:none;opacity:0}}