/* Chapter-specific surfaces. The approved 888 treatment stays unchanged. */
.checkpoint-label .gateway-identity{display:block;width:126px;height:84px;object-fit:contain;margin:0 auto;filter:contrast(1.2)}
.checkpoint-label[data-discovered="true"]{mix-blend-mode:screen}
.checkpoint-label[data-gateway-id="vestika"]{mix-blend-mode:normal}
/* The registry supplies the same transparent artwork on every surface. */
.vestika-card-logo,.checkpoint-label[data-gateway-id="vestika"] .gateway-identity{filter:none;mask-image:none}
@media(max-height:540px) and (orientation:landscape){.checkpoint-label .gateway-identity{width:72px;height:48px}}
.collection-menu{position:relative}
.collection-menu summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:8px}
.collection-menu summary::-webkit-details-marker{display:none}
#collection-list{position:absolute;right:0;top:100%;width:240px;padding:18px;background:#101d24;border:1px solid #92c5dd55;border-radius:8px;box-shadow:0 18px 45px #0009;z-index:30;color:#d8e7ed;font-size:13px;line-height:2.2}
.career-deck[data-brand="vestika"]{background:radial-gradient(ellipse at 35% 45%,#112448,#080e21 80%)}
.career-deck[data-brand="vestika"] .deck-topline,.career-deck[data-brand="vestika"] .deck-bottom{background:#0b1429f5}
.career-deck[data-brand="vestika"] .reward-front{background:repeating-linear-gradient(0deg,transparent 0 29px,#76cbff08 30px 31px),radial-gradient(ellipse at 100% 0,#6e37bf38,transparent 58%),linear-gradient(135deg,#112748,#070d20 80%);border-color:#a5e6ff;box-shadow:inset 0 0 0 2px #88c9ff26,0 0 20px #3585ff55,0 35px 70px #000b}
.career-deck[data-brand="vestika"] .reward-front:before,.career-deck[data-brand="vestika"] .reward-front:after{border-color:#64bcf955;background:none}
.career-deck[data-brand="vestika"] .reward-brand h2{font-size:35px;letter-spacing:3px;line-height:1.1;margin:10px 0;color:#eef7ff;text-shadow:0 0 20px #448bff55;text-transform:uppercase}
.vestika-card-logo{display:block;width:180px;height:120px;object-fit:contain;margin:0 auto 12px;border-radius:4px}
.career-deck[data-brand="vestika"] .reward-brand>span,.career-deck[data-brand="vestika"] .reward-kicker,.career-deck[data-brand="vestika"] .reward-front h3{color:#e0efff}
.career-deck[data-brand="vestika"] .systems-heading{color:#b2ddff;font-size:13px;line-height:1.8;border-color:#8cbdff44;display:block}
.career-deck[data-brand="vestika"] .systems-heading b{display:block;color:#91dfff;font-size:13px}
.career-deck[data-brand="vestika"] .career-story{background:none;border-color:#6788c944}
.career-deck[data-brand="vestika"] .career-story p{color:#c8d5e8}
.career-deck[data-brand="vestika"] .career-story h3{color:#e1eeff}
.career-deck[data-brand="vestika"] .reward-card-meta{color:#adcaec}
.career-deck[data-brand="vestika"]:is([data-phase="impact"],[data-phase="shuffle"],[data-phase="draw"]) .reward-front{visibility:hidden}
.career-deck[data-brand="vestika"] .reward-front{animation:none}
@media(min-width:1000px) and (min-height:680px){
 .career-deck[data-brand="vestika"]:is([data-phase="reveal"],[data-phase="collected"],[data-phase="next"]) .deck-layout{overflow:clip}
}
@media(max-width:760px){.vestika-card-logo{width:150px;height:100px}.career-deck[data-brand="vestika"] .reward-brand h2{font-size:29px}.career-deck[data-brand="vestika"] .systems-heading{font-size:12px}}
