/* RL Mate V7 — Arena Beta / high-impact visual layer */
:root{--v7-ice:#6ff3ff;--v7-electric:#5c75ff;--v7-lime:#6df7a6;--v7-danger:#ff6f93;--v7-panel:rgba(8,17,29,.86)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(120deg,transparent 0 43%,rgba(65,170,255,.025) 44% 44.5%,transparent 45% 100%),repeating-linear-gradient(90deg,transparent 0 94px,rgba(255,255,255,.012) 95px 96px)}
.logo-mark{clip-path:polygon(50% 0,92% 18%,100% 62%,73% 100%,27% 100%,0 62%,8% 18%);border-radius:0!important}
.auth-shell{max-width:1320px}.auth-grid{gap:70px}.auth-copy{position:relative}.auth-copy:after{content:"MATCH\A READY";white-space:pre;position:absolute;right:-30px;top:38%;font-size:86px;line-height:.8;font-weight:1000;letter-spacing:-.07em;color:rgba(119,225,255,.028);transform:rotate(-8deg);pointer-events:none}
.auth-copy h1 em{filter:drop-shadow(0 0 28px rgba(72,211,255,.14))}.feature-pills span{backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.v7-auth-rankrail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;max-width:560px}.v7-mini-rank{padding:13px 15px;border:1px solid rgba(119,195,235,.1);background:rgba(255,255,255,.025);border-radius:14px;display:flex;align-items:center;gap:11px}.v7-mini-rank i{width:34px;height:34px;display:grid;place-items:center;clip-path:polygon(50% 0,91% 26%,79% 78%,50% 100%,21% 78%,9% 26%);font-style:normal;font-size:11px;font-weight:950}.v7-mini-rank:nth-child(1) i{background:linear-gradient(145deg,#42f2c5,#2e9c8b)}.v7-mini-rank:nth-child(2) i{background:linear-gradient(145deg,#5cecff,#5b68ff)}.v7-mini-rank:nth-child(3) i{background:linear-gradient(145deg,#d774ff,#6f46e9)}.v7-mini-rank b{font-size:12px}.v7-mini-rank small{display:block;color:#7690a8;font-size:9px;margin-top:2px}
.hero-panel{isolation:isolate}.hero-panel .hero-copy{max-width:760px}.hero-panel .hero-copy:after{content:"";position:absolute;left:-40px;bottom:-120px;width:530px;height:240px;background:radial-gradient(ellipse at center,rgba(50,186,255,.12),transparent 68%);filter:blur(20px);z-index:-1}.hero-actions .btn{min-width:170px}
.match-preview{transform:perspective(1000px) rotateY(-2deg);transition:.28s ease}.match-preview:hover{transform:perspective(1000px) rotateY(0) translateY(-4px)}.preview-player h3{font-size:28px;letter-spacing:-.045em}.compat-list span{border-bottom:1px solid rgba(255,255,255,.045);padding:9px 0}.compat-list span:last-child{border:0}.compat-list b{color:#7ee8ff}
.v7-hero-ribbon{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.v7-hero-ribbon span{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.027);border:1px solid rgba(122,193,230,.09);font-size:10px;color:#819bb3}.v7-hero-ribbon b{color:#c9f8ff}
.metric-card{border-top:1px solid rgba(104,225,255,.1)}.metric-card:hover{border-color:rgba(101,219,255,.2);transform:translateY(-2px)}
.player-grid{gap:18px}.player-card{min-height:300px}.player-card:after{content:"";position:absolute;right:-55px;bottom:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(56,206,255,.08),transparent 67%);pointer-events:none}.player-card .rank-emblem{width:48px;height:48px;font-size:14px}.player-card[data-rank-tier="champion"] .rank-emblem{filter:drop-shadow(0 0 12px rgba(190,96,255,.22))}.player-card[data-rank-tier="diamond"] .rank-emblem{filter:drop-shadow(0 0 12px rgba(54,219,255,.22))}
.v7-card-quickstats{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.v7-card-quickstats span{font-size:9px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(144,190,225,.08);color:#7890a8}.v7-card-quickstats .hot{color:#78f4b6;border-color:rgba(77,236,167,.13);background:rgba(77,236,167,.05)}
.profile-summary{position:relative;overflow:hidden}.profile-summary:before{content:"";position:absolute;inset:-80px -80px auto auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(78,194,255,.14),transparent 70%)}.profile-avatar-wrap{position:relative;z-index:2}.profile-summary .avatar.xl{box-shadow:0 0 0 7px rgba(70,200,255,.05),0 0 45px rgba(60,187,255,.16)}
.v7-rank-banner{margin:18px 0 8px;padding:12px;border-radius:14px;background:linear-gradient(90deg,rgba(47,211,255,.09),rgba(84,91,255,.06));border:1px solid rgba(72,206,255,.12);display:flex;align-items:center;justify-content:space-between}.v7-rank-banner span{font-size:10px;color:#7d96ad}.v7-rank-banner b{font-size:12px;color:#dffcff}
.modal-card{border-color:rgba(83,212,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 70px rgba(55,176,255,.09)}
.v7-match-found{position:relative;overflow:hidden;text-align:center;padding:12px 6px 4px}.v7-match-found:before{content:"";position:absolute;inset:-45% -10% auto;height:280px;background:radial-gradient(ellipse at center,rgba(59,208,255,.18),transparent 66%);pointer-events:none}.v7-match-found .eyebrow{color:#64efaa;font-size:10px;font-weight:900;letter-spacing:.18em}.v7-match-found h2{font-size:36px;margin:10px 0 6px;letter-spacing:-.05em}.v7-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:25px 0}.v7-versus .fighter{padding:18px 10px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(125,190,226,.1)}.v7-versus .fighter strong{display:block;font-size:16px;margin-top:8px}.v7-versus .vs{font-size:11px;font-weight:1000;color:#657d94}.v7-versus .avatar{margin:auto}.v7-found-score{font-size:50px;font-weight:1000;letter-spacing:-.07em;background:linear-gradient(180deg,#fff,#74efff);-webkit-background-clip:text;color:transparent}.v7-found-score small{display:block;font-size:9px;letter-spacing:.14em;color:#74a1bb;-webkit-text-fill-color:#74a1bb}
.v7-spotlight{animation:v7pulse 2.4s ease-in-out infinite}@keyframes v7pulse{0%,100%{box-shadow:0 0 0 0 rgba(63,221,255,.0)}50%{box-shadow:0 0 0 7px rgba(63,221,255,.035),0 0 35px rgba(63,221,255,.08)}}
@media(max-width:900px){.auth-grid{gap:26px}.auth-copy:after{display:none}.v7-auth-rankrail{grid-template-columns:1fr}.match-preview{transform:none}.v7-versus{grid-template-columns:1fr}.v7-versus .vs{display:none}}
@media(max-width:640px){.v7-auth-rankrail{display:none}.v7-match-found h2{font-size:30px}.v7-found-score{font-size:42px}}