/* Select the Star Player paneli — xpick-ui.js; tasarım alanı 1000 × 720. */
.xp-scene{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}
.xp-modal{background:#000b}
.xp-onb{background:radial-gradient(ellipse at 50% 35%,#16304f,#070d16 70%)}
.xp-onb .intro-brand{position:absolute;left:4vw;top:3vh}
.xp-wrap{position:relative;width:min(100%,calc((100dvh - 10vh) * 1000 / 720));aspect-ratio:1000/720;container-type:inline-size;font-family:Arial,sans-serif;color:#fff;--k:calc(100cqw/1000)}
.xp-wrap>*{position:absolute}
.xp-wrap img{display:block}
.xp-title{z-index:2}
.xp-panel{pointer-events:none}
.xp-face{padding:0;border:calc(3*var(--k)) solid #5f7f9f;border-radius:calc(12*var(--k));background:linear-gradient(#2f4f72,#15263d);overflow:hidden;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
.xp-face .portrait{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:top}
.xp-face span{position:absolute;left:0;right:0;bottom:0;padding:calc(2*var(--k)) 0;background:#000a;font:700 calc(11*var(--k)) Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xp-face:hover{transform:translateY(calc(-3*var(--k)));border-color:#9fd3ff}
.xp-face.active{border-color:#ff4d2e;box-shadow:0 0 0 calc(2*var(--k)) #ffb347,0 0 calc(16*var(--k)) #ff6a2e}
.xp-face.xp-off{filter:grayscale(1) brightness(.55);cursor:not-allowed}
.xp-eval{padding:calc(10*var(--k)) calc(16*var(--k));overflow:auto;box-sizing:border-box}
.xp-eval small{display:block;font:700 calc(15*var(--k)) Arial;color:#dbe9ff;margin-bottom:calc(6*var(--k))}
.xp-eval p{margin:0;font:600 calc(15*var(--k))/1.45 Arial;color:#fff}
.xp-eval b{color:#ffb347}.xp-eval em{font-style:normal;color:#ffe066;font-weight:800}
.xp-ok{padding:0;border:0;background:none;cursor:pointer;z-index:2}
.xp-ok img{width:100%;height:100%}
.xp-ok:not(:disabled):hover img{filter:brightness(1.1)}
.xp-ok:disabled{cursor:not-allowed}.xp-ok:disabled img{filter:grayscale(.8) brightness(.8)}
.xp-close{padding:0;border:0;background:none;cursor:pointer;z-index:3}
.xp-close img{width:100%;height:100%}
.xp-cards{z-index:2;font:700 calc(14*var(--k)) Arial;color:#dbe9ff;display:flex;align-items:center}
.xp-cards b{color:#ffe066;margin-left:calc(6*var(--k))}
.eq-hover-popup{z-index:130}