/* Shared Afterpeak visual system */
:root{--ui-line:#2b414e;--ui-muted:#a8bdc9;--ui-accent:#ff6473}
*{box-sizing:border-box}body{background:#0b151e;color:#eaf0f3}button,a,input,select{touch-action:manipulation}button,a{transition:background .18s,border-color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ff8b98;outline-offset:4px}input,select{font-size:14px!important}button:disabled{cursor:not-allowed}
.gamebar{background:#0c1822f5;backdrop-filter:blur(18px);gap:16px;padding-inline:24px}.gamebar .top-brand{flex-shrink:0}.gamebar .edition{line-height:1.5}.gamebar .overlay-top-link{margin-left:0;border-radius:8px;font-size:11px;min-height:40px}.gamebar .overlay-top-link:first-of-type{margin-left:auto}.coming-soon-label{border-radius:5px}.gamebar-note{min-width:0}
aside{background:#0f1d27;border-right:1px solid var(--ui-line)}.nav{border-radius:8px;min-height:46px}.nav:hover{background:#213440}.nav.active{background:#ff647315}.nav span{font-size:12px}.sidebar-art{border-radius:12px}
main{min-width:0}.panel,.hero,.spotlight.tactical-cover,.player-search-panel,.combat-panel,.studio-launch{border-radius:14px;border-color:var(--ui-line)}.panel,.hero{box-shadow:0 8px 30px #00000012}.panel-head{padding:22px}.intro{margin:30px 0 20px}.intro p{font-size:13px;color:var(--ui-muted)}.eyebrow{line-height:1.6}.section-title{gap:16px;align-items:center;margin:26px 0 16px}.subtle{font-size:11px;line-height:1.6}.primary{border-radius:8px;min-height:44px}.primary:hover{background:#ff7784}.quiet{border-radius:8px}.demo{border-radius:8px;padding:13px 16px;line-height:1.6}.stat{border-radius:12px;padding:22px 18px;background:linear-gradient(135deg,#1c303d,#142430);border:1px solid var(--ui-line)}.stat .value{font-size:clamp(24px,2.5vw,38px)}.stat small{font-size:11px;line-height:1.7;color:var(--ui-muted)}.stats{gap:12px}.player-search-panel{padding:24px;margin:12px 0 24px;background:linear-gradient(115deg,#192e3c,#11212c)}.player-search-panel p{font-size:13px}.player-search-panel input{border-radius:8px;min-width:0}.player-search-input{min-width:0}.player-search-panel h2{font-size:28px}.view-agents .player-search-panel,.view-tiers .player-search-panel,.view-matches .player-search-panel{display:none}
.agent-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:16px!important;overflow:visible!important}.agent-card{width:100%;min-width:0;border-radius:12px;height:245px;background:radial-gradient(ellipse at 50% 20%,#344d60,#13232f 75%);border:1px solid #334b5b}.agent-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0004}.agent-card>img{object-fit:contain}.agent-card-bottom{padding:16px}.agent-card h4{font-size:25px}.agent-card-bottom span{font-size:11px}.agent-browser{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}.agent-browser input,.agent-browser select{background:#122530;color:#eaf0f3;border:1px solid #3a5464;border-radius:8px;padding:12px;min-height:44px}.agent-browser input{flex:1;min-width:160px}.agent-browser label{font-size:11px;color:#a8bdc9;display:flex;align-items:center;gap:8px}.agent-browser .agent-count{font-size:12px;color:#a8bdc9}.agent-card[hidden]{display:none!important}.agent-no-results{color:#a8bdc9;padding:24px;border:1px dashed #405766;border-radius:12px}
.tier-panel{overflow:hidden}.tier-intro{line-height:1.8;font-size:12px;color:var(--ui-muted)}.tier-toolbar{gap:14px;flex-wrap:wrap}.tier-tools{min-width:0;flex-wrap:wrap}.tier-toolbar input,.tier-toolbar select{border-radius:8px;min-height:42px;max-width:100%}.tier-agent{border-radius:10px}.tier-row .tier-agents{align-items:stretch}.tier-summary{gap:16px}.tier-summary-note span{line-height:1.7}.tier-method{line-height:1.8}.map-card{border-radius:12px}.table-wrap{overflow:auto}td{padding-top:17px;padding-bottom:17px}.review-footer{margin-top:40px;padding-top:28px}.review-footer nav{display:flex;gap:20px;flex-wrap:wrap}.review-footer p{line-height:1.9}
.policy-nav{background:#0c1822f5}.back{border-radius:8px;min-height:40px;display:flex;align-items:center}.policy-hero{padding:56px 0 36px}.policy-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-1.8px}.policy-hero p{max-width:640px}.summary-card,.scope-note,.data-control,.policy-next,.bp-card,.account-card{border-radius:14px;border-color:#304856;background:linear-gradient(135deg,#1b303e,#13232e)}.scope-note{border-left:3px solid #ff6473}.policy-section p{font-size:14px;line-height:1.9}.policy-index nav a{border-radius:6px}.policy-footer nav{flex-wrap:wrap}.bp-card{padding:26px}.bp-card h2{font-size:22px;letter-spacing:-.5px}.bp-card p{line-height:1.8}.bp-card button{border-radius:8px;min-height:44px}.current-reward{border-radius:12px!important}.current-reward.is-current{box-shadow:0 0 0 1px #ff6473,0 10px 28px #0003}.bp-heading{flex-wrap:wrap;gap:12px}.account-card input{min-height:46px}.account-main{padding-bottom:60px}
@media(min-width:801px){body:has(.gamebar) main{padding-inline:clamp(24px,3vw,48px)}.gamebar-note{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(max-width:1100px){.gamebar .edition,.gamebar-note{display:none}.gamebar .top-brand{margin-right:auto}.gamebar{gap:10px}.agent-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}}
@media(max-width:800px){.gamebar{position:relative!important;height:auto!important;min-height:68px;flex-wrap:wrap;padding:12px 18px;gap:10px}.gamebar .top-brand{width:150px}.gamebar .top-brand img{width:150px;height:auto}.gamebar .overlay-top-link{font-size:10px;padding:8px;gap:6px}aside{position:relative!important;top:auto!important;width:100%!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;padding:10px 16px!important;border-bottom:1px solid var(--ui-line);align-items:center}aside>.brand,aside>.eyebrow,aside>.sidebar-art,aside>.sidebar-bottom,aside>.game-tile{display:none!important}aside>.nav{flex:0 0 auto;margin:0;padding:10px 12px;white-space:nowrap;min-height:44px}aside>.nav .nav-mark{width:22px;height:22px}body:has(.gamebar) main{margin-left:0!important;padding:0 18px!important;width:100%}header{min-width:0}.section-title{flex-wrap:wrap}.combat-panel{overflow:hidden}.tier-row{flex-direction:column}.tier-identity{width:100%!important;min-width:0!important;display:flex!important;align-items:center;gap:12px;padding:12px!important}.tier-agents{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px!important;gap:10px!important}.tier-agent{min-width:0!important;width:100%!important}.tier-summary{flex-wrap:wrap}.tier-summary-note{width:100%}.policy-nav{gap:12px}.bp-layout{grid-template-columns:1fr}.agent-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}.agent-card{height:220px}.agent-browser select{max-width:160px}}
@media(max-width:480px){.gamebar .top-brand{width:125px}.gamebar .top-brand img{width:125px}.gamebar .overlay-top-link{flex-direction:column;gap:3px;font-size:10px;padding:6px 9px}.gamebar .coming-soon-label{font-size:8px}.agent-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agent-card{height:230px}.agent-browser{gap:10px}.agent-browser input{width:100%;flex-basis:100%}.tier-agents{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px 12px}.stat:last-child{grid-column:1/-1}.player-search-panel{padding:18px}.player-search-input{flex-wrap:wrap}.player-search-input input{width:100%}.policy-nav{padding-inline:16px}.policy-logo,.policy-logo img{width:125px}.bp-card{padding:20px}.policy-footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* Center the sidebar portrait independently of card width. */
.sidebar-art>img{left:50%;right:auto;transform:translateX(-50%);max-width:none}.sidebar-art>div{text-align:center}