/* RL Mate V9 — Match Experience layer */
:root{--v9-cyan:#62eaff;--v9-violet:#8b78ff;--v9-green:#62ffc3;--v9-panel:rgba(5,14,27,.76);--v9-border:rgba(138,214,255,.16)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 70% 15%,rgba(100,113,255,.12),transparent 30%),radial-gradient(circle at 20% 80%,rgba(47,223,255,.08),transparent 28%)}
.logo-mark{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--v9-cyan),#73a8ff 55%,var(--v9-violet));color:#05101e;box-shadow:0 0 26px rgba(98,234,255,.22)}
.logo-mark:after{content:"";position:absolute;width:140%;height:4px;left:-20%;top:47%;transform:rotate(-24deg);background:rgba(255,255,255,.65)}
.sidebar{border-right-color:rgba(98,234,255,.10)}
.brand small{letter-spacing:.14em;color:#7d93ac}.nav-item{border:1px solid transparent}.nav-item.active{border-color:rgba(98,234,255,.12);background:linear-gradient(90deg,rgba(98,234,255,.10),rgba(139,120,255,.05));box-shadow:inset 3px 0 0 var(--v9-cyan)}
.v9-command{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:18px}.v9-command-main,.v9-streak{border:1px solid var(--v9-border);border-radius:24px;background:linear-gradient(145deg,rgba(9,25,45,.88),rgba(6,15,30,.66));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.v9-command-main{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.v9-command-main:after{content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(98,234,255,.12),transparent 68%)}.v9-command-copy{position:relative;z-index:1}.v9-command-copy small{font-weight:900;letter-spacing:.18em;color:var(--v9-cyan)}.v9-command-copy h3{margin:6px 0 4px;font-size:22px}.v9-command-copy p{margin:0;color:var(--muted);max-width:620px}.v9-command-actions{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap;justify-content:flex-end}.v9-streak{padding:18px 20px;display:flex;align-items:center;gap:15px}.v9-streak-ring{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(98,255,195,.28);background:radial-gradient(circle,rgba(98,255,195,.14),rgba(5,14,27,.6));font-size:22px;box-shadow:0 0 24px rgba(98,255,195,.08)}.v9-streak strong{display:block;font-size:18px}.v9-streak span{color:var(--muted);font-size:12px}
.player-card{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.player-card:hover{transform:translateY(-4px);border-color:rgba(98,234,255,.24);box-shadow:0 24px 55px rgba(0,0,0,.30),0 0 32px rgba(98,234,255,.06)}.player-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,var(--v9-cyan),transparent 45%,var(--v9-violet));opacity:.65}.rank-row{background:rgba(2,11,22,.35);border-radius:15px;padding:11px}.match-percent{font-size:18px!important;text-shadow:0 0 16px rgba(98,234,255,.35)}
.v9-rank-shield{width:46px;height:52px;clip-path:polygon(50% 0,93% 20%,82% 76%,50% 100%,18% 76%,7% 20%);display:grid;place-items:center;background:linear-gradient(145deg,#82f3ff,#5887ff 58%,#a675ff);box-shadow:0 0 22px rgba(98,234,255,.22);font-weight:1000;color:#05101e;font-size:11px}.v9-rank-shield.champ{background:linear-gradient(145deg,#e68aff,#8c5bff 62%,#6457ff)}.v9-rank-shield.plat{background:linear-gradient(145deg,#8fffe1,#38c8d6 60%,#3778d8)}
.v9-profile-modal{min-width:min(760px,90vw)}.v9-profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.v9-profile-title h2{margin:4px 0;font-size:30px}.v9-profile-title p{margin:0;color:var(--muted)}.v9-score{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0f2440 56%,transparent 58%),conic-gradient(var(--v9-cyan) 0 96%,rgba(255,255,255,.08) 96%);box-shadow:0 0 28px rgba(98,234,255,.12)}.v9-score div{text-align:center}.v9-score b{display:block;font-size:22px}.v9-score small{font-size:8px;letter-spacing:.14em}.v9-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.v9-profile-stat{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,12,24,.44)}.v9-profile-stat small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-bottom:4px}.v9-profile-stat b{font-size:13px}.v9-bio{padding:14px;border-radius:14px;background:rgba(255,255,255,.025);color:#b9c7d6;line-height:1.55}.v9-private-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:13px;background:rgba(98,234,255,.05);border:1px solid rgba(98,234,255,.12);color:#9fb7ca;font-size:12px}.v9-private-note b{color:#dffaff}
.v9-match-overlay{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at center,rgba(20,57,92,.42),rgba(1,5,11,.94) 65%);backdrop-filter:blur(12px);animation:v9fade .2s ease}.v9-match-card{width:min(760px,94vw);border:1px solid rgba(98,234,255,.26);border-radius:30px;background:linear-gradient(145deg,rgba(8,22,41,.97),rgba(4,10,21,.98));padding:30px;box-shadow:0 34px 120px rgba(0,0,0,.58),0 0 70px rgba(98,234,255,.10);text-align:center;position:relative;overflow:hidden}.v9-match-card:before{content:"";position:absolute;inset:-50% 25%;background:linear-gradient(90deg,transparent,rgba(98,234,255,.07),transparent);transform:rotate(20deg);animation:v9scan 2.2s linear infinite}.v9-match-kicker{font-size:11px;letter-spacing:.28em;color:var(--v9-cyan);font-weight:950}.v9-match-card h2{font-size:40px;margin:8px 0 18px}.v9-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin:18px 0 24px}.v9-versus-player{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.v9-versus-player b{display:block;margin-top:8px;font-size:18px}.v9-versus-vs{font-weight:1000;color:#7890aa}.v9-match-reasons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.v9-match-reasons span{font-size:11px;padding:7px 10px;border-radius:999px;background:rgba(98,234,255,.06);border:1px solid rgba(98,234,255,.12);color:#bcefff}.v9-overlay-actions{display:flex;gap:10px;justify-content:center}.v9-overlay-actions button{min-width:170px}
.auth-copy h1 em{background:linear-gradient(90deg,var(--v9-cyan),#aaa1ff);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card{box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 50px rgba(98,234,255,.04)}
.v9-onboarding-progress{display:flex;gap:7px;margin:12px 0 20px}.v9-onboarding-progress i{height:4px;flex:1;border-radius:99px;background:rgba(255,255,255,.08)}.v9-onboarding-progress i.active{background:linear-gradient(90deg,var(--v9-cyan),var(--v9-violet));box-shadow:0 0 14px rgba(98,234,255,.25)}
@keyframes v9fade{from{opacity:0}to{opacity:1}}@keyframes v9scan{from{transform:translateX(-80%) rotate(20deg)}to{transform:translateX(80%) rotate(20deg)}}
@media(max-width:950px){.v9-command{grid-template-columns:1fr}.v9-command-main{align-items:flex-start;flex-direction:column}.v9-command-actions{justify-content:flex-start}.v9-profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.v9-versus{grid-template-columns:1fr}.v9-versus-vs{display:none}.v9-match-card h2{font-size:30px}.v9-overlay-actions{flex-direction:column}.v9-overlay-actions button{width:100%}.v9-profile-hero{grid-template-columns:auto 1fr}.v9-score{grid-column:1/-1;width:100%;height:58px;border-radius:14px;background:linear-gradient(90deg,rgba(98,234,255,.12),rgba(139,120,255,.08))}.v9-profile-grid{grid-template-columns:1fr 1fr}}