/* V5: a scenic backdrop instead of a flat dark slab. */
#role-panel[data-scene="crime"]{height:auto}
#role-panel[data-scene="crime"]>img{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:none}
#role-panel[data-scene="crime"] .role-overlay{display:none}
#role-panel[data-scene="crime"] .role-copy{position:relative;inset:auto;max-width:none;padding:28px 34px;display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;background:linear-gradient(110deg,#201629,#15111f)}
#role-panel[data-scene="crime"] .role-copy>span{grid-column:1;font-size:8px;justify-self:start}
#role-panel[data-scene="crime"] .role-copy h3{grid-column:1;grid-row:2/4;font-size:36px;line-height:1.05;margin:0}
#role-panel[data-scene="crime"] .role-copy p{grid-column:2;grid-row:1/3;margin:0;font-size:13px}
#role-panel[data-scene="crime"] .role-copy .text-link{grid-column:2;justify-self:start;font-size:12px}
#role-panel[data-scene="crime"] .art-label{display:none}
@media(max-width:800px){#role-panel[data-scene="crime"] .role-copy{display:block;padding:24px}#role-panel[data-scene="crime"] .role-copy h3{font-size:30px;margin:14px 0}#role-panel[data-scene="crime"] .role-copy p{margin-bottom:18px}#role-panel[data-scene="crime"] .scene-mark{font-size:15px;top:12px;right:12px}}
.arrival{border-radius:0;background:#191423;padding:65px 0 72px;border-block:1px solid #b992dd30}
.arrival:before{inset:0;background:linear-gradient(90deg,#17121fee,#21162bda 48%,#20152bba),linear-gradient(0deg,#191423 0%,transparent 75%),url('assets/city-fivem.webp') center 43%/cover no-repeat;opacity:1}
.arrival:after{top:0;bottom:auto;height:2px;left:0;right:0;background:linear-gradient(90deg,transparent,#a46ce4 30%,#dc83aa 70%,transparent)}
.arrival-orbit{display:none}.section-index{margin-bottom:28px;padding-bottom:18px;color:#b8a3c8;border-bottom-color:#dac6eb26;font-size:9px;letter-spacing:2px}
.arrival .section-heading{margin-bottom:32px}.arrival .section-heading>p{color:#c9bcd2}.arrival .eyebrow{color:#d0a6f4}
.arrival-card,.arrival-card:nth-child(2),.arrival-card:nth-child(3){background:linear-gradient(140deg,#40304ad9,#221c2be8);border-color:#ccb1df30;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0c061a1c}
.arrival-card p{color:#d0c4d9}.arrival-card .step-number{color:#d7b4f02b}.arrival-card>i{border-color:#cba3f134;background:#af77e528}.arrival-card .button.paper{background:#f3eaff0d;border-color:#e5c9ff35;color:#fff}
.arrival-card:hover{background:linear-gradient(140deg,#493352ed,#28202fee);border-color:#b689dd85}
.role-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.role-tabs button{padding:16px 13px;gap:10px}.role-tabs button>i:first-child{flex-shrink:0}.role-tabs button span{font-size:13px}.role-tabs button small{font-size:9px}.role-tabs button>i:last-child{width:14px;flex-shrink:0;margin-left:auto}
@media(min-width:801px) and (max-width:1150px){.role-tabs button{justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 8px}.role-tabs button>i:last-child{display:none}.role-tabs button span{font-size:12px;text-align:center}.role-tabs button small{display:none}}
@media(max-width:800px){.arrival{padding:40px 0 50px}.arrival:before{background:linear-gradient(90deg,#191423e8,#20162be0),url('assets/city-fivem.webp') 65% center/cover}.section-index{font-size:7px;letter-spacing:1.3px}.role-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.role-tabs button{justify-content:flex-start;flex-wrap:nowrap}.role-tabs button:last-child{grid-column:1/-1;min-height:66px}.role-tabs button:last-child>i:last-child{display:block}.role-tabs button small{font-size:8px}.role-tabs button span{font-size:12px}}

/* Timed role carousel: white-to-purple progress along the image edge. */
#role-panel{position:relative;overflow:hidden}#role-panel .role-progress{position:absolute;z-index:5;left:0;right:0;bottom:0;height:5px;background:#ffffff12;pointer-events:none}#role-panel .role-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#fff 0%,#eadcff 35%,#c093ef 70%,#9955e8 100%);box-shadow:0 0 12px #b783ef66;will-change:transform}@media(max-width:600px){#role-panel .role-progress{height:4px}}