/* Anonymous role illustrations; native disclosures and an ordinary public arcade link. */
.revenue-site .rogue-team { margin-top: 56px; }
.rogue-team-heading { max-width: 760px; margin-bottom: 28px; }
.rogue-team-heading h2 { font: 700 clamp(1.5rem, 3vw, 2.1rem)/1.25 var(--font-display); margin-bottom: 14px; }
.rogue-team-note { color: #b7b7c5; font-size: .92rem; }
.rogue-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.rogue-role-card { min-width: 0; border: 1px solid #46515a; border-radius: 12px; background: var(--bg-card); overflow: hidden; }
.rogue-role-card summary { list-style: none; cursor: pointer; }
.rogue-role-card summary::-webkit-details-marker { display: none; }
.rogue-role-card summary::marker { content: ''; }
.rogue-role-card summary > img { display: block; width: 100%; height: 320px; object-fit: cover; object-position: center 12%; border-bottom: 1px solid #46515a; }
.rogue-role-label { display: flex; flex-direction: column; padding: 23px; }
.rogue-alias { font: 700 1.08rem/1.4 var(--font-display); color: var(--text); }
.rogue-role { margin-top: 7px; min-height: 2.8em; font-size: .86rem; line-height: 1.4; color: #dbc296; }
.rogue-role-cue { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; font-size: .82rem; color: #b7b7c5; }
.rogue-role-cue > span { font-size: 1.3rem; color: #dbc296; }
.rogue-role-card[open] .rogue-role-cue > span { transform: rotate(45deg); }
.rogue-role-description { padding: 0 23px 24px; color: #b7b7c5; font-size: .95rem; }
.rogue-role-card summary:hover .rogue-alias { color: #dbc296; }
.rogue-role-card summary:focus-visible { outline: 3px solid #f0d498; outline-offset: -5px; }
.rogue-team-afterword { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding-top: 24px; border-top: 1px solid #35404a; }
.rogue-team-afterword > p { color: #b7b7c5; max-width: 480px; font-size: .92rem; }
.rogue-door { display: block; flex: 0 0 64px; border: 1px solid #8d7957; border-radius: 32px 32px 4px 4px; overflow: hidden; }
.rogue-door img { display: block; width: 100%; height: auto; }
.rogue-door:hover { border-color: #f0d498; }
.rogue-door:focus-visible { outline: 3px solid #f0d498; outline-offset: 5px; }
@media (max-width: 820px) {
    .rogue-team-grid { gap: 16px; }
    .rogue-role-label { padding: 18px; }
    .rogue-role-card summary > img { height: 260px; }
}
@media (max-width: 620px) {
    .rogue-team-grid { grid-template-columns: 1fr; max-width: 400px; margin-inline: auto; }
    .rogue-role-card summary > img { height: 320px; }
    .rogue-role { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .rogue-team *, .rogue-team *::before, .rogue-team *::after { animation: none !important; transition: none !important; }
}