
/* VALORANT Ajan Seçimi */
.agent-selection{margin-top:28px;padding:28px;border:1px solid #26314a;border-radius:20px;background:linear-gradient(180deg,rgba(15,21,35,.96),rgba(10,15,27,.96));box-shadow:0 18px 50px rgba(0,0,0,.24)}
.agent-selection-head{text-align:center;margin-bottom:22px}.agent-selection-kicker{display:inline-flex;align-items:center;gap:10px;color:#a995ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.agent-selection-kicker:before,.agent-selection-kicker:after{content:"";width:34px;height:2px;background:#7c5cff;border-radius:4px}.agent-selection h2{margin:8px 0 8px;font-size:clamp(28px,4vw,42px);color:#fff}.agent-selection h2 span{color:#8b6cff}.agent-selection-desc{margin:0 auto;max-width:760px;color:#b8c2d8;line-height:1.6;font-size:15px}
.agent-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.agent-card{position:relative;min-width:0;border:1px solid #27324a;background:linear-gradient(180deg,#111827,#0c1321);border-radius:15px;padding:10px 8px 11px;cursor:pointer;color:#fff;text-align:center;transition:.18s ease;overflow:hidden}.agent-card:hover{transform:translateY(-2px);border-color:#7057d9;box-shadow:0 8px 22px rgba(73,49,153,.18)}.agent-card.is-selected{border-color:#8b6cff;box-shadow:0 0 0 2px rgba(124,92,255,.18),0 10px 28px rgba(77,51,173,.24);background:linear-gradient(180deg,#171c31,#0e1424)}.agent-card img{display:block;width:100%;height:118px;object-fit:contain;object-position:center bottom;background:transparent!important;filter:none!important}.agent-card strong{display:block;margin-top:7px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-radio{width:17px;height:17px;border:2px solid #8b6cff;border-radius:50%;display:block;margin:7px auto 0;position:relative}.agent-card.is-selected .agent-radio:after{content:"";position:absolute;inset:3px;background:#8b6cff;border-radius:50%}.agent-loading,.agent-error{grid-column:1/-1;padding:28px;text-align:center;color:#9da9c2}.agent-selection-note{margin:18px auto 0;max-width:720px;padding:11px 16px;border:1px solid #332b5b;border-radius:999px;background:rgba(124,92,255,.08);color:#aeb8ce;font-size:12px;text-align:center}.agent-selection-note b{color:#a98fff}.agent-clear{display:none;margin:14px auto 0;border:0;background:transparent;color:#a995ff;cursor:pointer;font-weight:700}.agent-clear.is-visible{display:block}
@media(max-width:1200px){.agent-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:820px){.agent-selection{padding:20px 14px;border-radius:16px}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.agent-card img{height:105px}}@media(max-width:480px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-card img{height:112px}.agent-selection-desc{font-size:14px}.agent-selection-note{border-radius:14px}}
