.roster-card.jumbotron-card{position:relative;container-type:inline-size;padding:0;align-self:center;border:0;background:#101f31;overflow:hidden;aspect-ratio:3/2;width:100%}
.jumbotron-art{display:block;width:100%;height:100%;object-fit:fill}
.jumbotron-screen{position:absolute;left:23.5%;top:19%;width:53%;height:51.6%;padding:2.1% 1.8%;background:radial-gradient(ellipse at top,#193247,#102337 80%);display:flex;flex-direction:column;border:1px solid #335569;color:#edf4f5}
.jumbotron-screen .card-top{position:relative;display:block;padding-top:0;min-width:0}
.jumbotron-screen .card-label{font-size:1.7cqw;letter-spacing:.12em;margin:0 0 2.2cqw;color:#a8ddd9}
.jumbotron-screen .status-chip{position:absolute;top:0;right:0;font-size:1.4cqw;padding:.4cqw .8cqw;border-radius:0;line-height:1.2}
.jumbotron-screen #roster-total{text-align:center;font-size:7.1cqw;line-height:1.05;letter-spacing:-.045em;white-space:nowrap;color:#edf4f5}
.jumbotron-screen .roster-meter{height:2cqw;flex-shrink:0;border-radius:0;margin:2.1cqw 0;background:#ffffff10}
.jumbotron-screen .roster-meter span{border-radius:0;background:repeating-linear-gradient(90deg,#a8ddd9 0,#a8ddd9 calc(100% / 24 - 2px),transparent calc(100% / 24 - 2px),transparent calc(100% / 24));transition:none}
.jumbotron-screen .metric-row{gap:0;text-align:center;margin:0}
.jumbotron-screen .metric-row div{border:1px solid #335569;padding:1.1cqw .2cqw}
.jumbotron-screen .metric-row div+div{border-left:0}
.jumbotron-screen .metric-row dt{font-size:1.55cqw;letter-spacing:.04em;color:#bdd2dc;white-space:nowrap}
.jumbotron-screen .metric-row dd{font-size:4cqw;line-height:1.1;margin:.6cqw 0 0}
.jumbotron-screen .small-note{font-size:1.35cqw;line-height:1.35;text-align:center;margin:auto 0 0;padding-top:1cqw;color:#a7bdcb}
@media(min-width:801px){.next-grid{grid-template-columns:1fr 1.1fr}}

/* WFCU reference-photo screen: match the physical face and viewing angle. */
.jumbotron-screen{left:35%;top:19.5%;width:46.7%;height:44.8%;padding:2.4% 1.6%;transform-origin:top left;transform:skewY(6.5deg) skewX(-2deg);border:0;background:repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 3px),#122b43}
.jumbotron-screen .card-label{font-size:1.8cqw;margin-bottom:1.7cqw}
.jumbotron-screen #roster-total{font-size:6.4cqw}
.jumbotron-screen .roster-meter{margin:1.5cqw 0;height:1.2cqw}
.jumbotron-screen .metric-row div{padding:.8cqw .2cqw}
.jumbotron-screen .metric-row dd{font-size:3.7cqw}
.jumbotron-screen .small-note{font-size:1.2cqw;padding-top:.5cqw}
@media(max-width:480px){.roster-card.jumbotron-card{aspect-ratio:1.35}.jumbotron-art{position:absolute;width:111.111%;height:auto;max-width:none;left:-5.555%;top:0}.jumbotron-screen{left:33.333%;top:19.5%;width:51.889%;height:44.8%;padding:2.65% 1.8%}.jumbotron-screen .card-label{font-size:2.05cqw}.jumbotron-screen #roster-total{font-size:7.1cqw}.jumbotron-screen .metric-row dt{font-size:1.7cqw}.jumbotron-screen .metric-row dd{font-size:4.1cqw}.jumbotron-screen .small-note{font-size:1.4cqw}}