.ranked-cover{background:radial-gradient(circle at 14% 0,rgba(107,77,255,.28),transparent 35%),radial-gradient(circle at 88% 100%,rgba(0,210,255,.15),transparent 34%),linear-gradient(135deg,rgba(5,12,34,.98),rgba(11,20,56,.96));box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 55px rgba(0,0,0,.25)}
.ranked-match-console{position:relative;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(22px,4vw,58px);min-height:420px;padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid rgba(122,222,255,.26);border-radius:28px;background:radial-gradient(circle at 22% 45%,rgba(74,60,210,.24),transparent 38%),linear-gradient(145deg,rgba(6,16,41,.97),rgba(4,9,27,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 26px 60px rgba(0,0,0,.3)}
.ranked-match-console:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 43%,rgba(108,224,255,.07) 49%,transparent 55%);transform:translateX(-55%);animation:rankedSweep 5.4s ease-in-out infinite}
.ranked-match-radar{position:relative;display:grid;place-items:center;width:min(30vw,270px);aspect-ratio:1;margin:auto;border:1px solid rgba(106,220,255,.35);border-radius:50%;background:radial-gradient(circle,rgba(129,85,255,.32) 0 17%,rgba(13,34,71,.8) 18% 41%,rgba(4,15,39,.9) 42%);box-shadow:0 0 55px rgba(77,99,255,.26),inset 0 0 45px rgba(81,216,255,.13)}
.ranked-match-radar:before,.ranked-match-radar:after,.ranked-match-radar i{content:"";position:absolute;border:1px solid rgba(106,220,255,.2);border-radius:50%}
.ranked-match-radar:before{inset:16%}.ranked-match-radar:after{inset:32%}.ranked-match-radar i:nth-child(1){inset:0;border-radius:50%;border-color:transparent;border-top-color:#7ae8ff;filter:drop-shadow(0 0 8px #49cfff);animation:rankedSpin 3s linear infinite}.ranked-match-radar i:nth-child(2){left:50%;top:4%;bottom:4%;border:0;border-left:1px solid rgba(106,220,255,.2);border-radius:0}.ranked-match-radar i:nth-child(3){top:50%;left:4%;right:4%;border:0;border-top:1px solid rgba(106,220,255,.2);border-radius:0}.ranked-match-radar b{position:relative;z-index:2;font-size:clamp(54px,7vw,86px);font-style:italic;color:#fff;text-shadow:0 0 18px #795bff,0 0 45px #33d6ff}
.ranked-match-copy{position:relative;z-index:1}.ranked-match-copy h2{margin:4px 0 10px;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em}.ranked-match-copy>p:not(.eyebrow){max-width:660px;margin:0;color:#a9c5da;line-height:1.75}
.ranked-match-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0 14px}.ranked-match-stats span{padding:14px 16px;border:1px solid rgba(123,220,255,.16);border-radius:14px;background:rgba(7,19,46,.78)}.ranked-match-stats small,.ranked-match-stats b{display:block}.ranked-match-stats small{margin-bottom:5px;color:#769ab4;font-size:10px}.ranked-match-stats b{font-size:17px;color:#eaf8ff}
.ranked-title-reward{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.ranked-title-reward span{padding:7px 10px;border:1px solid rgba(255,183,104,.25);border-radius:999px;background:rgba(83,34,75,.35);color:#ffc8d8;font-size:11px}.ranked-title-reward span b{color:#ffd58b;margin-right:5px}.ranked-title-reward small{flex-basis:100%;color:#708da4}
.ranked-title-reward-wide{margin:16px 0 20px;padding:15px 17px;border:1px solid rgba(255,196,115,.17);border-radius:16px;background:linear-gradient(115deg,rgba(80,35,102,.28),rgba(8,26,53,.45))}.ranked-title-reward-wide span{font-size:12px}.pvp-reward-current>small{display:block;margin-top:8px;color:#ffd38b;font-size:11px}
.ranked-match-start{width:100%;min-height:58px;margin:0!important;border:1px solid rgba(176,232,255,.55)!important;border-radius:16px!important;background:linear-gradient(115deg,#5c35d7,#278cff 55%,#22cde0)!important;box-shadow:0 12px 30px rgba(43,104,255,.28),inset 0 1px rgba(255,255,255,.2);font-size:17px!important;letter-spacing:.04em}.ranked-match-start:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.ranked-match-rule{display:block;margin-top:10px;text-align:center;color:#678ba4}
@keyframes rankedSpin{to{transform:rotate(360deg)}}@keyframes rankedSweep{0%,20%{transform:translateX(-65%)}70%,100%{transform:translateX(75%)}}
@media(max-width:720px){.ranked-match-console{grid-template-columns:1fr;min-height:0;padding:24px 18px}.ranked-match-radar{width:160px}.ranked-match-stats{grid-template-columns:1fr 1fr}.ranked-match-stats span:last-child{grid-column:1/-1}.ranked-match-copy{text-align:center}.ranked-title-reward{justify-content:center}}
@media(prefers-reduced-motion:reduce){.ranked-match-console:before,.ranked-match-radar i:nth-child(1){animation:none}}