/* RL Mate V6 — visual system / Design Beta */
:root{
  --v6-bg:#050910;--v6-panel:rgba(11,19,31,.72);--v6-panel-strong:rgba(13,24,39,.91);
  --v6-cyan:#36e4ff;--v6-blue:#4e78ff;--v6-violet:#9f67ff;--v6-green:#58f4a5;
  --v6-gold:#ffc867;--v6-text:#f5f9ff;--v6-muted:#8ea3bb;--v6-line:rgba(151,190,226,.12);
}
html{background:var(--v6-bg)}body{background:
 radial-gradient(circle at 78% -10%,rgba(77,111,255,.18),transparent 34%),
 radial-gradient(circle at 18% 22%,rgba(54,228,255,.08),transparent 28%),
 linear-gradient(145deg,#04070d 0%,#07101b 52%,#050910 100%);color:var(--v6-text)}
.grid-bg{opacity:.28;background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 82%)}
.ambient{filter:blur(75px);opacity:.5}.ambient-a{background:#2c5bff}.ambient-b{background:#00d9ff}
.glass{background:linear-gradient(150deg,rgba(17,29,47,.82),rgba(7,15,27,.72));border:1px solid var(--v6-line);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px)}
.sidebar{background:linear-gradient(180deg,rgba(5,11,19,.97),rgba(6,14,24,.94));border-right:1px solid rgba(117,169,214,.1);box-shadow:22px 0 60px rgba(0,0,0,.16)}
.brand{gap:13px}.logo-mark{position:relative;overflow:hidden;background:radial-gradient(circle at 32% 25%,#79f0ff 0,#46cfff 13%,#345dff 48%,#101b49 78%);border:1px solid rgba(132,234,255,.45);box-shadow:0 0 0 5px rgba(56,172,255,.05),0 0 28px rgba(58,189,255,.2);color:white;text-shadow:0 1px 8px rgba(0,0,0,.5)}.logo-mark:after{content:"";position:absolute;width:62%;height:22%;border:1px solid rgba(255,255,255,.7);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg)}
.brand b{letter-spacing:.13em}.brand small{letter-spacing:.17em;color:#6e859c}
.nav-item{border:1px solid transparent;border-radius:12px;margin:3px 10px;color:#8197ae;transition:.18s ease}.nav-item:hover{color:#eaf7ff;background:rgba(72,159,255,.055);transform:translateX(2px)}.nav-item.active{color:white;background:linear-gradient(90deg,rgba(53,198,255,.14),rgba(82,103,255,.07));border-color:rgba(68,196,255,.14);box-shadow:inset 3px 0 var(--v6-cyan)}.nav-item.active span{color:var(--v6-cyan);filter:drop-shadow(0 0 8px rgba(54,228,255,.45))}
.main{max-width:1700px}.page-top{padding-bottom:18px;border-bottom:1px solid rgba(152,190,226,.08);margin-bottom:22px}.page-top h1{font-weight:760;letter-spacing:-.035em}.kicker{color:#58dcff;letter-spacing:.17em}.verified{background:rgba(71,231,169,.07);border-color:rgba(77,239,173,.17);color:#72f6bb}
.profile-chip,.icon-btn{background:rgba(255,255,255,.025);border-color:rgba(148,188,225,.12)}.profile-chip:hover,.icon-btn:hover{border-color:rgba(76,211,255,.25);background:rgba(51,205,255,.05)}
.hero-panel{position:relative;overflow:hidden;min-height:420px;background:
 radial-gradient(circle at 80% 50%,rgba(61,113,255,.2),transparent 31%),
 linear-gradient(125deg,rgba(12,25,42,.96),rgba(5,13,24,.84));border-color:rgba(84,184,255,.15)}
.hero-panel:before{content:"";position:absolute;inset:auto -8% -42% 48%;height:135%;background:repeating-radial-gradient(ellipse at center,transparent 0 25px,rgba(73,215,255,.055) 26px 27px);transform:rotate(-13deg);pointer-events:none}
.hero-panel:after{content:"";position:absolute;top:-30%;right:16%;width:1px;height:160%;background:linear-gradient(transparent,rgba(94,217,255,.25),transparent);box-shadow:45px 0 rgba(94,217,255,.05),90px 0 rgba(94,217,255,.035);transform:rotate(20deg)}
.hero-copy{position:relative;z-index:2}.hero-copy h2{font-size:clamp(34px,4vw,62px);line-height:.99;letter-spacing:-.055em;max-width:760px;margin:18px 0}.hero-copy h2 br{display:block}.hero-copy p{font-size:15px;max-width:590px;color:#9cb0c4;line-height:1.72}.live-label{border:1px solid rgba(83,244,171,.18);background:rgba(64,231,157,.07);color:#6cf4b1;padding:7px 10px;border-radius:999px;font-size:10px;letter-spacing:.09em}
.match-preview{position:relative;z-index:3;background:linear-gradient(150deg,rgba(13,28,47,.95),rgba(9,18,32,.9));border:1px solid rgba(93,196,255,.19);box-shadow:0 25px 60px rgba(0,0,0,.32),0 0 50px rgba(58,166,255,.06);border-radius:22px}.match-preview:before{content:"TOP MATCH";position:absolute;top:15px;left:16px;font-size:8px;letter-spacing:.18em;color:#7992aa}.match-score-ring{background:conic-gradient(var(--v6-cyan) 0 96%,rgba(255,255,255,.06) 96%);box-shadow:0 0 35px rgba(54,228,255,.12)}.match-score-ring:after{background:#0b1626}.match-score-ring strong{background:linear-gradient(180deg,#fff,#82eaff);-webkit-background-clip:text;color:transparent}
.avatar{background:linear-gradient(145deg,#14243a,#0c1728);border:1px solid rgba(112,187,240,.17);box-shadow:inset 0 1px rgba(255,255,255,.04)}.avatar.diamond{background:linear-gradient(145deg,#1ad9ee,#516cff 55%,#713cff);box-shadow:0 0 28px rgba(56,182,255,.18)}
.btn{border-radius:11px;font-weight:800;letter-spacing:.01em;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(100deg,#278fff,#37dff2 58%,#50f2c0);color:#03111a;border-color:transparent;box-shadow:0 10px 30px rgba(47,182,255,.19)}.btn.primary:hover{box-shadow:0 13px 36px rgba(47,205,255,.28)}.btn.secondary,.btn.ghost{background:rgba(255,255,255,.035);border-color:rgba(142,186,222,.14)}
.metric-card{position:relative;overflow:hidden;min-height:112px}.metric-card:after{content:"";position:absolute;right:-25px;bottom:-38px;width:100px;height:100px;border-radius:50%;border:1px solid rgba(75,203,255,.08)}.metric-card strong{font-size:28px;letter-spacing:-.04em}.metric-card small{color:#8499ae}.metric-icon{background:linear-gradient(145deg,rgba(46,201,255,.13),rgba(88,106,255,.09));color:#62e3ff;border:1px solid rgba(79,203,255,.12)}
.panel,.filter-panel{border-radius:18px}.panel-head h2,.section-header h2{letter-spacing:-.03em}
.player-card{position:relative;overflow:hidden;border-radius:18px;transition:.2s ease;background:linear-gradient(155deg,rgba(14,27,45,.88),rgba(8,17,30,.76));border:1px solid rgba(139,187,226,.11)}.player-card:hover{transform:translateY(-5px);border-color:rgba(72,211,255,.27);box-shadow:0 24px 48px rgba(0,0,0,.27),0 0 35px rgba(50,182,255,.055)}.player-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--rank-accent,var(--v6-cyan)),transparent);opacity:.55}.player-card[data-rank-tier="champion"]{--rank-accent:#b66cff}.player-card[data-rank-tier="diamond"]{--rank-accent:#45dcff}.player-card[data-rank-tier="platinum"]{--rank-accent:#70e8bd}.player-card .match-pill,.match-badge{background:rgba(45,213,255,.075);border:1px solid rgba(55,221,255,.15);color:#8eecff}.rank-emblem{width:40px;height:40px;display:grid;place-items:center;clip-path:polygon(50% 0,90% 22%,82% 76%,50% 100%,18% 76%,10% 22%);background:linear-gradient(145deg,var(--rank-accent,#4ddfff),rgba(79,85,255,.92));font-size:12px;font-weight:900;box-shadow:0 0 18px rgba(59,199,255,.2)}
.rank-line-v6{display:flex;align-items:center;gap:9px;margin:10px 0}.rank-line-v6 b{font-size:12px}.rank-line-v6 small{color:var(--v6-muted)}
.smart-search,.filter-grid select,.filter-grid input,input,select,textarea{background:rgba(3,10,18,.55);border-color:rgba(141,187,224,.13);color:#eaf4ff}.smart-search:focus-within,input:focus,select:focus,textarea:focus{border-color:rgba(61,211,255,.34);box-shadow:0 0 0 3px rgba(54,228,255,.05)}
.lfg-maker{position:relative;overflow:hidden}.lfg-maker:after{content:"⚡";position:absolute;right:-5px;bottom:-45px;font-size:180px;font-weight:900;opacity:.022;transform:rotate(-10deg)}
.notification.unread{background:linear-gradient(90deg,rgba(44,206,255,.08),rgba(71,97,255,.035))}
.session-card,.request-card,.connection-card{background:linear-gradient(150deg,rgba(14,28,45,.82),rgba(8,17,29,.72));border-color:rgba(139,187,226,.11)}
.bottom-nav{background:rgba(5,12,21,.93)!important;border-color:rgba(111,182,226,.15)!important}.bottom-nav button{transition:.15s}.bottom-nav button:hover,.bottom-nav button.active{color:white;background:rgba(55,200,255,.08)}
.auth-gate{background:radial-gradient(circle at 25% 20%,rgba(59,114,255,.22),transparent 30%),radial-gradient(circle at 77% 70%,rgba(50,220,255,.1),transparent 28%),#050910}.auth-card{border-radius:24px}.auth-copy h1{font-size:clamp(42px,5vw,76px);letter-spacing:-.06em;line-height:.92}.auth-copy em{font-style:normal;background:linear-gradient(90deg,#49dfff,#7d7cff);-webkit-background-clip:text;color:transparent}
.v6-orbit{position:fixed;right:-220px;top:30%;width:520px;height:520px;border:1px solid rgba(60,197,255,.04);border-radius:50%;pointer-events:none;z-index:-1}.v6-orbit:before,.v6-orbit:after{content:"";position:absolute;border:1px solid rgba(96,120,255,.05);border-radius:50%;inset:70px}.v6-orbit:after{inset:150px;border-color:rgba(54,228,255,.07)}
.v6-status-ribbon{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:999px;border:1px solid rgba(77,237,170,.14);background:rgba(60,225,155,.045);color:#8af8c5;font-size:10px;font-weight:850;letter-spacing:.06em}.v6-status-ribbon i{width:7px;height:7px;border-radius:50%;background:#55f0a7;box-shadow:0 0 12px #55f0a7}
@media(max-width:900px){.hero-panel{min-height:0}.hero-copy h2{font-size:42px}.v6-orbit{display:none}.mobile-topbar{background:rgba(4,11,19,.94);border-color:rgba(125,187,225,.1)}}
@media(max-width:640px){.hero-copy h2{font-size:34px}.hero-copy p{font-size:13px}.hero-panel{border-radius:20px}.match-preview{border-radius:18px}.player-card{border-radius:16px}.metric-card{min-height:auto}.page-top{margin-bottom:16px}}