.vp-dialog{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #454a49;border-radius:20px;background:#191c1d;color:#edf0ee;box-shadow:0 24px 90px #0009;overflow:hidden}
.vp-dialog[open]{display:flex;flex-direction:column}.vp-dialog::backdrop{background:#080c10c9;backdrop-filter:blur(5px)}
.vp-head,.vp-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;flex-shrink:0;background:#1d2122}.vp-head{border-bottom:1px solid #343b3d}.vp-head h2{font-size:20px;margin:0;line-height:1.3}.vp-head button{flex-shrink:0}.vp-footer{border-top:1px solid #343b3d}.vp-footer .button{white-space:normal;text-align:center;min-height:44px;flex-shrink:0}
.vp-body{padding:24px;min-height:0;overflow:auto;overscroll-behavior:contain}.vp-intro{display:flex;align-items:center;gap:28px;margin-bottom:22px}.vp-logo{width:185px;height:auto;flex-shrink:0}.vp-intro p,.vp-step-detail p,.vp-story-copy p{color:#bac4c7;line-height:1.6;font-size:14px;margin:0}.vp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px}.vp-step{border:1px solid #424b4e;border-radius:10px;background:#22282a;color:#dce1df;min-height:46px;padding:10px 12px;font:inherit;font-size:13px;cursor:pointer}.vp-step[aria-selected=true]{border-color:#d49b5a;background:#382d24;color:#f4c58a}.vp-step:focus-visible{outline:2px solid #f4c58a;outline-offset:3px}.vp-stage{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center}.vp-capture{position:relative;margin:0;background:#070909;border:1px solid #343b3d;border-radius:10px;overflow:hidden}.vp-capture img{display:block;width:100%;height:auto}.vp-highlight{position:absolute;border:2px solid #f0b465;border-radius:5px;box-shadow:0 0 0 999px #0003;pointer-events:none;transition:all .18s ease}.vp-highlight[data-area=allow]{left:78.3%;top:19%;width:6.5%;height:38%}.vp-highlight[data-area=trust]{left:85.3%;top:19%;width:9%;height:38%}.vp-highlight[data-area=save]{left:57%;top:83.4%;width:38.5%;height:4.5%}.vp-highlight[data-area=ok]{left:88.5%;top:88.3%;width:6.8%;height:4.5%}.vp-step-detail{min-height:200px}.vp-step-detail h3{font-size:20px;line-height:1.3;margin:12px 0}.vp-caption{display:block;font-size:12px;color:#98a5a8;line-height:1.5;margin:16px 0 0}.vp-footer .vp-caption{margin:0}.vp-story-art{display:block;width:100%;height:auto;max-height:43vh;object-fit:contain;border-radius:12px;background:#101314}.vp-story-copy{margin-top:22px}.vp-story-copy h3{font-size:26px;line-height:1.2;margin:10px 0 14px}.vp-story-copy p+p{margin-top:12px}
.ed-story.is-viewpoint-story .ed-news-image{object-fit:contain}.vp-server-card{border-color:#826244!important}.vp-server-card .ms-server-avatar img{object-fit:contain}.vp-server-card .button-row .button{white-space:normal}.vp-server-card .production-building-note{color:#ddd6cb}
@media(max-width:760px){.vp-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.vp-head,.vp-footer{padding:14px 16px;gap:12px}.vp-head h2{font-size:18px}.vp-body{padding:16px}.vp-intro{display:block}.vp-logo{width:150px;margin:0 0 16px}.vp-stage{display:flex;flex-direction:column;gap:18px;align-items:stretch}.vp-step-detail{min-height:150px}.vp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-footer .text-link{font-size:12px}.vp-footer .button{font-size:13px;padding:10px 14px}.vp-story-copy h3{font-size:22px}.vp-story-art{max-height:none}}
@media(prefers-reduced-motion:reduce){.vp-highlight{transition:none}}
@media(min-width:761px) and (max-height:800px){.vp-capture{width:min(100%,calc((100dvh - 440px)*1.602));margin-inline:auto}.vp-step-detail{min-height:0}}
@media(max-width:760px){
 #catalog-discovery.production-catalog-preview .portal-editorial{height:560px}
 .portal-editorial .ed-story.is-viewpoint-story{padding:274px 22px 64px;align-items:flex-start}
 .portal-editorial .ed-story.is-viewpoint-story .ed-news-image{top:64px;height:190px;object-fit:contain;object-position:center;opacity:1}
 .portal-editorial .ed-story.is-viewpoint-story:after{background:linear-gradient(0deg,#15191a 0%,#15191a 52%,transparent 58%)}
 .portal-editorial .ed-story.is-viewpoint-story .ed-news-copy{width:100%;max-width:none;gap:8px}
 .portal-editorial .ed-story.is-viewpoint-story h2{font-size:22px}
 .portal-editorial .ed-story.is-viewpoint-story p{font-size:13px;line-height:1.5}
}
@media(max-width:760px){
 #catalog-discovery.production-catalog-preview .portal-editorial{height:540px}
 #catalog-discovery .portal-editorial button.ed-story.is-viewpoint-story{padding:274px 22px 54px;align-items:flex-start;justify-content:flex-start}
}
.vp-footer .button.primary{background:linear-gradient(135deg,#34302a,#252727);border:1px solid #a4774c;color:#f0e9e1;border-radius:10px;box-shadow:0 3px 12px #0002}.vp-footer .button.primary:hover{background:#3a342c;border-color:#d5a26c}

/* One journey: launcher, preparation, permissions, then download. */
.vp-journey{width:min(1180px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px))}
.vp-journey .vp-body{padding:20px 24px;flex:1}
.vp-journey-panel{min-height:0}
.vp-journey-stage{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:24px;align-items:center;min-height:420px}
.vp-journey-image{position:relative;margin:0;line-height:0;border:1px solid #3b4143;border-radius:12px;overflow:hidden;background:#111617;width:100%;max-width:650px;justify-self:center}
.vp-journey-image img{display:block;width:100%;height:auto}
.vp-journey-detail h3{font-size:23px;line-height:1.25;margin:10px 0 12px}
.vp-journey-detail p{font-size:14px;line-height:1.55;color:#bbc3c5;margin:0}
.vp-instructions{padding-left:20px;margin:16px 0 0;color:#d0d6d7;font-size:14px;line-height:1.55}
.vp-instructions li{padding-left:4px;margin:10px 0}
.vp-journey [hidden]{display:none!important}
.vp-annotations,.vp-launch-marks{position:absolute;inset:0;pointer-events:none}
.vp-allow-checks{position:absolute;left:79.1%;top:20.55%;width:4.6%;height:35.4%;display:flex;flex-direction:column;justify-content:space-between}
.vp-allow-checks span{display:flex;justify-content:center;align-items:center;height:9%;background:#193730;border:1px solid #9fc6b7;color:#dcf4e9;font:bold clamp(8px,1.2vw,17px)/1 system-ui}
.vp-trust-outline{position:absolute;left:88.2%;top:20.55%;width:2.5%;height:35.4%;border:1px dashed #bec5c7;border-radius:2px}
.vp-save-check{position:absolute;left:93.35%;top:84.55%;width:1.8%;height:2.8%;display:flex;align-items:center;justify-content:center;background:#193730;color:#dcf4e9;border:1px solid #9fc6b7;font:bold clamp(7px,1vw,13px)/1 system-ui}
.vp-ok-outline{position:absolute;left:88.1%;top:88.1%;width:7.7%;height:5.2%;border:2px solid #e2aa68;border-radius:3px}
.vp-permissions{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}
.vp-permission{display:flex;gap:10px;padding:9px 10px;border:1px solid #3c4646;border-radius:9px;background:#202628}
.vp-choice-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:6px;background:#2b423a;color:#c3e2d3;font:600 18px/1 system-ui}
.vp-permission.trust .vp-choice-icon{background:#343b3d;color:#dde2e3}
.vp-permission.ok .vp-choice-icon{background:#46392d;color:#e8bc88}
.vp-permission strong{display:block;font-size:14px;color:#f0f1ef}
.vp-choice-action{display:block;font-size:11px;letter-spacing:.06em;color:#bddecf;margin:3px 0 4px}
.vp-permission.trust .vp-choice-action{color:#e3c99f}
.vp-journey-detail .vp-permission p{font-size:12px;line-height:1.4}
.vp-select-profile,.vp-start-game{position:absolute;border:2px solid #edb473;border-radius:8px;color:#fff;background:#492f0f33;font:700 16px/1 system-ui;display:flex;align-items:flex-start;padding:5px}
.vp-select-profile{left:2.9%;top:59.9%;width:23%;height:13%}
.vp-start-game{left:68.5%;top:86%;width:28.4%;height:5.6%}
.vp-guide-actions{display:flex;align-items:center;gap:10px}
.vp-journey-footer .button{border-radius:10px}
.vp-journey-footer>button:disabled{opacity:0;pointer-events:none}
@media(min-width:761px){.vp-permission strong{display:inline}.vp-choice-action{display:inline-block;margin:0 0 5px 10px}}
@media(min-width:761px) and (max-height:850px){
 .vp-journey .vp-body{padding:16px 20px}
 .vp-journey .vp-steps{margin-bottom:12px}
 .vp-journey-stage{min-height:0;gap:20px;grid-template-columns:minmax(0,1.1fr) minmax(300px,1fr)}
 .vp-journey-image{max-width:min(100%,calc((100dvh - 320px)*1.25))}
 .vp-journey-stage.is-permissions .vp-journey-image{max-width:none}
 .vp-journey-detail h3{font-size:21px;margin:8px 0}
 .vp-journey-detail p,.vp-instructions{font-size:13px}
 .vp-instructions li{margin:8px 0}
 .vp-permissions{gap:6px;margin-top:10px}
 .vp-permission{padding:7px 9px}
 .vp-journey .vp-caption{margin-top:12px}
}
@media(max-width:760px){
 .vp-journey{width:calc(100vw - 20px)}
 .vp-journey .vp-body{padding:16px}
 .vp-journey-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:20px}
 .vp-journey-detail h3{font-size:21px}
 .vp-journey-image{flex-shrink:0}
 .vp-journey-footer{padding:12px;gap:8px}
 .vp-journey-footer .button{font-size:12px;padding:10px;min-height:44px}
 .vp-guide-actions{gap:6px}
 .vp-select-profile,.vp-start-game{font-size:10px;padding:2px;border-width:1px;border-radius:4px}
}

/* Simplified first visit: two steps, with a manual two-image launcher carousel. */
.vp-simple-guide{width:min(1180px,calc(100vw - 32px));height:min(780px,calc(100dvh - 32px))}
.vp-simple-guide [hidden]{display:none!important}.vp-simple-guide .vp-body{flex:1;padding:20px 24px}
.vp-simple-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.vp-simple-stage{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:center;gap:28px}
.vp-clean-capture{position:relative;margin:0;border:1px solid #3e4546;border-radius:12px;overflow:hidden;background:#151719;line-height:0}
.vp-clean-capture>img{display:block;width:100%;height:auto}
.vp-clean-capture{max-width:550px;margin-inline:auto}
.vp-allow-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 3px #000)}
.vp-picture-nav{display:flex;justify-content:center;gap:8px;margin-top:12px}
.vp-picture-button{background:#252b2d;color:#c8cece;border:1px solid #424a4d;border-radius:20px;font:inherit;font-size:12px;min-height:38px;padding:8px 16px;cursor:pointer}
.vp-picture-button[aria-pressed=true]{background:#363029;border-color:#b48655;color:#f2d6b1}
.vp-simple-copy h3{font-size:25px;line-height:1.25;margin:10px 0 16px}
.vp-simple-copy p,.vp-simple-instructions,.vp-simple-permissions{font-size:14px;color:#c5cdcf;line-height:1.6}
.vp-simple-instructions{padding-left:20px;margin:16px 0}.vp-simple-instructions li{padding-left:3px;margin:10px 0}
.vp-simple-permissions{padding-left:0;list-style:none;margin:18px 0}
.vp-simple-permissions li{margin:16px 0}.vp-simple-permissions strong{display:block;color:#f1e6d7;font-size:15px}.vp-simple-permissions span{display:block}
.vp-simple-copy .vp-guide-note{font-size:12px;color:#9eadaf;border-top:1px solid #384042;padding-top:14px;margin-top:18px}
.vp-simple-guide .vp-footer>button:disabled{visibility:hidden}.vp-simple-guide .vp-footer .button{border-radius:10px}
@media(min-width:761px) and (max-height:850px){.vp-simple-guide .vp-body{padding:14px 20px}.vp-simple-tabs{margin-bottom:14px}.vp-simple-stage{gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.vp-clean-capture{max-width:calc((100dvh - 330px)*1.3);margin-inline:auto}.vp-simple-copy h3{font-size:22px;margin:8px 0 10px}.vp-simple-copy p,.vp-simple-instructions,.vp-simple-permissions{font-size:13px;line-height:1.5}.vp-simple-permissions li{margin:12px 0}.vp-simple-guide .vp-caption{margin-top:10px}.vp-simple-guide .vp-guide-note{margin-top:12px;padding-top:10px}}
@media(max-width:760px){.vp-simple-guide{width:calc(100vw - 20px)}.vp-simple-guide .vp-body{padding:16px}.vp-simple-stage{display:flex;flex-direction:column;align-items:stretch;gap:20px}.vp-simple-tabs{margin-bottom:16px}.vp-simple-copy h3{font-size:22px}.vp-simple-guide .vp-footer{padding:12px;gap:6px}.vp-simple-guide .vp-footer .button{padding:10px;font-size:12px;min-height:44px}.vp-simple-guide .vp-guide-actions{gap:6px}}

/* Keep artwork full-bleed, with the actual vector mark independently aligned. */
#catalog-discovery .portal-editorial button.ed-story.is-viewpoint-story{padding:80px 24px 64px;justify-content:center}
#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story .ed-news-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:1}
#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story:after{background:linear-gradient(90deg,#10181af5 0%,#11181acc 38%,#11181a26 85%)}
#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story .ed-news-copy{width:55%;max-width:55%;position:relative;z-index:2}
#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story h2{font-size:clamp(20px,1.5vw,28px)}
#catalog-discovery .portal-editorial .vp-editorial-logo{position:absolute;right:5%;top:31%;width:35%;height:auto;z-index:2;filter:drop-shadow(0 3px 12px #0008)}
.vp-editorial-logo[hidden]{display:none!important}
#catalog-discovery .vp-server-card{box-shadow:inset 0 0 0 1px #cd985d55,0 4px 20px #0002}
#catalog-discovery.has-viewpoint-feature.is-compact-view .discovery-topdeck{grid-template-columns:minmax(0,1.35fr) minmax(0,2fr)}
#catalog-discovery.has-viewpoint-feature .vp-global-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#catalog-discovery.has-viewpoint-feature.is-compact-view .discovery-topdeck>.vp-global-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1599px) and (min-width:1001px){#catalog-discovery.has-viewpoint-feature.is-compact-view .discovery-topdeck{grid-template-columns:minmax(0,1fr)}#catalog-discovery.has-viewpoint-feature .portal-editorial{height:270px}#catalog-discovery.has-viewpoint-feature .portal-editorial .vp-editorial-logo{width:26%;right:7%;top:23%}#catalog-discovery.has-viewpoint-feature .vp-global-pair>.ms-card{min-height:270px;height:270px}#catalog-discovery.has-viewpoint-feature .discovery-viewport{min-height:0}}
@media(max-width:1000px){#catalog-discovery.has-viewpoint-feature .vp-global-pair{grid-template-columns:1fr}#catalog-discovery.has-viewpoint-feature .vp-global-pair>.ms-card{grid-column:1/-1;min-height:310px}}
@media(max-width:760px){#catalog-discovery.production-catalog-preview.has-viewpoint-feature .portal-editorial{height:540px}#catalog-discovery .portal-editorial button.ed-story.is-viewpoint-story{padding:270px 22px 64px;justify-content:flex-start}#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story .ed-news-copy{width:100%;max-width:100%}#catalog-discovery .portal-editorial .ed-story.is-viewpoint-story:after{background:linear-gradient(0deg,#141c1af5 0%,#141c1adb 48%,#141c1a22 85%)}#catalog-discovery .portal-editorial .vp-editorial-logo{top:104px;right:7%;width:58%}}
#catalog-discovery .portal-editorial button.ed-story.is-viewpoint-story{flex-direction:column;align-items:flex-start!important}
@media(min-width:761px) and (max-height:850px){.vp-simple-guide .vp-clean-capture{max-width:calc((100dvh - 390px)*1.3)}}
@media(max-width:1599px) and (min-width:1001px){#catalog-discovery.has-viewpoint-feature .portal-editorial{height:250px}#catalog-discovery.has-viewpoint-feature .portal-editorial button.ed-story.is-viewpoint-story{padding-top:70px;padding-bottom:54px}}
#catalog-discovery .portal-editorial .vp-editorial-logo{max-width:320px}
@media(min-width:761px){
 #catalog-discovery.has-viewpoint-feature:not(.is-compact-view) .vp-global-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;min-height:300px}
 #catalog-discovery.has-viewpoint-feature:not(.is-compact-view) .vp-global-pair>.ms-card{grid-column:auto!important;grid-row:auto!important;height:100%!important;min-height:300px}
}
/* Capability mark: reusable across any ViewPoint-enabled server. */
#catalog-discovery .vp-server-card{position:relative;isolation:isolate}
#catalog-discovery .server-feature-viewpoint{position:static;width:72px;min-width:72px;max-width:72px;height:32px;flex:0 0 72px;object-fit:contain;opacity:.85;pointer-events:none;filter:drop-shadow(0 2px 4px #0008)}

/* Reduce the orange cast in the server artwork, preserving readable UI colors. */
#catalog-discovery .vp-server-card:before{filter:saturate(.38);opacity:.48}
#catalog-discovery .vp-server-card .ms-server-avatar img{filter:saturate(.65)}
#catalog-discovery .vp-server-card .ms-access-tag{max-width:100%;white-space:normal}
/* Mobile introduction has its own breathing room above the view selector. */
@media(max-width:760px){
 #catalog-discovery.has-viewpoint-feature .discovery-heading{gap:14px!important;margin-bottom:16px!important}
 #catalog-discovery.has-viewpoint-feature .discovery-heading>div:first-child{width:100%;min-width:0}
 #catalog-discovery.has-viewpoint-feature .discovery-heading h1{line-height:1.25;margin:0}
 #catalog-discovery.has-viewpoint-feature .discovery-heading p{font-size:14px;line-height:1.55;margin:8px 0 0;max-width:34ch}
 #catalog-discovery.has-viewpoint-feature .discovery-tabs{margin-top:0}
}

/* Artwork-only tonal balance; text, status colors and controls stay untouched. */
#catalog-discovery.has-viewpoint-feature .ms-card{background:#171b1e!important}
#catalog-discovery.has-viewpoint-feature .ms-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#11171b55,#11171b70 65%,#11171bba),var(--server-cover) center/cover;filter:saturate(.52);opacity:1}
#catalog-discovery.has-viewpoint-feature .vp-server-card::before{filter:saturate(.28)}

/* Every server action shares the same bottom/right anchor, including ready offers. */
#catalog-discovery .ms-card>.button-row{position:absolute;grid-area:auto!important;right:16px;bottom:16px;width:max-content;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin:0!important;padding:0;z-index:3;max-width:calc(100% - 32px)}
#catalog-discovery .pc-ready-offer>p{grid-column:1/-1;grid-row:3;align-self:start;margin:0;max-width:40ch}

@media(min-width:761px){#catalog-discovery #server-grid.is-list>.pc-ready-offer>p{grid-area:2/2;max-width:46ch;font-size:12px;line-height:1.4;margin:0}}

/* In the dense card catalog, weather has a separate row above the actions. */
#catalog-discovery.is-directory #server-grid:not(.is-list)>.ms-card{min-height:310px}
#catalog-discovery.is-directory #server-grid:not(.is-list)>.ms-card>.world-atmosphere{position:absolute;grid-area:auto;left:16px;bottom:68px;width:max-content;max-width:calc(100% - 32px);margin:0}

/* Shared quarter grid: highlight spans two columns, each Global spans one. */
@media(min-width:1600px){
 #catalog-discovery.has-viewpoint-feature.is-compact-view .discovery-topdeck{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
}
@media(min-width:1001px){#catalog-discovery.has-viewpoint-feature.is-compact-view #server-grid{column-gap:14px}}

/* Slightly denser online identities in the two Global cards only. */
#catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-players{--roster-step:60;column-gap:6px}
#catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-player{flex-basis:54px;width:54px;min-width:54px;max-width:54px;grid-template-rows:38px 14px 12px;height:68px;min-height:68px}
#catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-portrait,
#catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-portrait .avatar{width:38px;height:38px;min-width:38px;max-width:38px;min-height:38px;max-height:38px;flex-basis:38px}
#catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-player>span:last-of-type{width:54px;max-width:54px}
@media(min-width:1001px) and (max-height:800px){
 #catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-player{grid-template-rows:32px 14px 12px;height:62px;min-height:62px}
 #catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-portrait,
 #catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-portrait .avatar{width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;flex-basis:32px}
}
@media(max-width:760px){
 #catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-player{grid-template-rows:44px 14px 12px;height:74px;min-height:74px}
 #catalog-discovery.has-viewpoint-feature .vp-global-pair>.is-global-showcase .ms-mini-portrait{width:44px;height:44px;min-width:44px;max-width:44px;min-height:44px;max-height:44px;flex-basis:44px;align-items:center;justify-content:center}
}

/* Sequential guide: no chapter shortcuts; download is created only at the end. */
.vp-guided{width:min(1120px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px))}
.vp-guided [hidden]{display:none!important}
.vp-guided .vp-body{flex:1;padding:20px 28px}
.vp-guide-chapters{display:flex;gap:16px;list-style:none;margin:0 0 20px;padding:0;counter-reset:vp-chapter}
.vp-guide-chapters li{flex:1;border-bottom:2px solid #3a4142;padding:0 0 10px;font-size:12px;color:#9da8a9;counter-increment:vp-chapter}
.vp-guide-chapters li:before{content:counter(vp-chapter,decimal-leading-zero) ' ';margin-right:6px}
.vp-guide-chapters [aria-current=step]{color:#edc49d;border-color:#c08a5d}
.vp-guide-chapters .is-complete{border-color:#707e78;color:#c0cdc7}
.vp-guide-counter{font-size:10px;letter-spacing:.1em;color:#c89b72;margin:0 0 8px}
.vp-guide-panel>h3{font-size:25px;line-height:1.25;margin:0 0 22px;outline:none}
.vp-guided-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px}
.vp-guided-visual{min-width:0;display:grid;gap:16px;align-content:center}
.vp-focus-capture{margin:0;overflow:hidden;border:1px solid #3b4243;border-radius:12px;background:#171819;line-height:0}
.vp-focus-capture svg{display:block;width:100%;height:auto}
.vp-guided-copy p,.vp-access-notice p{font-size:14px;line-height:1.6;color:#bdc7ca;margin:0}
.vp-guided-copy>p+p{margin-top:16px}
.vp-guide-instruction{margin:0 0 20px}.vp-guide-instruction:last-child{margin-bottom:0}
.vp-guide-instruction strong{display:block;color:#ece7e0;font-size:15px;line-height:1.4;margin-bottom:5px}
.vp-guided .vp-caption{margin:0;font-size:12px;line-height:1.5}
.vp-access-notice{padding:26px;background:linear-gradient(145deg,#242a2c,#191d20);border:1px solid #555047;border-radius:14px}
.vp-access-logo{display:block;width:min(100%,260px);height:100px;object-fit:contain;margin:0 auto 22px}
.vp-access-notice>strong{display:block;font-size:20px;line-height:1.35;margin-bottom:14px}
.vp-guided-copy .vp-integration-pending,.vp-guided-copy .vp-guide-note{padding-top:14px;border-top:1px solid #414748;font-size:12px;line-height:1.55;color:#a9b3b6}
.vp-guided-copy .vp-integration-pending{border-color:#746048;color:#d8bc9e}
.vp-guided-stage[data-scene='2'] .vp-focus-capture:nth-child(2){width:65%;justify-self:end}
.vp-guided-stage[data-scene='3'] .vp-focus-capture:first-child{width:75%}
.vp-guided-stage[data-scene='3'] .vp-focus-capture:nth-child(2){width:90%;justify-self:end}
.vp-guided-stage[data-scene='4'] .vp-focus-capture{width:240px;justify-self:center}
.vp-guided-stage[data-scene='4'] .vp-caption{max-width:300px;justify-self:center}
.vp-guided-stage[data-scene='5'] .vp-focus-capture{width:min(100%,400px);justify-self:center}
.vp-guide-download{margin:22px 0;display:inline-flex!important;border-radius:10px}
.vp-guided-copy>.button:last-child{margin-top:20px;border-radius:10px}
.vp-guide-progress{margin-left:auto;color:#aeb9bb;font-size:12px}
.vp-guided .vp-footer{min-height:80px;gap:18px}.vp-guided .vp-footer .button{border-radius:10px;min-width:110px}
@media(min-width:761px) and (max-height:800px){
 .vp-guided .vp-body{padding:14px 24px}.vp-guide-chapters{margin-bottom:14px}.vp-guide-panel>h3{font-size:22px;margin-bottom:16px}
 .vp-guided-stage{gap:24px}.vp-guide-instruction{margin-bottom:12px}.vp-guided-copy p,.vp-access-notice p{font-size:13px;line-height:1.5}
 .vp-access-notice{padding:20px}.vp-access-logo{height:70px;margin-bottom:12px}.vp-guided-stage[data-scene='4'] .vp-focus-capture{width:208px}
 .vp-guided-stage[data-scene='5'] .vp-focus-capture{max-width:340px}.vp-guided .vp-footer{min-height:70px;padding:12px 24px}
}
@media(max-width:760px){
 .vp-guided{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.vp-guided .vp-body{padding:18px 16px}
 .vp-guide-chapters{gap:10px;margin-bottom:18px}.vp-guide-chapters li{font-size:11px}.vp-guide-chapters li:before{margin-right:3px}
 .vp-guide-panel>h3{font-size:22px;margin-bottom:18px}.vp-guided-stage{display:flex;flex-direction:column;gap:22px;align-items:stretch}
 .vp-access-notice{padding:20px}.vp-access-logo{height:70px;margin-bottom:16px}.vp-access-notice>strong{font-size:18px}
 .vp-guided-stage[data-scene='3'] .vp-focus-capture:first-child{width:78%}.vp-guided-stage[data-scene='4'] .vp-focus-capture{width:210px;margin-inline:auto}
 .vp-guided .vp-footer{padding:12px;gap:10px;min-height:70px}.vp-guided .vp-footer .button{min-width:88px;font-size:12px;padding:10px}
 .vp-guide-progress{font-size:11px}.vp-guide-instruction{margin-bottom:16px}
}

/* A single modal surface carries the introduction into the guide. */
.vp-story-dialog{width:min(1120px,calc(100vw - 32px));height:min(790px,calc(100dvh - 32px))}
.vp-story-dialog .vp-story-body{padding:0;flex:1;display:flex;flex-direction:column;min-height:0}
.vp-story-hero{position:relative;isolation:isolate;flex:1;min-height:300px;overflow:hidden;background:#1a2224}
.vp-story-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.72)}
.vp-story-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141a1df5,transparent 65%),linear-gradient(90deg,#13191a70,transparent 75%);z-index:0;pointer-events:none}
.vp-story-mark{position:absolute;right:38px;top:34px;width:250px;height:115px;object-fit:contain;z-index:1;filter:drop-shadow(0 2px 4px #0005)}
.vp-story-intro{position:absolute;left:36px;right:36px;bottom:30px;z-index:1;max-width:500px}
.vp-story-intro .eyebrow{font-size:10px;letter-spacing:.12em;color:#ced2cd}
.vp-story-intro h3{font-size:36px;line-height:1.14;letter-spacing:-.025em;margin:12px 0 0;color:#f2f1e9;max-width:17ch}
.vp-story-summary{flex:none;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:22px 36px;background:#171d1f}
.vp-story-summary p{font-size:14px;line-height:1.6;max-width:53ch;margin:0;color:#bdc7ca}
.vp-story-access{flex-shrink:0;font-size:11px;color:#c8b29b;border-left:1px solid #655345;padding-left:20px}
.vp-story-dialog .vp-footer{min-height:80px;padding:18px 28px;background:#1b2022}
.vp-story-hint{font-size:12px;color:#a7b3b6}
.vp-story-start.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:11px 18px;border:1px solid #65706b;border-radius:7px;background:linear-gradient(130deg,#243039ee,#111c24f5);color:#f0e9df;font-size:13px;box-shadow:inset 0 1px #ffffff0c;transition:border-color .18s,background-color .18s}
.vp-story-start.button:hover{border-color:#d09b72;background:linear-gradient(130deg,#303b42,#19252e)}
.vp-story-start>span{font-size:18px;line-height:1;transition:transform .18s}.vp-story-start:hover>span{transform:translateX(2px)}
.vp-story-start:focus-visible{outline:2px solid #d09b72;outline-offset:3px}
@media(min-width:761px) and (max-height:800px){.vp-story-hero{min-height:230px}.vp-story-mark{width:210px;height:96px;top:24px}.vp-story-intro{bottom:24px}.vp-story-intro h3{font-size:32px}.vp-story-summary{padding:18px 28px}.vp-story-dialog .vp-footer{min-height:70px;padding:12px 24px}}
@media(max-width:760px){
 .vp-story-dialog{width:calc(100vw - 20px);height:calc(100dvh - 20px)}.vp-story-hero{min-height:290px}
 .vp-story-landscape{object-position:43% center}.vp-story-mark{width:180px;height:83px;right:20px;top:20px}
 .vp-story-intro{left:22px;right:22px;bottom:24px}.vp-story-intro h3{font-size:29px}.vp-story-intro .eyebrow{font-size:9px}
 .vp-story-summary{display:block;padding:20px 22px}.vp-story-summary p{font-size:13px}.vp-story-access{display:block;border:0;padding:0;margin-top:16px}
 .vp-story-dialog .vp-footer{padding:12px 16px;min-height:70px}.vp-story-hint{display:none}.vp-story-start.button{margin-left:auto;width:100%;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.vp-story-start,.vp-story-start>span{transition:none!important}}

/* Approved season mark: keep the surrounding header layout and scenery. */
.portal .header-season.has-sentinela-mark .season-wordmark{width:245px;max-width:100%;padding:0;gap:3px}
.portal .header-season.has-sentinela-mark .season-wordmark>strong{display:none}
.portal .header-season.has-sentinela-mark .season-sentinela-mark{display:block;flex:none;width:100%;height:auto;aspect-ratio:1610/340;overflow:hidden;filter:drop-shadow(0 2px 2px #0004)}
.portal .header-season.has-sentinela-mark .season-wordmark>small{font-size:8px;line-height:1.2;letter-spacing:.18em}
@media(max-width:760px){.portal .header-season.has-sentinela-mark .season-wordmark{width:155px;gap:2px}.portal .header-season.has-sentinela-mark .season-wordmark>small{font-size:6px;letter-spacing:.13em}}

/* Keep real launcher captures at their native pixel scale. */
.vp-guided-stage[data-scene='3'] .vp-focus-capture:first-child{width:min(100%,253px);justify-self:center}
.vp-guided-stage[data-scene='3'] .vp-focus-capture:nth-child(2){width:min(100%,320px);justify-self:center}
.vp-guided-stage[data-scene='1'] .vp-focus-capture{max-width:390px;justify-self:center}
.vp-guided-stage[data-scene='2'] .vp-focus-capture:nth-child(2){width:min(100%,250px)}
.vp-dialog .button.primary,.immersive-detail .ms-checkout-footer .button.primary{background:linear-gradient(135deg,#293134,#1c2326);border:1px solid #626d70;color:#edf0ed;border-radius:9px;box-shadow:inset 0 1px #ffffff0b;transition:border-color .18s,background .18s}
.vp-dialog .button.primary:hover,.immersive-detail .ms-checkout-footer .button.primary:hover{background:linear-gradient(135deg,#30383b,#222a2d);border-color:#c68d5e;color:#fff}
.vp-dialog .button.primary:focus-visible,.immersive-detail .ms-checkout-footer .button.primary:focus-visible{outline:2px solid #c68d5e;outline-offset:3px}

/* Current full captures and native Viewpoint setup: preserve the guide shell. */
.vp-full-capture{margin:0;border:1px solid #3b4243;border-radius:12px;overflow:hidden;background:#171819;line-height:0}
.vp-full-capture img{display:block;width:100%;height:auto}
.vp-capture-link{justify-self:end;font-size:12px;color:#d8bc9e;text-decoration:underline;text-underline-offset:4px}
.vp-native-steps{list-style:none;margin:0;padding:8px 24px;border:1px solid #555047;border-radius:14px;background:linear-gradient(145deg,#242a2c,#191d20);counter-reset:native}
.vp-native-steps li{position:relative;padding:18px 0 18px 38px;counter-increment:native}
.vp-native-steps li+li{border-top:1px solid #3b4243}
.vp-native-steps li:before{content:counter(native,decimal-leading-zero);position:absolute;left:0;top:20px;font-size:12px;color:#c89b72}
.vp-native-steps strong{display:block;font-size:16px;color:#ece7e0;margin-bottom:5px}
.vp-native-steps p{margin:0;font-size:13px;line-height:1.5;color:#bdc7ca}
@media(min-width:761px){.vp-guided-stage:has(.vp-full-capture){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:26px}}
@media(min-width:761px) and (max-height:800px){.vp-native-steps li{padding-block:12px}.vp-native-steps li:before{top:14px}}
@media(min-width:761px){.vp-full-capture img{max-height:min(390px,calc(100dvh - 420px));object-fit:contain}.vp-full-capture{background:#171819}}

/* Original screenshots, focused regions and code-native pointers; no synthetic UI. */

/* A single annotated screenshot; explanation remains in the text column. */
.vp-guided{width:min(1440px,calc(100vw - 48px))}
.vp-guided-stage:has(.vp-guide-shot){grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:30px;align-items:center}
.vp-guide-shot{margin:0;padding:12px;border:1px solid #454947;border-radius:12px;background:#151819;box-shadow:0 14px 32px #0003;overflow:hidden}
.vp-guide-shot svg{display:block;width:100%;height:auto;max-height:440px;overflow:hidden}
@media(min-width:761px) and (max-height:800px){.vp-guide-shot{padding:8px}.vp-guide-shot svg{max-height:340px}.vp-guided-stage:has(.vp-guide-shot){gap:22px}}
@media(max-width:760px){.vp-guided{width:calc(100vw - 16px)}.vp-guided-stage:has(.vp-guide-shot){grid-template-columns:minmax(0,1fr);gap:22px}.vp-guide-shot{padding:6px;border-radius:9px}.vp-guide-shot svg{max-height:none}}