/* The transparent character art is decorative; every statistic is live HTML. */
.bank-v4 .crew-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch;min-height:0;padding:24px 0 12px;background:transparent;border:0;overflow:hidden}
.bank-v4 .crew-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:0 6px 12px;background:transparent;border:0;color:var(--ink);scroll-snap-align:start;touch-action:pan-x pan-y}
.crew-figure{width:100%;height:250px;display:block;overflow:hidden;opacity:.82;filter:drop-shadow(0 4px 3px #1617191a);transform:translateY(0);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;flex-shrink:0}
.crew-label{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;width:100%;margin-top:13px;padding:12px 5px 0;border-top:1px solid var(--line);text-align:center;min-height:94px}
.crew-type{font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.crew-value{font-size:clamp(17px,1.6vw,23px);font-weight:700;line-height:1.1;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crew-value.long-name{font-size:16px}
.crew-count{font:10px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.crew-button[aria-selected=true] .crew-figure{opacity:1;transform:translateY(-6px)}
.crew-button[aria-selected=true] .crew-label{border-top:3px solid var(--blue);padding-top:10px}
.crew-button[aria-selected=true] .crew-type,.crew-button[aria-selected=true] .crew-value{color:var(--blue)}
.crew-button:hover .crew-figure{opacity:1}
.bank-v4 .crew-button[aria-selected=true]:after{display:none}
.bank-v4 .crew-button:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
.bank-v4 .hall-floor{height:1px;border-top:0;border-bottom:1px solid var(--line);margin-bottom:30px}
@media(min-width:1600px){.crew-figure{height:270px}}
@media(max-width:1000px){.bank-v4 .crew-bank{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue) var(--paper);scroll-padding-left:0}.bank-v4 .crew-button{flex:0 0 230px}.crew-figure{height:240px}.crew-value{font-size:20px}}
@media(max-width:700px){.bank-v4 .crew-button{flex-basis:66%;padding:0 5px 12px}.crew-figure{height:235px}.crew-label{gap:7px}.crew-value{font-size:20px}.crew-value.long-name{font-size:15px}.crew-type,.crew-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.crew-figure{transition:none!important}}

