/* Free agent (scout) panel — see agency-ui.js; 1 panel px = 100cqw/856. */
.page-agency.content-mode main{padding:0}
.fa-scene{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#050b16a8;padding:3vh 5vw 11vh}
.fa-wrap{position:relative;width:min(100%,calc((100dvh - 16vh) * 856 / 747));aspect-ratio:856/747;container-type:inline-size;font-family:Arial,sans-serif;color:#fff;--k:calc(100cqw/856)}
.fa-wrap>*{position:absolute}
.fa-wrap button{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.fa-wrap button:disabled{cursor:default}
.fa-panel{display:block}
.fa-title img,.fa-count img,.fa-top-btn img,.fa-close img,.fa-pill img,.fa-chart-box img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.fa-title{display:grid;place-items:center}
.fa-title span{position:relative;font:italic 900 calc(28*var(--k))/1 'Barlow Condensed',Arial;color:#ffb347;-webkit-text-stroke:calc(1.4*var(--k)) #7a2e00;paint-order:stroke fill;text-shadow:0 calc(2*var(--k)) 0 #7a2e00;letter-spacing:calc(1*var(--k))}
.fa-close:hover img,.fa-top-btn:hover img{filter:brightness(1.12)}
.fa-count{display:flex;align-items:center;padding:0 calc(22*var(--k))}
.fa-count span{position:relative;font:700 calc(13*var(--k)) Arial;text-shadow:0 1px 2px #03264f}
.fa-count b{color:#ffe066}
.fa-top-btn{display:grid;place-items:center}
.fa-top-btn span{position:relative;font:700 calc(14*var(--k)) Arial;text-shadow:0 1px 1px #7a3100}
.fa-name{display:flex;align-items:center;font:800 calc(17*var(--k)) Arial;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fa-grade{display:grid;place-items:center;font:900 calc(26*var(--k)) Arial;text-shadow:0 1px 2px #000}
.fa-field{display:flex;align-items:center;gap:calc(3*var(--k));padding:0 calc(6*var(--k));white-space:nowrap;overflow:hidden}
.fa-field span{color:#9fd3ff;font:700 calc(9.5*var(--k)) Arial}
.fa-field b{margin-left:auto;color:#ffe066;font:800 calc(10.5*var(--k)) Arial;overflow:hidden;text-overflow:ellipsis}
.fa-stat-title,.fa-chart-title{display:flex;align-items:center;justify-content:center;font:800 calc(13*var(--k)) Arial;text-shadow:0 1px 2px #000}
.fa-chart-title{justify-content:space-between}
.fa-chart-title span{color:#ffe066;font:700 calc(10.5*var(--k)) Arial}
.fa-stat{display:flex;align-items:center;gap:calc(5*var(--k))}
.fa-stat span{width:calc(28*var(--k));font:800 calc(10.5*var(--k)) Arial}
.fa-stat i{flex:1;height:55%;background:#0b1f3d99;border-radius:calc(2*var(--k));overflow:hidden}
.fa-stat u{display:block;height:100%;background:linear-gradient(#ffcf4a,#f4a10b);text-decoration:none}
.fa-stat b{width:calc(28*var(--k));text-align:right;font:800 calc(10.5*var(--k)) Arial}
.fa-chart-box img{opacity:.95}
.fa-chart{position:absolute;inset:4% 3% 3% 1%;width:96%;height:93%;overflow:visible}
.fa-chart polyline{fill:none;stroke:#ff4d4d;stroke-width:3;vector-effect:non-scaling-stroke}
.fa-chart circle{fill:#ff4d4d;stroke:#fff;stroke-width:1.2}
.fa-chart text{fill:#e9f3ff;font:700 20px Arial}
.fa-chart .fa-y{fill:#ffe066}
.fa-center{border-radius:calc(10*var(--k));background:radial-gradient(ellipse at 50% 30%,#0a3c74,#01305e 70%)}
.fa-card{background:url('assets/scout/card.webp') center/100% 100% no-repeat!important;overflow:hidden;border-radius:calc(12*var(--k))!important;transition:filter .12s,transform .12s}
.fa-card>img{position:absolute;left:6%;right:6%;top:5%;width:88%;height:72%;object-fit:cover;object-position:top;border-radius:calc(9*var(--k))}
.fa-card.active{box-shadow:0 0 0 calc(3*var(--k)) #ffd166,0 0 calc(14*var(--k)) #ffd166}
.fa-card:hover{filter:brightness(1.1);transform:translateY(calc(-2*var(--k)))}
.fa-card-pos{position:absolute;left:7%;top:62%;padding:0 calc(3*var(--k));background:#000a;font:800 calc(10*var(--k)) Arial;border-radius:calc(3*var(--k))}
.fa-card-name{position:absolute;left:5%;right:5%;top:78%;height:18%;display:flex;align-items:center;justify-content:space-between;padding:0 calc(8*var(--k));font:700 calc(10*var(--k)) Arial}
.fa-card-name em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fa-card-name b{margin-left:calc(3*var(--k))}
.fa-sign{background:url('assets/scout/btn.webp') center/100% 100% no-repeat!important;font:800 calc(15*var(--k)) Arial!important;text-shadow:0 1px 1px #7a3100}
.fa-sign:not(:disabled):hover{filter:brightness(1.1)}
.fa-sign:disabled{filter:grayscale(.7) brightness(.8)}
.fa-foot{display:flex;align-items:center;justify-content:center;gap:calc(10*var(--k))}
.fa-foot>span{font:italic 900 calc(22*var(--k)) 'Barlow Condensed',Arial;color:#ffc84a;-webkit-text-stroke:calc(1*var(--k)) #6b3000;paint-order:stroke fill;text-shadow:0 calc(2*var(--k)) 0 #6b3000}
.fa-pill{position:relative;width:calc(118*var(--k));height:calc(30*var(--k));display:grid;place-items:center}
.fa-pill-small{width:calc(84*var(--k))}
.fa-pill b{position:relative;font:800 calc(13*var(--k)) Arial}
.fa-foot .fa-pill+span{margin-left:calc(14*var(--k))}
.fa-record{max-height:50vh;overflow:auto}
.fa-record p{margin:6px 0}.fa-record small{color:#8fa3bb;margin-left:6px}
.fa-top-btn small{position:absolute;right:-4%;top:-18%;font-size:calc(13*var(--k));filter:drop-shadow(0 1px 1px #000)}
.fa-top-btn.fa-locked img{filter:grayscale(.8) brightness(.8)}
.fa-hover-popup{pointer-events:none;z-index:120}
.fa-card-name em.rarity-text-d{color:#a8b1c0}.fa-card-name em.rarity-text-c{color:#cbd3dd}.fa-card-name em.rarity-text-b{color:#49cd89}.fa-card-name em.rarity-text-a{color:#60a9fd}.fa-card-name em.rarity-text-s{color:#bc8cf4}.fa-card-name em.rarity-text-x{color:#ff9e36}