/* Shared finish for the public platform; player HUD remains independently styled. */
.cinematic-site{--panel-edge:#ebc47145;--panel-radius:12px;--section-space:48px}
.cinematic-site .catalogue-wrap,.cinematic-site .collection-heading-wrap{padding-top:48px}
.cinematic-site .title{margin-bottom:36px}
.cinematic-site .title h1{line-height:1.08;text-wrap:balance;margin-top:0}
.cinematic-site .title p{max-width:660px;margin:16px auto 0;text-wrap:pretty}
.cinematic-site .title p:empty{display:none}
.cinematic-site .feature,.cinematic-site .poster,.cinematic-site .world,
.cinematic-site .ward-banner,.cinematic-site .home-format,.cinematic-site .home-journey,
.cinematic-site .story-card,.cinematic-site .story-detail-header{
 border:1px solid var(--panel-edge);border-radius:var(--panel-radius);overflow:hidden;
 box-shadow:0 12px 32px #0002;
}
.cinematic-site .feature,.cinematic-site .poster,.cinematic-site .world{isolation:isolate}
.cinematic-site .feature h2,.cinematic-site .poster-body h2{line-height:1.1;text-wrap:balance}
.cinematic-site .feature h2{margin:0;padding:28px}
.cinematic-site .poster-body{left:24px;right:24px;bottom:24px}
.cinematic-site .poster-body h2{margin:0 0 16px;min-height:2.2em;display:grid;align-content:end}
.cinematic-site .poster-body .eyebrow:empty{display:none}
.cinematic-site .poster-body .eyebrow{margin-bottom:16px}
.cinematic-site .poster-body .action{margin-top:16px}
.cinematic-site .feature>img,.cinematic-site .poster>img{filter:brightness(.94) saturate(.94);transition:transform .7s ease,filter .5s ease}
.cinematic-site .world img{filter:brightness(.92) saturate(.94)}
.cinematic-site .world>span:first-of-type{line-height:1.2;text-wrap:balance}
.cinematic-site .action{min-height:50px;border-radius:6px;font:400 13px/1.4 Interface,Arial,sans-serif;letter-spacing:.09em;padding:14px 24px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.cinematic-site .action:focus-visible,.cinematic-site .world:focus-visible,.cinematic-site .feature:focus-visible{outline:2px solid #ebc471;outline-offset:4px}
.cinematic-site .action:active{background:#332e21}
.cinematic-site .action[disabled]{cursor:wait;opacity:.65}
.cinematic-site .hero .home-play{min-width:170px}
.cinematic-site .home-format{margin-bottom:var(--section-space)}
.cinematic-site .ward-banner,.cinematic-site .home-journey{margin-top:var(--section-space)}
.cinematic-site .ward-banner .ward-copy{padding:clamp(24px,3vw,40px)}
.cinematic-site .home-format-copy{padding:clamp(28px,4vw,48px)}
.cinematic-site .editorial{gap:clamp(28px,4vw,56px)}
.cinematic-site .editorial img{border-radius:var(--panel-radius)}
.cinematic-site .empty{border:1px solid var(--panel-edge);border-radius:var(--panel-radius);padding:clamp(24px,4vw,48px);background:#0b1c29}
.cinematic-site .empty p{max-width:46ch;margin:12px auto 24px}
.cinematic-site .inventory-item,.cinematic-site .inventory-filters button{transition:background .2s,border-color .2s}
.cinematic-site .inventory-item.undiscovered{border-color:#70818b45;background:#0a1924}
.cinematic-site #unlock-info{border:1px solid #ebc47165;border-radius:12px;box-shadow:0 24px 90px #0009;padding:28px}
.cinematic-site #unlock-info h2{font:400 34px/1.15 Poster,Arial,sans-serif;color:#ebc471;margin:0 0 18px;text-wrap:balance}
.cinematic-site #unlock-info p{font:400 17px/1.6 Interface,Arial,sans-serif;color:#e5dfd3}
.cinematic-site .footer{width:calc(100% - 80px);max-width:1220px;padding:28px 0 32px;margin-inline:auto;align-items:center;line-height:1.6}
.cinematic-site .footer a{display:inline-flex;align-items:center;min-height:44px}
@media(hover:hover) and (pointer:fine){
 .cinematic-site .feature:hover,.cinematic-site .world:hover,.cinematic-site .poster:hover{border-color:#ebc471;box-shadow:0 12px 30px #0004}
 .cinematic-site .feature:hover>img,.cinematic-site .poster:hover>img{transform:scale(1.025);filter:brightness(1) saturate(1)}
 .cinematic-site .world:hover{transform:translateY(-3px)}
 .cinematic-site .world:hover img{transform:scale(1.025);filter:brightness(1) saturate(1)}
 .cinematic-site .action:hover{border-color:#f5d891;background:#ebc47118;box-shadow:0 0 18px #ebc47118}
}
@media(max-width:700px){
 .cinematic-site{--section-space:28px}
 .cinematic-site .catalogue-wrap,.cinematic-site .collection-heading-wrap{padding-top:32px}
 .cinematic-site .title{margin-bottom:28px}
 .cinematic-site .title p{margin-top:12px}
 .cinematic-site .feature h2{padding:22px}
 .cinematic-site .poster-body{left:20px;right:20px;bottom:24px}
 .cinematic-site .action{min-height:48px;padding:13px 20px;font-size:12px}
 .cinematic-site .home-format-copy{padding:26px 24px 30px}
 .cinematic-site .footer{width:calc(100% - 40px);padding:20px 0 28px;gap:8px 20px}
 .cinematic-site #unlock-info{padding:24px}
 .cinematic-site #unlock-info h2{font-size:30px}
}
/* Signup: a quiet arrival, clear field focus and a deliberate confirmation. */
#beta-screen .beta-input-wrap{transition:border-color .2s,box-shadow .2s}
#beta-screen .beta-input-wrap:focus-within{border-color:#ebc471;box-shadow:0 0 0 3px #ebc47120}
#beta-screen #beta-email{font-size:16px}
#beta-screen .beta-gift-note{font-family:WWInterface,Arial,sans-serif!important;text-wrap:balance}
#beta-screen .beta-consent{align-items:flex-start;gap:12px}
#beta-screen .beta-consent input{accent-color:#ebc471;flex:none;margin-top:4px}
#beta-screen #beta-submit{min-height:54px;transition:background .2s,box-shadow .2s}
#beta-screen #beta-submit:disabled{cursor:wait;opacity:.7}
#beta-screen .beta-error:empty,#beta-screen .beta-note:empty{display:none}
#beta-screen .beta-success{border:1px solid #ebc47150;border-radius:12px;background:#081621b3;padding:24px}
#beta-screen .beta-success strong{overflow-wrap:anywhere}
#beta-screen .beta-footer{justify-content:flex-end}
@media(prefers-reduced-motion:no-preference){
 #beta-screen:not([hidden]) .beta-main{animation:ww-arrive .45s ease-out both}
 #beta-screen .beta-success:not([hidden]){animation:ww-arrive .3s ease-out both}
 @keyframes ww-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 .cinematic-site .feature>img,.cinematic-site .poster>img,.cinematic-site .world img,.cinematic-site .world,.cinematic-site .action{transition:none;transform:none!important}
}

@media(max-width:700px){.ward-save .save-backup-note{display:block}}