/* Shared page atmosphere. No player-card or baseball-field styling overrides. */
body:has(.app-shell):not(.mp-gameplay){--app-bg:#080f18;--app-panel:#172536;--app-line:#5d497746;--app-accent:#c595ef;--app-muted:#a9b5c7;--app-text:#f8fafc;background:radial-gradient(ellipse at 80% 0,#7a38b42c,transparent 55%),#080f18}
body:has(.app-shell):not(.home-dashboard):not(.mp-gameplay):before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#080f18b8,#080f18ed 70%),url('/_assets/e94fe19c30cbc1a54c04/diamond-ascent/stadium-hero.png') center top/cover no-repeat;opacity:.62}
:is(.opponent-heading,.collection-heading,.marketplace-page,.objectives-page,.stats-page,.reward-heading)>h1{font:800 clamp(36px,5vw,58px)/1.05 'Barlow Condensed',sans-serif;letter-spacing:1px}
:is(.objectives-page,.stats-page,.level-rewards-page) h2:not(.clean-back-name){font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.6px}
.difficulty-tile,.objective-card,.pack-market-tile,.stats-game,.tier-bonus-card{background:linear-gradient(125deg,#1b293ded,#101b2cec);box-shadow:inset 0 1px #ded0ff10,0 12px 28px #0003;border-radius:12px}
.difficulty-tile{clip-path:none;transition:transform 200ms,box-shadow 200ms}.difficulty-tile:hover{box-shadow:0 0 25px #9d4edd27,0 15px 30px #0005}
.pack-market-tile{border-color:#8a60b751}.marketplace-dialog{background:linear-gradient(135deg,#1c2940,#0d1727);border-color:#a46dd958}
.objective-card{border-color:#6d528e70}.objective-card progress{accent-color:#a75ce7}.objective-card.is-claimable{border-color:#e9bd70}.objective-card.is-complete{border-color:#75c7a1}
.claim-button{background:linear-gradient(110deg,#d2a0f3,#a270dd);color:#0c1424;transition:filter 180ms}.claim-button:hover:not(:disabled){filter:brightness(1.12)}
.objective-reward,.claim-feedback,.marketplace-cash{color:#e9bd70}.stats-table{background:#101d2de8;border:1px solid #7a5a9b4d;border-radius:8px}.stats-table th{background:#25304c;color:#d5b2f4}.stats-table td{border-color:#59647744}.stats-table tbody tr:nth-child(even){background:#26314b40}.stats-game{border-color:#8c67b84d}
.collection-page .section-title h2{font-family:'Barlow Condensed',sans-serif;font-size:25px;letter-spacing:1px}.active-team-section{border-color:#8c67b84d;box-shadow:0 16px 45px #0004}.collection-page .builder-help{color:#a9b5c7}
.app-shell{backdrop-filter:blur(12px)}
@media(prefers-reduced-motion:reduce){.difficulty-tile,.claim-button{transition:none}.difficulty-tile:hover{transform:none}}

/* Horizontal rewards: persisted server states and amounts drive every tile. */
.ascent-rewards{max-width:1240px;margin:auto;min-width:0;padding:12px 0 25px}
.reward-heading{text-align:center;margin:5px 0 28px}.reward-heading h1{margin:10px 0}.reward-heading>p:last-child{color:#b0bdd0;font-size:14px;margin:10px 0}
.reward-account{display:flex;align-items:center;gap:36px;border:1px solid #9d4edd50;border-radius:12px;background:linear-gradient(120deg,#1b2940ea,#111d2bea);padding:23px 28px;margin-bottom:34px;box-shadow:0 12px 28px #0003}
.reward-current-level{display:grid;gap:2px;text-align:center;min-width:94px}.reward-current-level strong{font:700 50px/1 'Rajdhani',sans-serif;color:#d3a0f3}
.reward-tile-label{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#a9b5c7}.reward-xp{flex:1;min-width:0}.reward-xp-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}.reward-xp-caption strong{font:700 19px 'Rajdhani',sans-serif}.reward-xp-caption span{font-size:9px;letter-spacing:1px;color:#bdc5d8}
.reward-xp progress{display:block;width:100%;height:8px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#2a3345;accent-color:#9d4edd;margin:9px 0}.reward-xp progress::-webkit-progress-bar{background:#2a3345}.reward-xp progress::-webkit-progress-value{background:linear-gradient(90deg,#9d4edd,#b375f8,#38bdf8);border-radius:8px}.reward-xp progress::-moz-progress-bar{background:linear-gradient(90deg,#9d4edd,#38bdf8)}
.reward-xp>p{font-size:9px;letter-spacing:1px;color:#94a3b8;margin:0}.reward-balance{display:grid;gap:5px;text-align:right}.reward-balance strong{font:700 28px/1 'Rajdhani',sans-serif;color:#e9bd70}.reward-balance>span:last-child{font-size:9px;color:#e9bd70}
.reward-track-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 14px}.reward-track-heading h2{font-size:24px;margin:0}.reward-track-heading>span{font-size:9px;color:#94a3b8;letter-spacing:1px}.reward-scroll-controls{display:flex;gap:8px;margin-left:auto}.reward-scroll-controls button{width:36px;height:32px;border:1px solid #8b68ac70;background:#1b2940;border-radius:6px;color:#ddbbff;cursor:pointer}
.reward-rail{position:relative;display:flex;align-items:center;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:25px 12px 30px;scrollbar-width:thin;scrollbar-color:#8d57bb #152236;min-height:280px;scroll-snap-type:x proximity}
.reward-milestone{position:relative;box-sizing:border-box;flex:0 0 160px;min-height:250px;padding:24px 16px 17px;background:linear-gradient(150deg,#202d42,#111b2a);border:1px solid #715d904d;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;scroll-snap-align:center;box-shadow:0 9px 20px #0003}
.reward-milestone:not(:last-child):after{content:'';position:absolute;left:100%;top:50%;width:19px;height:2px;background:#634889;z-index:-1}
.reward-milestone h2{font:800 26px/1 'Barlow Condensed',sans-serif;margin:12px 0 15px;white-space:nowrap}.reward-symbol{font-size:30px;line-height:1.2;color:#bd92e9;margin:0 0 13px}.reward-cash{font:700 26px/1 'Rajdhani',sans-serif;white-space:nowrap}.reward-state{font-size:9px;font-weight:800;letter-spacing:.8px;color:#c9b0e5;margin:14px 0}.reward-claim{margin-top:auto;width:100%;padding:11px 7px;border:1px solid #efd6ab;background:linear-gradient(110deg,#f0c887,#d8a35e);border-radius:6px;font-size:10px;letter-spacing:.5px;font-weight:850;color:#152132;cursor:pointer;transition:filter 180ms}.reward-claim:hover:not(:disabled){filter:brightness(1.12)}.reward-claim:disabled{opacity:.5;cursor:wait}
.reward-milestone.is-current{flex-basis:186px;min-height:284px;border:2px solid #bc7af5;background:linear-gradient(150deg,#452760,#201b37);box-shadow:0 0 28px #9d4edd35,0 10px 25px #0004}.is-current .reward-tile-label{color:#deb9ff}.is-current h2{font-size:32px}.is-current .reward-cash{font-size:31px}
.reward-milestone.is-locked{background:linear-gradient(145deg,#192233,#0e1725);border-color:#344155;color:#a1acbd}.is-locked .reward-symbol{color:#6d7990;font-size:26px}.is-locked .reward-state{color:#8793a8}.is-locked .reward-tile-label{color:#8592a7}
.reward-milestone.is-claimed{border-color:#6ab89065;background:linear-gradient(145deg,#1b3033,#111c2b)}.is-claimed .reward-state,.is-claimed .reward-symbol{color:#7ed7b0}.reward-milestone.is-current.is-claimed{border-color:#bd7af5;box-shadow:0 0 28px #9d4edd35}
.reward-milestone.is-milestone .reward-cash{color:#e9bd70}.is-starter .reward-cash{font-size:20px}
.reward-feedback{min-height:24px;color:#e9bd70;font-size:13px;text-align:center;margin:12px 0}.reward-note{color:#94a3b8;font-size:11px;text-align:center;margin:25px 0 0}
.older-rewards{padding:20px 24px;background:#16243bea;border:1px solid #b184e65e;border-radius:12px;margin:16px 0}.older-rewards>summary{font-size:12px;letter-spacing:1px;font-weight:800;color:#e9bd70;cursor:pointer}.older-rewards>p{font-size:12px;color:#a9b5c7}.older-reward-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:20px}.reward-milestone--compact{min-height:0;padding:18px 14px;scroll-snap-align:none}.reward-milestone--compact:after{display:none}.reward-more{display:block;margin:20px auto 0;padding:12px 20px;background:#2f2244;border:1px solid #b787e9;color:white;border-radius:6px;cursor:pointer}
@media(max-width:650px){.ascent-rewards{padding:12px 0}.reward-heading{margin-bottom:22px}.reward-heading>h1{font-size:42px}.reward-account{gap:16px;padding:19px 16px;flex-wrap:wrap}.reward-current-level{min-width:66px}.reward-current-level strong{font-size:42px}.reward-xp-caption{display:block}.reward-xp-caption strong{font-size:17px}.reward-xp-caption span{display:block;font-size:8px;margin-top:2px}.reward-balance{width:100%;padding-top:13px;border-top:1px solid #8562a944;display:flex;gap:12px;align-items:center;text-align:left}.reward-balance strong{font-size:23px}.reward-balance>span:last-child{margin-left:auto;font-size:8px}.reward-track-heading{gap:8px}.reward-track-heading h2{font-size:21px}.reward-track-heading>span{font-size:8px}.reward-scroll-controls{gap:5px}.reward-scroll-controls button{width:29px;height:29px}.reward-rail{gap:14px;padding-left:7px;padding-right:7px}.reward-milestone:not(:last-child):after{width:15px}.older-rewards{padding:18px 15px}.older-reward-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-milestone--compact h2{font-size:22px}.reward-milestone--compact .reward-cash{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reward-claim{transition:none}.reward-rail{scroll-behavior:auto}}

.is-locked .reward-symbol{filter:grayscale(1);opacity:.7}
