
.player-tools-hub{max-width:1240px;margin:0 auto;padding:6px 0 32px;color:#f5f0f4}
.player-tools-intro{margin:0 0 27px}.player-tools-intro .eyebrow{font-size:10px;letter-spacing:2px;color:#c993a2}
.player-tools-intro h1{font:700 clamp(32px,3.5vw,45px)/1.1 Oxanium,Inter,sans-serif;letter-spacing:-1px;margin:8px 0}.player-tools-intro h1>span{color:#d86179}
.player-tools-group{margin:0 0 28px}.player-tools-group>h2{font:600 12px Inter,sans-serif;letter-spacing:.6px;color:#c3b4c0;margin:0 0 12px}
.player-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.player-tools-card{min-width:0;display:block;border:1px solid #3d333c;border-radius:11px;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#242027,#16181c);color:#f3eef3;box-shadow:0 8px 25px #0002}
.player-tools-card:hover{border-color:#a6526a;box-shadow:0 9px 28px #0004}.player-tools-card:focus-visible{outline:2px solid #ed91ad;outline-offset:5px}
.player-tools-card-art{position:relative;width:100%;aspect-ratio:2.8/1;overflow:hidden}.player-tools-card-art img{display:block;width:100%;height:100%;object-fit:cover}
.player-tools-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1c1b2180,transparent 45%);pointer-events:none}
.player-tools-card-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px;min-height:65px}
.player-tools-card-copy h3{font:650 clamp(18px,1.7vw,23px)/1.2 Oxanium,Inter,sans-serif;margin:0;letter-spacing:-.4px}.player-tools-card-copy>span{color:#dc8ca5;font-size:23px}
@media(max-width:1000px){.player-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}}
@media(max-width:620px){.player-tools-intro{margin-bottom:24px}.player-tools-grid{grid-template-columns:1fr;gap:10px}.player-tools-card{display:grid;grid-template-columns:36% 1fr;min-height:94px}.player-tools-card-art{height:100%;aspect-ratio:auto}.player-tools-card-art img{object-position:center}.player-tools-card-art:after{background:linear-gradient(90deg,transparent,#1c1b2160)}.player-tools-card-copy{padding:15px}.player-tools-card-copy h3{font-size:20px}.player-tools-group{margin-bottom:24px}}
@media(prefers-reduced-motion:no-preference){.player-tools-card{transition:transform .18s,border-color .18s,box-shadow .18s}.player-tools-card img{transition:transform .25s}.player-tools-card:hover{transform:translateY(-3px)}.player-tools-card:hover img{transform:scale(1.035)}}
