/* Career surfaces use the same printed arena board as the supplied game mockups. */
.depth-page {flex:1;min-width:0;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:20px}
.depth-page .shead {flex-shrink:0;align-items:flex-start;gap:20px}
.depth-page .shead h1 {font-size:clamp(28px,3vw,43px);color:var(--red-dark)}
.depth-page .shead p {font-size:15px;margin-top:8px;line-height:1.5}
.depth-page .shead .btn {font-size:16px;min-width:150px}
.depth-page h2 {font-size:25px;color:var(--teal)}
.depth-page p {line-height:1.5;font-size:15px}
.depth-page section {min-width:0}
.depth-links {display:flex;gap:22px;flex-wrap:wrap;margin-top:-10px;font-size:14px}
.collection-tools {display:flex;gap:7px;align-items:end;flex-wrap:wrap;padding:8px 0;border-block:1px solid #b5a682;flex-shrink:0}
.collection-tools label {display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);text-transform:uppercase;flex:1;min-width:65px}
.collection-tools label:first-child {flex:2;min-width:140px}
.collection-tools input,.collection-tools select {min-width:0;width:100%;font:500 13px Oswald,sans-serif;color:var(--ink);background:var(--cream);padding:7px;border:1px solid #9d9074;border-radius:0;min-height:34px;text-transform:none}
.collection-tools .text-button {font-size:12px;padding:6px}
.binder {min-height:0}
.binder > .collection-tools {margin-bottom:7px}
.binder .tray-row {min-height:140px}
.cards:has(.collection-tools) {overflow:auto}
.roster-list .collection-tools {margin:0 0 8px}
.no-results {padding:20px;font-size:16px;color:var(--muted)}
.guide-strip {display:flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0;padding:9px 24px;background:#f3e1b8;color:var(--ink);border-block:1px solid #a89464;font-size:13px;line-height:1.4}
.guide-strip > b {color:var(--red-dark);white-space:nowrap}
.guide-strip > span {max-width:80ch}
.guide-strip .text-button {font-size:12px;white-space:nowrap}
#app:has(.guide-strip) .board {overflow:auto}
#app:has(.guide-strip) .book {min-height:590px}
#app:has(.guide-strip) .roster {min-height:570px}
#app:has(.guide-strip) .cards {min-height:620px}
.showtime-offer {display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);background:#f9edd1;padding:18px}
.showtime-offer p {max-width:78ch;margin-top:6px;font-size:13px}
.showtime-offer .btn {flex-shrink:0;font-size:20px}
.depth-tabs {display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}
.depth-tabs .btn {font-size:17px}
.play-inventory {display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}
.owned-play {padding:10px;background:#ecdfbd;border:1px solid #aa9872;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.owned-play.selected {border:2px solid var(--teal);background:#e5eadb;padding:9px}
.owned-play .play-card {width:100%;height:200px;min-height:200px;flex-shrink:0}
.owned-play .play-card:has(.play-art > .ico) .play-art {display:flex;align-items:center;justify-content:center;background:#175568;color:var(--cream)}
.owned-play .play-art > .ico {width:60px;height:60px}
.owned-play .text-button {font-size:14px}
.owned-play > small {font-size:11px;color:var(--muted)}
.fixed-play-shop {border-top:1px solid #b6a681;padding-top:18px}
.fixed-play-shop .btn {font-size:16px;min-height:43px;margin:12px 10px 0 0}
.reward-panel {border-left:6px solid var(--gold);background:#f9edd1;padding:15px}
.reward-panel p {margin-top:7px}
.season-calendar {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.calendar-week {padding:12px;border:1px solid #9c8e70;background:#f7ebce}
.calendar-week.now {outline:2px solid var(--red);outline-offset:2px}
.calendar-week h2 {font-size:23px;margin-bottom:8px}
.calendar-entry {display:flex;flex-direction:column;gap:6px;border-top:1px solid #b5a580;padding:10px 0;font-size:13px}
.calendar-entry b {font-size:16px}
.calendar-entry.current {color:var(--red-dark)}
.calendar-entry.complete {color:var(--teal)}
.calendar-entry .text-button {align-self:flex-start;font-size:13px}
.crown-checklist {padding:18px;background:#e3e9d7;border:1px solid var(--teal)}
.crown-checklist p {font-size:14px;margin:8px 0}
.crown-checklist ul {display:flex;gap:12px 25px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 0;font-size:15px}
.crown-checklist li {min-width:200px}
.crown-checklist .btn {margin-top:15px}
.title-history {padding:18px;background:#faedcb;border:1px solid #ad913e}
.title-history h3 {font-size:29px;color:var(--red-dark);margin:10px 0}
.title-history ol {margin-top:12px;padding-left:22px;font-size:15px}
.title-history li {margin-top:8px}
.season-records {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:12px}
.season-records > article,.history-matches > article {padding:15px;background:#f7ebce;border:1px solid #af9e79}
.season-records h3 {font-size:23px;color:var(--red-dark);margin-bottom:8px}
.show-records {display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.show-records > button {display:flex;flex-direction:column;gap:8px;padding:14px;background:#f7ebce;border:1px solid #a69878;text-align:left;font:500 14px Oswald,sans-serif;color:var(--ink)}
.show-records b {font-size:20px;color:var(--teal)}
.history-headline {display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:var(--teal);color:var(--cream);padding:20px}
.history-headline strong {font:400 34px Anton,sans-serif}
.history-matches {display:grid;gap:15px}
.history-matches h2 {color:var(--red-dark);font-size:27px;margin-bottom:8px}
.history-matches p {margin-top:8px}
.history-money {border-top:1px solid #a79976;padding-top:16px}
.finale {align-items:center;text-align:center;background:radial-gradient(ellipse at top,#fff2bf,#f1dfad 65%);padding:30px}
.finale h1 {font-size:clamp(40px,6vw,80px);color:var(--red-dark)}
.finale h2 {font-size:36px}
.finale p {font-size:20px;max-width:65ch}
.finale-crown .ico {width:80px;height:80px;color:#9e7319}
.finale .crown-checklist {max-width:850px;width:100%;text-align:left}
.finale .crown-checklist .btn {display:none}
.finale .crown-checklist p {font-size:15px}
.finale > div:last-of-type {display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.finale footer {font-size:13px;line-height:1.8;margin-top:15px;color:var(--muted)}
.story-timeline {grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:10px}
.story-timeline li {min-width:0}
.season .crown-checklist {margin-block:15px;text-align:left}
.season .crown-checklist p,.season .crown-checklist li {font-size:13px}
.season .crown-checklist ul {display:block}
@media(max-width:1100px){.season-calendar{grid-template-columns:repeat(3,minmax(0,1fr))}.depth-page{padding:14px}.showtime-offer{gap:15px}.showtime-offer .btn{font-size:17px}.collection-tools label{min-width:70px}.depth-links{font-size:13px;gap:15px}.guide-strip{font-size:12px;padding:8px 15px;gap:12px}}
@media(max-width:900px){.depth-page{overflow:visible;min-height:550px}.season-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-strip{flex-wrap:wrap;justify-content:flex-start;margin-bottom:75px}.guide-strip>span{flex:1;min-width:230px}#app:has(.guide-strip) .book,#app:has(.guide-strip) .roster,#app:has(.guide-strip) .cards{min-height:0}.showtime-offer{align-items:flex-start;flex-direction:column}.depth-page .shead{flex-wrap:wrap}.depth-links{margin-top:0}}
@media(max-width:650px){.depth-page{padding:14px;gap:20px}.depth-page .shead h1{font-size:31px}.depth-page .shead p{font-size:14px}.depth-page .shead .btn{min-height:44px;width:100%;font-size:18px}.season-calendar{grid-template-columns:1fr}.play-inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.owned-play{padding:7px}.owned-play.selected{padding:6px}.owned-play .play-card{height:185px;min-height:185px}.depth-tabs .btn{font-size:16px}.collection-tools{gap:8px}.collection-tools label{flex:1 1 75px}.collection-tools label:first-child{flex-basis:100%}.guide-strip{font-size:12px;gap:8px;padding:12px}.guide-strip>b{white-space:normal}.guide-strip>span{min-width:100%;order:2}.guide-strip>.text-button{order:3}.crown-checklist ul{display:block}.crown-checklist li{margin-top:10px;min-width:0}.crown-checklist{padding:14px}.finale{padding:22px 14px}.finale h2{font-size:29px}.finale p{font-size:17px}.finale .btn{font-size:20px;width:100%}.history-headline{padding:15px;gap:12px}.history-headline strong{font-size:29px}.history-headline span{font-size:14px}.history-matches h2{font-size:25px}}
@media(min-width:901px){.cards{grid-template-rows:49px 26px minmax(540px,1fr) 310px;gap:10px;overflow:auto}.cards>.binder{min-height:300px}.cards>.depth-links{margin-top:0}.roster-list{overflow:hidden}.collection-tools{padding-inline:5px}}
/* Keep the earned ending and its primary action together on desktop/tablet. */
@media(min-width:901px){.finale{gap:8px;padding:16px}.finale-crown .ico{width:40px;height:40px}.finale h1{font-size:clamp(38px,4vw,58px);line-height:1.1}.finale h2{font-size:26px}.finale p{font-size:16px;line-height:1.4}.finale .crown-checklist{padding:12px}.finale .crown-checklist h2{font-size:24px}.finale .crown-checklist p,.finale .crown-checklist li{font-size:13px}.finale .crown-checklist ul{margin-top:8px;gap:6px 20px}.finale .btn{font-size:18px;min-height:46px}.finale footer{font-size:11px;line-height:1.5;margin-top:4px}}
.play-effect {font-size:12px;line-height:1.45;text-align:center;color:var(--muted)}
.showtime-teaser {border:1px solid #a89973;background:#f6e8c6;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.showtime-teaser h2 {font-size:24px;color:var(--teal)}
.showtime-teaser p {font-size:13px;line-height:1.5;margin-top:6px}
.showtime-teaser .btn {font-size:18px;min-width:180px}
@media(max-width:650px){.showtime-teaser{flex-direction:column;align-items:stretch}.showtime-teaser .btn{font-size:18px}.play-effect{font-size:11px}}
.binder-card {flex:0 0 120px;min-height:0;display:flex;flex-direction:column;gap:5px;align-items:stretch}.binder-card>.wcard{flex:1;min-height:100px}.binder-card>small{font-size:11px;text-align:center;flex-shrink:0;color:var(--muted)}