:root{
  --bg:#040b1d;
  --bg2:#07132f;
  --card:rgba(13,29,67,.78);
  --card-solid:#0d1d43;
  --line:rgba(132,165,255,.18);
  --text:#f4f7ff;
  --muted:#9fb0d3;
  --accent:#43d5ff;
  --accent2:#7d5cff;
  --gold:#ffd166;
  --green:#35d07f;
  --red:#ff667d;
  --shadow:0 20px 60px rgba(0,0,0,.32);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 15% 10%,rgba(51,90,255,.22),transparent 30%),
    radial-gradient(circle at 85% 25%,rgba(123,62,255,.18),transparent 27%),
    linear-gradient(160deg,var(--bg2),var(--bg) 58%);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 75%);
}
button,input,select{font:inherit}
button{cursor:pointer}
.topbar{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;gap:24px;
  min-height:76px;padding:12px max(18px,calc((100vw - 1280px)/2));
  border-bottom:1px solid var(--line);
  background:rgba(4,11,29,.78);
  backdrop-filter:blur(18px);
}
.brand{
  border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;text-align:left;padding:0;min-width:max-content
}
.brand-mark{
  width:43px;height:43px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  box-shadow:0 0 28px rgba(67,213,255,.25)
}
.brand strong{display:block;letter-spacing:.09em;font-size:.94rem}
.brand small{display:block;color:var(--muted);font-size:.65rem;margin-top:3px;letter-spacing:.08em}
.desktop-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.nav-btn{
  border:0;color:var(--muted);background:transparent;border-radius:12px;padding:10px 12px;transition:.2s
}
.nav-btn:hover,.nav-btn.active{background:rgba(67,213,255,.1);color:var(--text)}
.player-switch{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem}
select,input{
  color:var(--text);background:#0c1a3b;border:1px solid var(--line);border-radius:12px;padding:10px 12px;outline:none
}
select:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(67,213,255,.1)}
.app-shell{width:min(1280px,calc(100% - 32px));margin:30px auto 110px}
.hero{
  position:relative;overflow:hidden;
  padding:clamp(24px,5vw,56px);border:1px solid var(--line);border-radius:32px;
  background:
    radial-gradient(circle at 88% 15%,rgba(67,213,255,.24),transparent 25%),
    linear-gradient(135deg,rgba(17,40,90,.98),rgba(8,18,48,.95));
  box-shadow:var(--shadow)
}
.hero:after{
  content:"★";position:absolute;right:-20px;bottom:-95px;font-size:320px;color:rgba(255,255,255,.03);transform:rotate(10deg)
}
.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.16em;font-size:.78rem;font-weight:800}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(2rem,5vw,4.6rem);line-height:.96;max-width:850px;margin:14px 0 20px;letter-spacing:-.045em}
h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.025em}
.hero p{max-width:690px;color:#c6d2eb;line-height:1.7;font-size:1.02rem}
.hero-actions,.row-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:#10214b;color:var(--text);font-weight:750;
  transition:.18s
}
.btn:hover{transform:translateY(-1px);border-color:rgba(67,213,255,.5)}
.btn.primary{background:linear-gradient(135deg,var(--accent2),#2da8ff);border:0}
.btn.danger{background:rgba(255,102,125,.12);color:#ff9cab;border-color:rgba(255,102,125,.3)}
.btn.success{background:rgba(53,208,127,.12);color:#8ff2b8;border-color:rgba(53,208,127,.3)}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.section{margin-top:28px}
.card{
  border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:var(--card);backdrop-filter:blur(10px);box-shadow:0 12px 35px rgba(0,0,0,.16)
}
.stat-card strong{font-size:clamp(1.8rem,4vw,2.7rem);display:block;margin-top:5px}
.stat-card small{color:var(--muted)}
.player-card{display:flex;align-items:center;gap:13px}
.avatar{
  width:47px;height:47px;border-radius:15px;display:grid;place-items:center;font-weight:900;color:white;
  background:linear-gradient(135deg,var(--avatar1,#7d5cff),var(--avatar2,#43d5ff))
}
.player-card .meta{flex:1}
.player-card .meta strong,.player-card .meta small{display:block}
.player-card small{color:var(--muted);margin-top:3px}
.rank-number{font-size:1.2rem;font-weight:900;color:var(--gold)}
.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.page-head p{margin:6px 0 0;color:var(--muted)}
.match-list{display:grid;gap:14px}
.match-card{
  border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(11,25,58,.78)
}
.match-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;margin-bottom:14px}
.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:rgba(67,213,255,.09);color:#9cecff;font-size:.72rem;font-weight:800}
.teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.team{font-size:clamp(1rem,2vw,1.15rem);font-weight:850}
.team:last-child{text-align:right}
.score{font-size:1.4rem;font-weight:950;letter-spacing:.08em}
.prediction-form{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.score-input{width:70px;text-align:center;font-size:1.15rem;font-weight:850}
.locked{color:var(--muted);text-align:center;margin-top:14px;font-size:.9rem}
.table-wrap{overflow:auto;border-radius:20px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:650px;background:rgba(10,22,51,.72)}
th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
th{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
tr:last-child td{border-bottom:0}
td.points{font-weight:900;color:var(--gold)}
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;margin-bottom:20px}
.podium .card{text-align:center}
.podium .place-1{padding-top:34px;padding-bottom:34px;border-color:rgba(255,209,102,.3)}
.podium .medal{font-size:2rem;margin-bottom:8px}
.progress{height:9px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;margin-top:8px}
.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent))}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:.82rem}
.form-grid .full{grid-column:1/-1}
.notice{border:1px solid rgba(255,209,102,.24);background:rgba(255,209,102,.08);color:#ffe5a4;padding:14px 16px;border-radius:16px;line-height:1.5}
.admin-match{display:grid;grid-template-columns:1.4fr 1.4fr 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:12px 0}
.admin-match:first-child{border-top:0}
.empty{text-align:center;padding:50px 20px;color:var(--muted)}
.rules li{margin-bottom:10px;color:#c7d2e8;line-height:1.55}
.footer-note{text-align:center;color:var(--muted);font-size:.78rem;margin:32px 0}
.mobile-nav{display:none}
.toast{
  position:fixed;right:18px;bottom:24px;z-index:100;transform:translateY(120px);opacity:0;
  background:#112551;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-radius:14px;transition:.25s
}
.toast.show{transform:translateY(0);opacity:1}
@media(max-width:980px){
  .desktop-nav{display:none}
  .topbar{justify-content:space-between}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .app-shell{width:min(100% - 20px,1280px);margin-top:18px;margin-bottom:104px}
  .topbar{min-height:66px;padding:9px 12px}
  .brand small{display:none}
  .player-switch span{display:none}
  .hero{border-radius:24px;padding:24px 20px}
  .hero h1{font-size:2.55rem}
  .grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .podium{grid-template-columns:1fr}
  .podium .place-1{order:-1}
  .page-head{align-items:flex-start;flex-direction:column}
  .admin-match{grid-template-columns:1fr 1fr}
  .admin-match .btn{grid-column:1/-1}
  .mobile-nav{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:10px;z-index:40;
    padding:7px;border:1px solid var(--line);border-radius:20px;background:rgba(5,13,32,.92);backdrop-filter:blur(20px);box-shadow:var(--shadow)
  }
  .mobile-nav .nav-btn{padding:7px 2px;display:grid;place-items:center;gap:3px;font-size:1.15rem}
  .mobile-nav small{font-size:.61rem}
  .match-card{padding:15px}
  .teams{gap:8px}
  .score-input{width:58px}
}


/* ===== Authentification & avatars ===== */
.auth-screen{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;
  background:
    radial-gradient(circle at 20% 20%,rgba(67,213,255,.16),transparent 28%),
    radial-gradient(circle at 80% 80%,rgba(125,92,255,.2),transparent 30%),
    linear-gradient(145deg,#030817,#071431 60%,#050b1b);
  overflow:hidden;
}
.auth-screen.hidden{display:none}
.auth-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.34}
.auth-orb-a{width:320px;height:320px;background:#1d78ff;top:-100px;left:-80px}
.auth-orb-b{width:360px;height:360px;background:#7449ff;right:-100px;bottom:-140px}
.auth-card{
  position:relative;width:min(520px,100%);padding:34px;border:1px solid rgba(154,181,255,.2);
  border-radius:30px;background:rgba(7,20,49,.86);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.45)
}
.auth-logo{
  width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin-bottom:20px;
  font-size:1.7rem;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 0 34px rgba(67,213,255,.25)
}
.auth-title{font-size:2.45rem;margin:8px 0 10px}
.auth-subtitle{color:var(--muted);line-height:1.55;margin-bottom:22px}
.profile-chooser{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:18px 0 20px}
.profile-choice{
  border:1px solid var(--line);background:rgba(12,26,59,.75);color:var(--text);padding:10px 5px;border-radius:16px;
  display:grid;place-items:center;gap:7px;transition:.2s
}
.profile-choice:hover,.profile-choice.active{border-color:var(--accent);background:rgba(67,213,255,.1);transform:translateY(-1px)}
.profile-choice small{font-size:.66rem;max-width:70px;overflow:hidden;text-overflow:ellipsis}
.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.auth-form{display:grid;gap:11px}
.auth-form input{padding:14px 15px}
.auth-submit{width:100%;padding:14px}
.auth-help{display:flex;justify-content:center;gap:8px;margin-top:16px;color:var(--muted);font-size:.82rem}
.link-btn{border:0;background:none;color:#92e8ff;padding:0}
.auth-demo-note{text-align:center;color:var(--muted);font-size:.73rem;margin:18px 0 0;line-height:1.5}
.user-badge{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);padding:5px 7px;border-radius:12px}
.user-badge:hover{background:rgba(67,213,255,.08)}
.logout-btn{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 10px;border-radius:11px;font-size:.76rem}
.avatar-small{width:34px;height:34px;border-radius:11px}
.avatar-xl{width:92px;height:92px;border-radius:24px;font-size:2rem}
.modal-backdrop{
  position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(1,5,15,.76);backdrop-filter:blur(8px)
}
.modal-card{width:min(620px,100%);border:1px solid var(--line);border-radius:26px;padding:24px;background:#0a1838;box-shadow:var(--shadow)}
.profile-editor{display:flex;align-items:center;gap:20px}
.profile-editor p,.modal-copy{color:var(--muted);line-height:1.6}
@media(max-width:700px){
  .auth-card{padding:24px 18px;border-radius:24px}
  .profile-chooser{grid-template-columns:repeat(3,1fr)}
  .auth-title{font-size:2rem}
  .user-badge #headerUserName,.logout-btn,.player-switch{display:none}
  .topbar{gap:10px}
  .profile-editor{align-items:flex-start;flex-direction:column}
}


/* ===== V3 refinements ===== */
.auth-card{
  border-color:rgba(92,180,255,.28);
  box-shadow:0 34px 110px rgba(0,0,0,.55),0 0 80px rgba(45,107,255,.08);
}
.auth-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 35%);
}
.profile-choice .avatar{width:48px;height:48px;border-radius:15px}
.profile-choice.active{box-shadow:0 0 0 3px rgba(67,213,255,.08)}
.topbar{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.card,.match-card{transition:transform .18s ease,border-color .18s ease}
.card:hover,.match-card:hover{border-color:rgba(93,185,255,.26)}
.hero-actions .btn{min-width:160px}
.user-badge{border:1px solid transparent}
.user-badge:hover{border-color:var(--line)}
.nav-btn span{line-height:1}
.status-dot{
  width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--green);
  box-shadow:0 0 12px rgba(53,208,127,.55)
}
.info-strip{
  display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--line);background:rgba(9,22,52,.6);padding:12px 15px;border-radius:16px;color:var(--muted);font-size:.82rem
}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick-action{
  border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(12,27,62,.72);color:var(--text);text-align:left
}
.quick-action strong{display:block;font-size:1rem;margin-bottom:5px}
.quick-action small{color:var(--muted)}
.quick-action:hover{border-color:rgba(67,213,255,.4);transform:translateY(-2px)}
.avatar-ring{padding:3px;border-radius:18px;background:linear-gradient(135deg,var(--accent2),var(--accent))}
.avatar-ring .avatar{border:3px solid #0b1838}
.section-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.admin-security{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){
  .quick-actions{grid-template-columns:1fr}
  .auth-card{max-height:calc(100vh - 24px);overflow:auto}
  .profile-choice .avatar{width:44px;height:44px}
  #installAppBtn{display:none!important}
}


/* ===== V4 PREMIUM ===== */
:root{
  --premium:#a8c7ff;
}
body{
  background:
    radial-gradient(circle at 15% 0%,rgba(46,104,255,.22),transparent 28%),
    radial-gradient(circle at 90% 20%,rgba(124,77,255,.18),transparent 26%),
    radial-gradient(circle at 50% 100%,rgba(0,183,255,.08),transparent 32%),
    linear-gradient(160deg,#07132f 0%,#040b1d 48%,#020713 100%);
}
.topbar{
  border-bottom:1px solid rgba(135,174,255,.16);
  background:rgba(4,11,29,.82);
}
.hero{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-color:rgba(120,171,255,.2);
  background:
    linear-gradient(115deg,rgba(11,26,67,.98),rgba(15,33,82,.9) 52%,rgba(33,57,120,.82)),
    radial-gradient(circle at 85% 18%,rgba(67,213,255,.22),transparent 28%);
}
.hero h1{
  max-width:900px;
  text-shadow:0 10px 35px rgba(0,0,0,.25)
}
.card{
  background:linear-gradient(180deg,rgba(17,37,83,.78),rgba(9,22,52,.78));
}
.profile-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.profile-tile{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px 16px;
  background:linear-gradient(160deg,rgba(19,42,94,.9),rgba(8,21,52,.92));
  color:var(--text);
  text-align:center;
  transition:.2s ease;
}
.profile-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(67,213,255,.5);
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}
.profile-tile .avatar{
  width:76px;height:76px;border-radius:22px;font-size:1.5rem;margin:0 auto 12px;
}
.profile-tile h3{margin-bottom:4px}
.profile-tile p{color:var(--muted);font-size:.82rem;margin-bottom:0}
.profile-hero{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:24px;
  align-items:center;
  padding:28px;
  border:1px solid var(--line);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% 20%,rgba(67,213,255,.12),transparent 25%),
    linear-gradient(135deg,rgba(18,42,95,.95),rgba(8,22,54,.96));
}
.profile-hero .avatar{
  width:112px;height:112px;border-radius:30px;font-size:2.2rem;
}
.profile-name{font-size:clamp(2rem,4vw,3.2rem);margin:4px 0 6px}
.profile-sub{color:var(--muted);margin:0}
.profile-badge{
  padding:8px 12px;border-radius:999px;background:rgba(255,209,102,.1);color:var(--gold);
  font-size:.78rem;font-weight:800
}
.profile-stat-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}
.profile-stat{
  text-align:center;
  padding:18px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(10,24,57,.78);
}
.profile-stat strong{display:block;font-size:1.7rem;margin-top:4px}
.profile-stat small{color:var(--muted)}
.history-row{
  display:grid;
  grid-template-columns:1.2fr auto 1.2fr auto auto;
  gap:12px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--line)
}
.history-row:last-child{border-bottom:0}
.history-result{font-weight:900}
.history-points{color:var(--gold);font-weight:900}
.login-mode-text{
  color:#d5e4ff;
  background:rgba(67,213,255,.07);
  border:1px solid rgba(67,213,255,.15);
  padding:11px 12px;border-radius:12px;font-size:.82rem;line-height:1.45;
}
.remember-row{
  display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.83rem;
  padding:2px 2px 4px;
}
.remember-row input{width:17px;height:17px;accent-color:#5f7cff}
.security-card{
  border:1px solid rgba(255,209,102,.18);
  background:rgba(255,209,102,.05)
}
.edit-profile-form{
  display:grid;grid-template-columns:1fr 1fr;gap:12px
}
.player-chip{
  display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;
  background:rgba(67,213,255,.08);color:#c9f4ff;font-size:.8rem
}
@media(max-width:1050px){
  .profile-grid{grid-template-columns:repeat(3,1fr)}
  .profile-stat-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .mobile-nav{grid-template-columns:repeat(6,1fr)}
  .profile-grid{grid-template-columns:repeat(2,1fr)}
  .profile-hero{grid-template-columns:1fr;text-align:center}
  .profile-hero .avatar{margin:auto}
  .profile-stat-grid{grid-template-columns:repeat(2,1fr)}
  .history-row{grid-template-columns:1fr auto}
  .history-row .history-away,.history-row .history-date{display:none}
  .edit-profile-form{grid-template-columns:1fr}
}

@media(max-width:1000px){.quick-actions{grid-template-columns:repeat(2,1fr)}}


/* ===== V5 AUTH PRESTIGE ===== */
.auth-screen{
  position:fixed;inset:0;z-index:1000;padding:18px;
  background:
    radial-gradient(circle at 0% 0%,rgba(52,104,255,.28),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(127,87,255,.26),transparent 28%),
    linear-gradient(135deg,#030816 0%,#07112a 42%,#050c1c 100%);
  overflow:auto;
}
.auth-grid-glow{
  position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center, black 35%, transparent 90%);
}
.auth-shell{
  position:relative;
  width:min(1320px,100%);
  min-height:min(860px, calc(100vh - 36px));
  margin:auto;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  border:1px solid rgba(140,176,255,.15);
  border-radius:34px;
  overflow:hidden;
  background:rgba(6,14,35,.72);
  backdrop-filter:blur(28px);
  box-shadow:0 30px 120px rgba(0,0,0,.45);
}
.auth-showcase{
  position:relative;
  padding:46px;
  background:
    radial-gradient(circle at 80% 20%,rgba(67,213,255,.18),transparent 30%),
    radial-gradient(circle at 10% 80%,rgba(125,92,255,.16),transparent 28%),
    linear-gradient(155deg,rgba(18,42,95,.88),rgba(9,20,49,.96));
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:20px;
}
.auth-showcase:after{
  content:"★";
  position:absolute;right:-26px;bottom:-90px;font-size:260px;
  color:rgba(255,255,255,.035);pointer-events:none;transform:rotate(8deg);
}
.auth-showcase-badge{
  display:inline-flex;width:max-content;align-items:center;gap:8px;
  padding:10px 14px;border-radius:999px;color:#d9f4ff;
  background:rgba(67,213,255,.08);border:1px solid rgba(67,213,255,.14);
  font-size:.82rem;font-weight:700;letter-spacing:.02em;
}
.auth-showcase-title{
  font-size:clamp(2.5rem,4vw,4.7rem);
  line-height:.94;
  margin:0;
  max-width:640px;
  letter-spacing:-.045em;
  text-shadow:0 14px 40px rgba(0,0,0,.3);
}
.auth-showcase-copy{
  max-width:620px;
  margin:0;
  color:#d0dbf3;
  line-height:1.8;
  font-size:1.03rem;
}
.auth-pill-row{display:flex;flex-wrap:wrap;gap:10px}
.auth-pill{
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.05);
  color:#edf2ff;font-size:.8rem;font-weight:700;
}
.auth-feature-stack{display:grid;grid-template-columns:1fr;gap:12px}
.auth-feature-card{
  display:grid;gap:6px;padding:18px 18px 17px;
  border-radius:22px;border:1px solid rgba(145,173,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.auth-feature-card strong{font-size:1rem}
.auth-feature-card span{color:#bfd0f1;line-height:1.6;font-size:.9rem}
.auth-member-list{display:flex;flex-wrap:wrap;gap:10px}
.auth-member{
  padding:11px 14px;border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  font-weight:800;font-size:.84rem;
}
.auth-panel{
  padding:40px;
  background:
    linear-gradient(180deg,rgba(6,13,33,.92),rgba(9,20,47,.96));
  display:flex;flex-direction:column;justify-content:center;gap:18px;
}
.auth-panel-top{display:flex;align-items:center;gap:18px}
.auth-panel-title{
  margin:0;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em
}
.auth-panel-subtitle{
  margin:8px 0 0;color:#a9badf;line-height:1.6
}
.auth-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding:7px;border-radius:18px;background:rgba(255,255,255,.04);
  border:1px solid rgba(145,173,255,.12);
}
.auth-tab{
  border:0;border-radius:14px;padding:13px 12px;
  background:transparent;color:#b8c9ed;font-weight:800
}
.auth-tab.active{
  background:linear-gradient(135deg,var(--accent2),#299cff);
  color:white;box-shadow:0 16px 32px rgba(41,156,255,.22)
}
.profile-chooser-auth{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:4px 0 2px
}
.profile-chooser-auth .profile-choice{
  min-height:110px;border-radius:18px;background:rgba(12,24,56,.82);
  border:1px solid rgba(145,173,255,.12)
}
.profile-chooser-auth .profile-choice small{
  font-size:.7rem;color:#d6e1f6
}
.profile-chooser-auth .profile-choice .avatar{
  width:48px;height:48px;border-radius:15px
}
.auth-form-premium{
  display:grid;gap:12px;
  padding:22px;border-radius:26px;
  border:1px solid rgba(145,173,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.auth-form-premium input{
  padding:15px 16px;border-radius:15px;background:#0b1838;border:1px solid rgba(145,173,255,.15)
}
.login-mode-text{
  color:#e7efff;background:rgba(67,213,255,.06);
  border:1px solid rgba(67,213,255,.14);padding:13px 14px;border-radius:15px;font-size:.86rem;line-height:1.55
}
.auth-submit{
  width:100%;padding:15px 16px;font-size:1rem;
  background:linear-gradient(135deg,#7d5cff,#23b8ff);border:0
}
.auth-actions-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap
}
.auth-note-box{
  padding:14px 16px;border-radius:16px;
  background:rgba(255,209,102,.08);
  border:1px solid rgba(255,209,102,.16);
  color:#ffe7b3;line-height:1.55;font-size:.84rem
}
.link-btn{
  color:#97e7ff;font-weight:700
}
@media(max-width:1100px){
  .auth-shell{grid-template-columns:1fr}
  .auth-showcase{padding:30px}
}
@media(max-width:780px){
  .auth-screen{padding:10px}
  .auth-shell{
    min-height:auto;border-radius:26px
  }
  .auth-showcase{
    padding:24px 18px 22px
  }
  .auth-showcase-title{
    font-size:2.25rem
  }
  .auth-panel{
    padding:24px 16px 22px
  }
  .profile-chooser-auth{
    grid-template-columns:repeat(3,1fr)
  }
  .auth-actions-bottom{
    flex-direction:column;align-items:flex-start
  }
}

/* ===== V6 ULTRA PREMIUM ===== */
.auth-screen{position:fixed;inset:0;z-index:1000;padding:18px;overflow:auto;background:radial-gradient(circle at 12% 18%,rgba(62,118,255,.25),transparent 28%),radial-gradient(circle at 88% 75%,rgba(134,82,255,.24),transparent 28%),linear-gradient(145deg,#020714,#07112a 47%,#04091a)}
.auth-screen:before,.auth-screen:after{content:"";position:absolute;inset:-30%;pointer-events:none}
.auth-screen:before{background:conic-gradient(from 90deg at 50% 50%,transparent 0deg,rgba(68,205,255,.07) 72deg,transparent 140deg,rgba(130,88,255,.07) 220deg,transparent 300deg);animation:authSpin 28s linear infinite}
.auth-screen:after{background:radial-gradient(circle at 30% 35%,rgba(255,255,255,.08) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.06) 0 1px,transparent 1.5px);background-size:50px 50px,70px 70px;animation:starsDrift 30s linear infinite;opacity:.6}
@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes starsDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(60px,-80px,0)}}@keyframes floatSoft{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(6deg)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 38px rgba(75,215,255,.18)}50%{box-shadow:0 0 62px rgba(75,215,255,.28)}}@keyframes revealUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.auth-shell{isolation:isolate;box-shadow:0 45px 140px rgba(0,0,0,.58),0 0 80px rgba(65,119,255,.08)}
.auth-showcase{overflow:hidden}
.auth-showcase> *{position:relative;z-index:2}
.floating-star{position:absolute!important;z-index:1!important;color:rgba(185,226,255,.16);font-size:42px;animation:floatSoft 6s ease-in-out infinite}
.star-one{right:14%;top:18%}.star-two{left:9%;bottom:19%;animation-delay:1.5s}.star-three{right:24%;bottom:10%;animation-delay:3s}
.mini-star{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,#8a64ff,#4bd7ff);font-size:.72rem;color:white}
.auth-showcase-title,.auth-showcase-copy,.auth-pill-row,.auth-feature-stack,.auth-member-list{animation:revealUp .65s ease both}.auth-showcase-copy{animation-delay:.08s}.auth-pill-row{animation-delay:.14s}.auth-feature-stack{animation-delay:.2s}.auth-member-list{animation-delay:.26s}
.auth-feature-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,background .22s ease}.auth-feature-card:hover{transform:translateX(5px);border-color:rgba(75,215,255,.22)}
.auth-logo-ultra{position:relative;overflow:visible;width:68px;height:68px;border-radius:22px;animation:pulseGlow 4.5s ease-in-out infinite}.logo-core{position:relative;z-index:2}.logo-ring{position:absolute;inset:-8px;border-radius:28px;border:1px solid rgba(75,215,255,.22);animation:floatSoft 7s ease-in-out infinite}
.chooser-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.chooser-head span{font-weight:800;color:#e9f0ff}.chooser-head small{color:#8fa4cc}
.profile-chooser-auth .profile-choice{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.profile-chooser-auth .profile-choice:hover{transform:translateY(-5px);border-color:rgba(75,215,255,.34);box-shadow:0 18px 36px rgba(0,0,0,.26)}.profile-chooser-auth .profile-choice.active{border-color:rgba(75,215,255,.75);box-shadow:0 0 0 3px rgba(75,215,255,.08),0 18px 36px rgba(0,0,0,.22)}
.password-field{position:relative}.password-field input{width:100%;padding-right:52px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;background:rgba(255,255,255,.05);color:#cce9ff;display:grid;place-items:center}.password-toggle:hover{background:rgba(75,215,255,.09)}
.password-strength-wrap{display:grid;gap:8px;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(145,173,255,.08)}.password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b8c8e9;font-size:.78rem}.password-strength-bar{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.password-strength-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff6b7d,#ffd166,#35d07f);transition:width .22s ease}#passwordStrengthHint{color:#8fa4cc;line-height:1.45}
.auth-trust-row{display:flex;gap:9px;flex-wrap:wrap;color:#9eb2d7;font-size:.75rem}.auth-trust-row span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(145,173,255,.08)}
.btn,.nav-btn,.quick-action,.profile-tile,.match-card,.card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.quick-action:hover,.profile-tile:hover{box-shadow:0 22px 55px rgba(0,0,0,.24)}.page-head,.hero,.section{animation:revealUp .42s ease both}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:780px){.chooser-head{align-items:flex-start;flex-direction:column;gap:4px}.profile-chooser-auth{grid-template-columns:repeat(2,1fr)}}

/* ===== V7 ULTIMATE AUTH ===== */
.auth-shell-v7{
  max-width:1380px;
  grid-template-columns:1.08fr .92fr;
  min-height:min(900px,calc(100vh - 30px));
  border-radius:38px;
  border:1px solid rgba(126,169,255,.18);
  box-shadow:0 50px 160px rgba(0,0,0,.62),0 0 100px rgba(64,119,255,.08);
}
.auth-showcase-v7{
  padding:44px;
  display:flex;
  min-height:780px;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 82% 20%,rgba(36,198,255,.18),transparent 27%),
    radial-gradient(circle at 15% 80%,rgba(121,79,255,.20),transparent 30%),
    linear-gradient(150deg,#12285e 0%,#0b1a40 42%,#08132f 100%);
}
.showcase-overlay{
  position:absolute!important;inset:0;z-index:0!important;
  background:
    linear-gradient(125deg,transparent 0 35%,rgba(255,255,255,.03) 48%,transparent 60%),
    repeating-linear-gradient(90deg,transparent 0 64px,rgba(255,255,255,.012) 65px);
  animation:showcaseSweep 10s ease-in-out infinite alternate;
}
@keyframes showcaseSweep{from{transform:translateX(-3%)}to{transform:translateX(3%)}}
.showcase-topline,.showcase-bottom{
  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px
}
.auth-brand-lockup{display:flex;align-items:center;gap:12px}
.auth-brand-symbol{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  font-size:1.15rem;background:linear-gradient(135deg,#805fff,#35c8ff);
  box-shadow:0 12px 34px rgba(53,200,255,.22)
}
.auth-brand-lockup strong{display:block;letter-spacing:.11em;font-size:.92rem}
.auth-brand-lockup small{display:block;margin-top:3px;color:#a9bce3;font-size:.67rem;letter-spacing:.06em}
.season-live{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);
  color:#dce8ff;font-size:.75rem;font-weight:750
}
.season-live i{
  width:8px;height:8px;border-radius:50%;background:#35d07f;box-shadow:0 0 12px rgba(53,208,127,.6)
}
.showcase-center{position:relative;z-index:2;max-width:700px}
.showcase-kicker{
  display:block;color:#7ee8ff;font-weight:850;letter-spacing:.14em;font-size:.74rem;margin-bottom:16px
}
.showcase-center h1{
  margin:0;font-size:clamp(3rem,4.8vw,5.7rem);line-height:.91;letter-spacing:-.055em;
  max-width:720px;text-shadow:0 18px 55px rgba(0,0,0,.35)
}
.showcase-center h1 em{
  font-style:normal;background:linear-gradient(90deg,#b8a7ff,#59dfff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.showcase-center p{
  max-width:650px;margin:24px 0 0;color:#c6d5ef;line-height:1.8;font-size:1.04rem
}
.showcase-metrics{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px
}
.showcase-metrics>div{
  padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);backdrop-filter:blur(10px)
}
.showcase-metrics strong{display:block;font-size:1.8rem}
.showcase-metrics span{display:block;margin-top:3px;color:#9eb2d7;font-size:.76rem}
.member-orbits{display:flex}
.member-orbits span{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  margin-left:-7px;border:3px solid #0e204e;background:linear-gradient(135deg,#7c60ff,#34c8ff);
  font-weight:900;font-size:.8rem
}
.member-orbits span:first-child{margin-left:0}
.member-orbits .admin-orbit{box-shadow:0 0 0 3px rgba(255,209,102,.13);border-color:#51441d}
.showcase-bottom>div:last-child strong,.showcase-bottom>div:last-child small{display:block}
.showcase-bottom>div:last-child small{color:#9eb2d7;margin-top:3px;font-size:.72rem}
.auth-panel-v7{
  padding:38px 42px;background:
    radial-gradient(circle at 100% 0%,rgba(70,131,255,.08),transparent 28%),
    linear-gradient(180deg,rgba(5,13,32,.97),rgba(8,18,43,.99));
}
.auth-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.auth-mini-label{color:#49d2ff;font-size:.71rem;font-weight:900;letter-spacing:.15em}
.auth-panel-head h2{font-size:2.8rem;margin:8px 0 6px;letter-spacing:-.04em}
.auth-panel-head p{margin:0;color:#96a9cf;line-height:1.55}
.security-mark{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:rgba(53,200,255,.07);border:1px solid rgba(53,200,255,.13)
}
.auth-tabs-v7{padding:6px;border-radius:18px}
.auth-tabs-v7 .auth-tab{display:flex;align-items:center;justify-content:center;gap:8px}
.auth-step{
  padding:18px;border-radius:24px;border:1px solid rgba(144,172,255,.10);
  background:rgba(255,255,255,.025)
}
.auth-step-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.step-number{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;
  background:linear-gradient(135deg,#795cff,#32bfff);font-size:.75rem;font-weight:900
}
.auth-step-head strong,.auth-step-head small{display:block}
.auth-step-head small{color:#8498bf;margin-top:2px;font-size:.72rem}
.profile-chooser-v7{margin:0}
.profile-chooser-v7 .profile-choice{
  min-height:90px;padding:9px 5px
}
.profile-chooser-v7 .profile-choice .avatar{width:44px;height:44px}
.profile-chooser-v7 .profile-choice small{font-size:.68rem}
.auth-form-v7{
  padding:18px;border-radius:24px;background:rgba(255,255,255,.025)
}
.credentials-title{margin-bottom:2px}
.login-mode-v7{font-size:.79rem;padding:10px 12px}
.auth-form-v7 .password-field input{padding-left:45px!important}
.field-icon{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  opacity:.7;font-size:.88rem;z-index:2
}
.remember-v7{
  padding:10px 11px;border-radius:14px;border:1px solid rgba(142,171,255,.09);
  background:rgba(255,255,255,.02);align-items:flex-start
}
.remember-v7 span strong,.remember-v7 span small{display:block}
.remember-v7 span strong{color:#dce7fb;font-size:.8rem}
.remember-v7 span small{color:#8498bf;margin-top:2px;font-size:.68rem}
.auth-submit-v7{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  border:0;border-radius:16px;padding:15px 17px;
  background:linear-gradient(105deg,#7258ff 0%,#2b9fff 58%,#35d6ff 100%);
  color:white;font-weight:900;font-size:.92rem;
  box-shadow:0 18px 44px rgba(42,159,255,.22);
  transition:transform .18s ease,box-shadow .18s ease
}
.auth-submit-v7:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(42,159,255,.30)}
.submit-arrow{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.13)
}
.signup-avatar-block{
  padding:14px;border-radius:18px;border:1px solid rgba(142,171,255,.10);
  background:rgba(255,255,255,.02)
}
.signup-avatar-picker{display:flex;align-items:center;gap:14px}
.avatar-signup{
  width:70px;height:70px;border-radius:22px;font-size:1.45rem;flex:0 0 auto
}
.avatar-upload-btn{
  flex:1;display:grid;grid-template-columns:auto 1fr;column-gap:10px;
  align-items:center;padding:12px 13px;border-radius:15px;cursor:pointer;
  background:rgba(53,200,255,.055);border:1px solid rgba(53,200,255,.12)
}
.avatar-upload-btn>span{grid-row:1/3;font-size:1.2rem}
.avatar-upload-btn strong{font-size:.8rem}
.avatar-upload-btn small{color:#8498bf;font-size:.67rem;margin-top:2px}
.auth-footer-v7{
  display:flex;justify-content:center;align-items:center;gap:9px;color:#7185aa;font-size:.75rem
}
.auth-footer-v7 .link-btn{font-size:.75rem}
.admin-only[hidden]{display:none!important}
@media(max-width:1100px){
  .auth-shell-v7{grid-template-columns:1fr;max-width:860px}
  .auth-showcase-v7{min-height:520px}
}
@media(max-width:700px){
  .auth-showcase-v7{padding:24px 18px;min-height:470px}
  .showcase-center h1{font-size:2.7rem}
  .showcase-center p{font-size:.92rem}
  .showcase-metrics{gap:8px}
  .showcase-metrics>div{padding:13px}
  .auth-panel-v7{padding:24px 14px}
  .auth-panel-head h2{font-size:2.15rem}
  .profile-chooser-v7{grid-template-columns:repeat(3,1fr)}
  .signup-avatar-picker{align-items:flex-start}
}


/* ===== V8 CLEAN AUTH ===== */
[hidden]{display:none!important}

/* Badge V8 visible */
.auth-mini-label b{
  padding:4px 7px;
  margin-left:4px;
  border-radius:7px;
  background:rgba(73,210,255,.08);
  border:1px solid rgba(73,210,255,.16);
}

/* Aucun composant modal avatar n'existe dans V8 */


/* ===== V9 PRO AUTH ===== */
.site-app[hidden]{display:none!important}
.auth-screen-v9{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:#030817;
  overflow:auto;
}
.auth-v9-bg{
  position:fixed;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 14% 20%,rgba(45,110,255,.22),transparent 30%),
    radial-gradient(circle at 86% 75%,rgba(120,79,255,.21),transparent 28%),
    linear-gradient(150deg,#020612,#07112b 46%,#030817);
}
.auth-v9-bg:after{
  content:"";position:absolute;inset:0;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
}
.auth-v9-orb{position:fixed;border-radius:50%;filter:blur(24px);opacity:.28;pointer-events:none}
.orb-a{width:420px;height:420px;background:#295dff;left:-120px;top:-120px}
.orb-b{width:500px;height:500px;background:#7848ff;right:-160px;bottom:-180px}
.auth-v9-shell{
  position:relative;z-index:2;
  width:min(1320px,100%);
  min-height:820px;
  display:grid;grid-template-columns:1.08fr .92fr;
  overflow:hidden;
  border-radius:36px;
  border:1px solid rgba(131,168,255,.16);
  background:rgba(5,13,33,.88);
  box-shadow:0 50px 150px rgba(0,0,0,.55);
  backdrop-filter:blur(26px);
}
.auth-v9-hero{
  padding:48px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:
    radial-gradient(circle at 82% 22%,rgba(68,214,255,.16),transparent 28%),
    radial-gradient(circle at 12% 82%,rgba(123,83,255,.18),transparent 30%),
    linear-gradient(150deg,#132d68,#0a1b43 48%,#08142f);
}
.auth-v9-brand{display:flex;align-items:center;gap:13px}
.auth-v9-logo{
  width:52px;height:52px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(135deg,#835fff,#3acaff);font-size:1.2rem;
  box-shadow:0 14px 40px rgba(58,202,255,.18)
}
.auth-v9-brand strong,.auth-v9-brand small{display:block}
.auth-v9-brand strong{letter-spacing:.12em;font-size:.92rem}
.auth-v9-brand small{margin-top:4px;color:#9fb2d7;font-size:.66rem;letter-spacing:.05em}
.auth-v9-kicker{display:block;color:#69e2ff;font-weight:900;letter-spacing:.14em;font-size:.73rem;margin-bottom:16px}
.auth-v9-copy h1{
  margin:0;font-size:clamp(3rem,4.8vw,5.7rem);line-height:.91;letter-spacing:-.055em
}
.auth-v9-copy h1 em{
  font-style:normal;background:linear-gradient(90deg,#b4a5ff,#5ce2ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.auth-v9-copy p{max-width:630px;color:#c4d2ec;line-height:1.8;font-size:1.02rem;margin:24px 0 0}
.auth-v9-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.auth-v9-stats div{
  padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:rgba(255,255,255,.04)
}
.auth-v9-stats strong,.auth-v9-stats span{display:block}
.auth-v9-stats strong{font-size:1.75rem}
.auth-v9-stats span{margin-top:4px;color:#95a9cf;font-size:.72rem}
.auth-v9-members{display:flex;align-items:center;gap:15px}
.auth-v9-members>span{
  width:39px;height:39px;border-radius:50%;display:grid;place-items:center;
  margin-left:-8px;border:3px solid #0c1d46;background:linear-gradient(135deg,#765cff,#36c9ff);font-weight:900
}
.auth-v9-members>span:first-child{margin-left:0}
.auth-v9-members .admin{box-shadow:0 0 0 3px rgba(255,210,100,.13)}
.auth-v9-members div strong,.auth-v9-members div small{display:block}
.auth-v9-members div small{color:#93a7cd;margin-top:3px;font-size:.7rem}
.auth-v9-panel{
  position:relative;padding:44px;background:linear-gradient(180deg,rgba(5,13,32,.98),rgba(8,19,45,.99));
  display:flex;flex-direction:column;justify-content:center
}
.auth-v9-version{
  position:absolute;right:24px;top:22px;padding:7px 10px;border-radius:999px;
  background:rgba(75,215,255,.07);border:1px solid rgba(75,215,255,.15);
  color:#8beaff;font-size:.68rem;font-weight:900;letter-spacing:.08em
}
.auth-v9-welcome>span{color:#4dd9ff;font-size:.7rem;font-weight:900;letter-spacing:.15em}
.auth-v9-welcome h2{font-size:3rem;margin:8px 0 6px;letter-spacing:-.045em}
.auth-v9-welcome p{margin:0;color:#92a5ca;line-height:1.55}
.auth-choice-screen{display:grid;gap:14px;margin-top:28px}
.auth-choice-card{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:20px;border-radius:22px;border:1px solid rgba(137,170,255,.11);
  background:rgba(255,255,255,.025);color:white;text-align:left;
  transition:.2s ease
}
.auth-choice-card:hover{transform:translateY(-3px);border-color:rgba(74,214,255,.34);background:rgba(74,214,255,.045)}
.primary-choice{background:linear-gradient(135deg,rgba(114,86,255,.15),rgba(54,190,255,.10))}
.choice-icon{
  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;
  background:linear-gradient(135deg,#755bff,#35c8ff);font-size:1.1rem
}
.auth-choice-card strong,.auth-choice-card small{display:block}
.auth-choice-card strong{font-size:1rem}
.auth-choice-card small{color:#8fa3c8;margin-top:3px;font-size:.75rem}
.choice-arrow{font-size:1.2rem;color:#73e0ff}
.auth-v9-security{
  display:flex;align-items:center;gap:12px;padding:15px;border-radius:18px;
  background:rgba(255,255,255,.02);border:1px solid rgba(137,170,255,.08)
}
.auth-v9-security strong,.auth-v9-security small{display:block}
.auth-v9-security small{color:#8296bc;margin-top:3px;font-size:.72rem}
.auth-form-screen{margin-top:22px}
.auth-back{border:0;background:transparent;color:#8ee7ff;padding:0;font-weight:800}
.auth-form-heading{margin:18px 0}
.auth-form-heading>span{font-size:.68rem;color:#4dd9ff;font-weight:900;letter-spacing:.14em}
.auth-form-heading h3{font-size:2rem;margin:6px 0}
.auth-form-heading p{margin:0;color:#8da1c7}
.auth-v9-section{
  padding:17px;border:1px solid rgba(137,170,255,.10);border-radius:21px;background:rgba(255,255,255,.022);margin-bottom:12px
}
.auth-v9-section-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.auth-v9-section-head>span{
  width:29px;height:29px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(135deg,#775cff,#32bfff);font-size:.72rem;font-weight:900
}
.auth-v9-section-head strong,.auth-v9-section-head small{display:block}
.auth-v9-section-head small{color:#8195ba;margin-top:2px;font-size:.68rem}
.profile-chooser-v9{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0}
.profile-chooser-v9 .profile-choice{min-height:82px;padding:8px 4px}
.profile-chooser-v9 .profile-choice .avatar{width:42px;height:42px}
.profile-chooser-v9 .profile-choice small{font-size:.64rem}
.auth-v9-form{display:grid;gap:10px}
.login-mode-v9{font-size:.76rem;padding:10px 11px}
.remember-v9{
  padding:10px 11px;border:1px solid rgba(137,170,255,.09);border-radius:14px;background:rgba(255,255,255,.02)
}
.remember-v9 span strong,.remember-v9 span small{display:block}
.remember-v9 span strong{font-size:.76rem;color:#dde8fb}
.remember-v9 span small{font-size:.66rem;color:#8194b9;margin-top:2px}
.auth-submit-v9{
  display:flex;justify-content:space-between;align-items:center;width:100%;
  border:0;border-radius:16px;padding:15px 17px;color:white;font-weight:900;
  background:linear-gradient(105deg,#7358ff,#2a9fff 62%,#39d6ff);
  box-shadow:0 18px 46px rgba(42,159,255,.22)
}
.auth-submit-v9:hover{transform:translateY(-2px)}
@media(max-width:1050px){
  .auth-v9-shell{grid-template-columns:1fr;max-width:860px}
  .auth-v9-hero{min-height:520px}
}
@media(max-width:700px){
  .auth-screen-v9{padding:10px}
  .auth-v9-shell{border-radius:25px}
  .auth-v9-hero{padding:25px 18px;min-height:470px}
  .auth-v9-copy h1{font-size:2.7rem}
  .auth-v9-panel{padding:28px 15px}
  .auth-v9-welcome h2{font-size:2.3rem}
  .profile-chooser-v9{grid-template-columns:repeat(3,1fr)}
}


/* ===== V10 PRO PORTAL ===== */
.auth-v9-shell{
  min-height:920px;
}
.auth-v9-panel{
  overflow:auto;
}
.portal-preview{
  margin-top:30px;
  padding-top:26px;
  border-top:1px solid rgba(137,170,255,.09);
}
.portal-preview-head{
  margin-bottom:18px;
}
.portal-kicker{
  display:block;
  color:#59dcff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
}
.portal-preview-head h3,
.portal-rules-preview h3{
  margin:7px 0 6px;
  font-size:1.45rem;
}
.portal-preview-head p{
  margin:0;
  color:#8da1c7;
  line-height:1.55;
  font-size:.8rem;
}
.portal-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.portal-feature-card{
  padding:14px;
  border:1px solid rgba(137,170,255,.09);
  border-radius:17px;
  background:rgba(255,255,255,.022);
  transition:.2s ease;
}
.portal-feature-card:hover{
  transform:translateY(-3px);
  border-color:rgba(74,214,255,.25);
  background:rgba(74,214,255,.035);
}
.portal-feature-icon{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  margin-bottom:9px;
  background:linear-gradient(135deg,rgba(117,91,255,.18),rgba(53,200,255,.13));
  border:1px solid rgba(93,201,255,.12);
}
.portal-feature-card strong,
.portal-feature-card span{
  display:block;
}
.portal-feature-card strong{
  font-size:.82rem;
}
.portal-feature-card span{
  margin-top:4px;
  color:#8195bb;
  line-height:1.45;
  font-size:.68rem;
}
.portal-preview-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.portal-ranking-preview,
.portal-match-preview{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(137,170,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.027),rgba(255,255,255,.015));
}
.portal-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.portal-card-head>div span,
.portal-card-head>div strong{
  display:block;
}
.portal-card-head>div span{
  color:#58d9ff;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.12em;
}
.portal-card-head>div strong{
  margin-top:3px;
  font-size:.95rem;
}
.portal-lock{
  color:#7d91b7;
  font-size:.62rem;
}
.portal-rank-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:9px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid rgba(137,170,255,.07);
}
.portal-rank-row:last-child{border-bottom:0}
.portal-rank-row div strong,
.portal-rank-row div small{
  display:block;
}
.portal-rank-row div strong{font-size:.76rem}
.portal-rank-row div small{
  color:#7185aa;
  margin-top:2px;
  font-size:.62rem;
}
.portal-rank-row b{
  color:#ffd166;
  font-size:.7rem;
}
.portal-match-teams{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin:18px 0;
}
.portal-match-teams>div{
  text-align:center;
}
.portal-match-teams>div span{
  width:42px;height:42px;
  margin:0 auto 7px;
  border-radius:13px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(137,170,255,.08);
  font-weight:900;
  font-size:.72rem;
}
.portal-match-teams>div strong{
  font-size:.7rem;
}
.portal-vs{
  color:#6f83a9;
  font-size:.68rem;
  font-weight:900;
}
.portal-score-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.portal-score-preview span{
  width:42px;height:42px;
  border-radius:12px;
  display:grid;place-items:center;
  background:#0a1735;
  border:1px solid rgba(137,170,255,.09);
  font-weight:900;
}
.portal-match-preview p{
  color:#7488ae;
  text-align:center;
  font-size:.62rem;
  line-height:1.45;
  margin:12px 0 0;
}
.portal-rules-preview{
  display:grid;
  grid-template-columns:1.6fr repeat(3,1fr);
  gap:10px;
  align-items:center;
  margin-top:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,209,102,.10);
  background:rgba(255,209,102,.025);
}
.portal-rule{
  text-align:center;
  padding:11px;
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.portal-rule strong,
.portal-rule span{
  display:block;
}
.portal-rule strong{
  color:#ffd166;
  font-size:1rem;
}
.portal-rule span{
  color:#8498bd;
  margin-top:3px;
  font-size:.65rem;
}
@media(max-width:1150px){
  .portal-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .portal-features{grid-template-columns:1fr}
  .portal-preview-grid{grid-template-columns:1fr}
  .portal-rules-preview{grid-template-columns:1fr}
}


/* ===== V11 ROYAL NAV ===== */
:root{
  --royal-glow: rgba(83, 214, 255, .28);
  --royal-pill: linear-gradient(135deg, rgba(126,92,255,.28), rgba(53,197,255,.20));
  --royal-pill-strong: linear-gradient(135deg, #7f5cff 0%, #3dd2ff 100%);
}

body{
  background:
    radial-gradient(circle at 14% 10%, rgba(68,103,255,.24), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(140,73,255,.18), transparent 25%),
    radial-gradient(circle at 50% 100%, rgba(61,210,255,.10), transparent 34%),
    linear-gradient(160deg, #07132f 0%, #040b1d 48%, #020713 100%);
}

/* ---------- Header premium ---------- */
.topbar{
  position: sticky;
  top: 14px;
  width: min(1320px, calc(100% - 26px));
  margin: 14px auto 0;
  padding: 12px 16px;
  min-height: 82px;
  border-radius: 26px;
  border: 1px solid rgba(148,181,255,.16);
  background:
    linear-gradient(180deg, rgba(9,19,48,.92), rgba(6,13,34,.88));
  box-shadow:
    0 20px 60px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 40px rgba(61,210,255,.05);
  backdrop-filter: blur(22px);
  overflow: hidden;
}
.topbar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg, transparent 0 30%, rgba(255,255,255,.04) 48%, transparent 60%),
    radial-gradient(circle at 12% 0%, rgba(61,210,255,.12), transparent 22%);
  opacity:.75;
}
.topbar > *{position:relative; z-index:2;}

.brand{
  padding:10px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(148,181,255,.08);
  transition:.22s ease;
}
.brand:hover{
  transform:translateY(-1px);
  border-color:rgba(75,215,255,.24);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.brand-mark{
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg, #835eff, #3dd2ff);
  box-shadow:
    0 15px 34px rgba(61,210,255,.18),
    0 0 30px rgba(61,210,255,.15);
}
.brand strong{
  font-size:.96rem;
  letter-spacing:.11em;
}
.brand small{
  color:#a7b9dc;
  font-size:.66rem;
  letter-spacing:.10em;
}

.site-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:38px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(67,213,255,.07);
  border:1px solid rgba(67,213,255,.15);
  color:#8fe9ff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

/* ---------- Desktop tabs ---------- */
.desktop-nav{
  gap:8px;
  flex:1;
  justify-content:center;
  padding:7px;
  border-radius:22px;
  border:1px solid rgba(142,174,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 26px rgba(0,0,0,.12);
  max-width:max-content;
  margin:0 auto;
}
.desktop-nav .nav-btn{
  position:relative;
  overflow:hidden;
  min-height:48px;
  padding:12px 15px;
  border-radius:16px;
  color:#a9badc;
  font-weight:800;
  letter-spacing:.01em;
  transition:transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}
.desktop-nav .nav-btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(130deg, rgba(255,255,255,.05), transparent 45%);
  opacity:0;
  transition:.18s ease;
}
.desktop-nav .nav-btn:hover{
  transform:translateY(-1px);
  color:#f7fbff;
  background:rgba(255,255,255,.05);
}
.desktop-nav .nav-btn:hover:before{
  opacity:1;
}
.desktop-nav .nav-btn.active{
  color:white;
  background:var(--royal-pill-strong);
  box-shadow:
    0 14px 28px rgba(61,210,255,.18),
    0 10px 25px rgba(124,92,255,.18);
}
.desktop-nav .nav-btn.active:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:7px;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
}

/* ---------- Right controls ---------- */
.player-switch{
  gap:10px;
  padding:8px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(142,174,255,.08);
}
.player-switch span{
  color:#9cb0d6;
  font-weight:700;
}
select{
  min-height:42px;
  border-radius:14px;
  background:#0d1c42;
}

/* ---------- App shell spacing ---------- */
.app-shell{
  width:min(1320px, calc(100% - 26px));
  margin:28px auto 118px;
}

/* ---------- Complementary premium page look ---------- */
.hero{
  border-radius:34px;
  border:1px solid rgba(136,176,255,.18);
  background:
    linear-gradient(115deg, rgba(10,24,63,.98), rgba(16,33,82,.90) 54%, rgba(34,58,122,.82)),
    radial-gradient(circle at 85% 18%, rgba(67,213,255,.24), transparent 28%);
  box-shadow:
    0 28px 80px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.02) inset;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(125deg, transparent 0 35%, rgba(255,255,255,.04) 49%, transparent 60%);
  opacity:.65;
  pointer-events:none;
}
.hero h1{
  text-shadow:0 16px 44px rgba(0,0,0,.30);
}
.card,
.match-card,
.profile-tile,
.quick-action{
  border-color:rgba(138,174,255,.15);
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.card:hover,
.match-card:hover,
.profile-tile:hover{
  transform:translateY(-2px);
}

/* ---------- Mobile royal nav ---------- */
.mobile-nav{
  left:10px;
  right:10px;
  bottom:10px;
  padding:8px;
  border-radius:24px;
  border:1px solid rgba(142,174,255,.14);
  background:
    linear-gradient(180deg, rgba(8,18,45,.96), rgba(5,12,30,.94));
  box-shadow:
    0 22px 60px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.02) inset;
  backdrop-filter:blur(20px);
}
.mobile-nav .nav-btn{
  min-height:62px;
  border-radius:18px;
  color:#a8b9da;
  transition:.18s ease;
}
.mobile-nav .nav-btn:hover{
  background:rgba(255,255,255,.04);
}
.mobile-nav .nav-btn.active{
  color:#fff;
  background:linear-gradient(135deg, rgba(126,92,255,.95), rgba(61,210,255,.92));
  box-shadow:0 10px 24px rgba(61,210,255,.18);
}
.mobile-nav .nav-btn span{
  font-size:1.15rem;
}
.mobile-nav small{
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.02em;
}

/* ---------- Responsive ---------- */
@media(max-width:1200px){
  .site-chip{display:none}
}
@media(max-width:980px){
  .topbar{
    width:min(100% - 18px, 1320px);
    padding:10px 12px;
    min-height:74px;
  }
}
@media(max-width:700px){
  .topbar{
    top:8px;
    width:calc(100% - 16px);
    min-height:68px;
    border-radius:22px;
    padding:8px 10px;
  }
  .brand{
    padding:8px 9px;
  }
  .brand-mark{
    width:42px;
    height:42px;
  }
  .app-shell{
    width:min(100% - 16px,1320px);
    margin-top:18px;
    margin-bottom:108px;
  }
  .hero{
    border-radius:26px;
  }
}


/* ===== V12 MARKETPLACE PRO ===== */
body{
  background:#eaeded;
  color:#0f172a;
}
body:before{
  display:none;
}
.site-app{
  min-height:100vh;
}
.marketplace-header{
  position:sticky;
  top:0;
  z-index:50;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:#111827;
  box-shadow:0 4px 18px rgba(0,0,0,.18);
  overflow:visible;
}
.marketplace-header:before{display:none}
.marketplace-mainbar{
  display:grid;
  grid-template-columns:auto minmax(300px,1fr) auto;
  gap:16px;
  align-items:center;
  min-height:72px;
  padding:10px max(18px,calc((100vw - 1450px)/2));
  background:linear-gradient(180deg,#111827,#0b1220);
}
.marketplace-brand{
  padding:6px 8px;
  border:1px solid transparent;
  background:transparent;
}
.marketplace-brand:hover{
  border-color:rgba(255,255,255,.32);
  box-shadow:none;
}
.marketplace-brand .brand-mark{
  width:44px;height:44px;border-radius:10px;
  background:linear-gradient(135deg,#6d5dfc,#2bb8ff);
}
.marketplace-brand strong{color:white}
.marketplace-brand small{color:#c6d1e5}

.marketplace-search{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:stretch;
  height:44px;
  overflow:hidden;
  border-radius:10px;
  box-shadow:0 0 0 2px transparent;
}
.marketplace-search:focus-within{
  box-shadow:0 0 0 3px #38bdf8;
}
.search-category{
  display:flex;align-items:center;
  padding:0 12px;
  background:#e5e7eb;
  color:#334155;
  font-size:.76rem;
  border-right:1px solid #cbd5e1;
}
.marketplace-search input{
  width:100%;
  border:0;
  border-radius:0;
  background:white;
  color:#0f172a;
  padding:0 14px;
  box-shadow:none!important;
}
.marketplace-search button{
  width:52px;
  border:0;
  background:#38bdf8;
  color:#06263a;
  font-size:1.45rem;
  font-weight:900;
}
.marketplace-search button:hover{
  background:#67d5ff;
}

.marketplace-account{
  display:flex;
  align-items:stretch;
  gap:6px;
}
.account-block{
  border:1px solid transparent;
  background:transparent;
  color:white;
  border-radius:8px;
  padding:7px 9px;
  min-height:46px;
}
.account-block:hover{
  border-color:rgba(255,255,255,.38);
  background:transparent;
}
.account-block small,
.account-block strong{
  display:block;
  text-align:left;
  line-height:1.15;
}
.account-block small{
  color:#cbd5e1;
  font-size:.62rem;
}
.account-block strong{
  color:#fff;
  margin-top:2px;
  font-size:.78rem;
}
.account-block .avatar{
  margin-right:7px;
}
.account-rank,
.logout-market{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.marketplace-subbar{
  display:flex;
  align-items:center;
  min-height:42px;
  gap:8px;
  padding:0 max(18px,calc((100vw - 1450px)/2));
  background:#1f2937;
  border-top:1px solid rgba(255,255,255,.03);
}
.subbar-all{
  border:0;
  background:transparent;
  color:#fff;
  padding:10px 8px;
  border-radius:5px;
}
.subbar-all:hover{
  outline:1px solid rgba(255,255,255,.34);
}
.marketplace-tabs{
  margin:0;
  padding:0;
  gap:2px;
  border:0;
  background:transparent;
  box-shadow:none;
  max-width:none;
  justify-content:flex-start;
  flex:1;
}
.marketplace-tabs .nav-btn{
  min-height:auto;
  padding:10px 9px;
  border-radius:5px;
  color:#e5e7eb;
  font-weight:700;
  font-size:.77rem;
}
.marketplace-tabs .nav-btn:hover{
  outline:1px solid rgba(255,255,255,.34);
  background:transparent;
  transform:none;
}
.marketplace-tabs .nav-btn.active{
  color:#fff;
  background:#374151;
  box-shadow:none;
}
.marketplace-tabs .nav-btn.active:after{
  display:none;
}
.season-strip{
  color:#e5e7eb;
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}
.marketplace-player-switch{
  display:none;
}

/* ---------- Marketplace content ---------- */
.app-shell{
  width:min(1450px,calc(100% - 28px));
  margin:18px auto 110px;
}
.info-strip{
  border:0;
  background:white;
  border-radius:10px;
  box-shadow:0 2px 8px rgba(15,23,42,.08);
  color:#475569;
}
.hero{
  min-height:380px;
  border:0;
  border-radius:12px;
  color:white;
  background:
    linear-gradient(90deg,rgba(8,20,48,.96) 0%,rgba(16,43,95,.92) 53%,rgba(31,74,136,.78) 100%),
    radial-gradient(circle at 84% 20%,rgba(56,189,248,.24),transparent 28%);
  box-shadow:0 4px 18px rgba(15,23,42,.18);
}
.hero p{color:#dbeafe}
.eyebrow{color:#7dd3fc}
.card,
.match-card,
.profile-tile,
.quick-action{
  background:#fff;
  color:#0f172a;
  border:0;
  box-shadow:0 2px 10px rgba(15,23,42,.08);
}
.card:hover,
.match-card:hover,
.profile-tile:hover,
.quick-action:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(15,23,42,.12);
}
.card small,
.player-card small,
.page-head p,
.profile-tile p,
.quick-action small,
.match-top,
.locked{
  color:#64748b;
}
.quick-action{
  border-radius:10px;
}
.quick-action strong{color:#0f172a}
.player-card{
  border-radius:10px;
}
.table-wrap{
  border:0;
  box-shadow:0 2px 10px rgba(15,23,42,.08);
}
table{
  background:white;
  color:#0f172a;
}
th{color:#64748b;background:#f8fafc}
td,th{border-bottom:1px solid #e2e8f0}
.match-card{
  border-radius:10px;
}
.badge{
  background:#e0f2fe;
  color:#0369a1;
}
.score-input,
.form-grid input,
.form-grid select{
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
}
.notice{
  background:#fff7ed;
  color:#9a3412;
  border:1px solid #fed7aa;
}
.profile-stat,
.security-card{
  background:#fff;
  color:#0f172a;
  border:0;
  box-shadow:0 2px 10px rgba(15,23,42,.08);
}

/* ---------- Marketplace section styling ---------- */
.page-head h2{
  color:#0f172a;
}
.page-head .eyebrow{
  color:#0284c7;
}
.footer-note{
  color:#64748b;
}
.btn{
  border-radius:8px;
}
.btn.primary{
  background:linear-gradient(180deg,#38bdf8,#0ea5e9);
  color:#082f49;
}
.btn.primary:hover{
  background:linear-gradient(180deg,#67d5ff,#38bdf8);
}
.btn:not(.primary):not(.danger):not(.success){
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
}
.btn:not(.primary):not(.danger):not(.success):hover{
  border-color:#94a3b8;
  background:#f8fafc;
}

/* ---------- Mobile marketplace nav ---------- */
.mobile-nav{
  border-radius:14px;
  background:#111827;
  border:0;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.mobile-nav .nav-btn{
  color:#cbd5e1;
  border-radius:10px;
}
.mobile-nav .nav-btn.active{
  color:#0f172a;
  background:#38bdf8;
  box-shadow:none;
}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .marketplace-mainbar{
    grid-template-columns:auto 1fr;
  }
  .marketplace-account{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .season-strip{display:none}
}
@media(max-width:980px){
  .marketplace-header{
    width:100%;
    margin:0;
    top:0;
    border-radius:0;
  }
  .marketplace-mainbar{
    padding:10px 12px;
  }
  .marketplace-subbar{
    padding:0 10px;
  }
}
@media(max-width:700px){
  body{background:#f1f5f9}
  .marketplace-mainbar{
    grid-template-columns:1fr auto;
    gap:10px;
  }
  .marketplace-search{
    grid-column:1/-1;
    grid-row:2;
  }
  .marketplace-account{
    grid-column:auto;
    justify-content:flex-end;
  }
  .account-rank,
  .logout-market{
    display:none;
  }
  .marketplace-subbar{
    min-height:38px;
  }
  .subbar-all{
    display:none;
  }
  .marketplace-tabs{
    overflow-x:auto;
    scrollbar-width:none;
  }
  .marketplace-tabs::-webkit-scrollbar{display:none}
  .marketplace-tabs .nav-btn{
    white-space:nowrap;
  }
  .app-shell{
    width:calc(100% - 16px);
    margin-top:10px;
  }
  .hero{
    border-radius:10px;
  }
}


/* ===== V13 TOP TABS PREMIUM ===== */

/* ----- Public top nav (before login) ----- */
.public-topnav{
  position:fixed;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  z-index:120;
  width:min(1380px, calc(100% - 28px));
  min-height:74px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:12px 16px;
  border-radius:24px;
  border:1px solid rgba(141,176,255,.14);
  background:linear-gradient(180deg, rgba(8,18,45,.86), rgba(6,13,34,.82));
  box-shadow:0 22px 60px rgba(0,0,0,.30);
  backdrop-filter:blur(18px);
}
.public-brand{
  display:flex;
  align-items:center;
  gap:11px;
  border:0;
  background:transparent;
  color:white;
  padding:6px 8px;
  border-radius:16px;
}
.public-brand:hover{background:rgba(255,255,255,.04)}
.public-brand-mark{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#7f5cff,#3ed1ff);
  box-shadow:0 14px 32px rgba(62,209,255,.18);
}
.public-brand strong,.public-brand small{display:block;text-align:left}
.public-brand strong{letter-spacing:.12em;font-size:.88rem}
.public-brand small{font-size:.64rem;color:#a4b7db;letter-spacing:.08em}

.public-topnav-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:7px;
  border-radius:20px;
  border:1px solid rgba(142,174,255,.10);
  background:rgba(255,255,255,.025);
}
.public-tab{
  min-height:44px;
  padding:0 16px;
  border:0;
  border-radius:14px;
  color:#b5c5e3;
  background:transparent;
  font-weight:800;
  font-size:.82rem;
  transition:.18s ease;
}
.public-tab:hover{
  color:white;
  background:rgba(255,255,255,.05);
}
.public-tab.active{
  color:white;
  background:linear-gradient(135deg,#7b5dff,#3ed1ff);
  box-shadow:0 12px 28px rgba(62,209,255,.16);
}
.public-topnav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.public-ghost-btn,
.public-cta-btn{
  min-height:44px;
  padding:0 16px;
  border-radius:14px;
  font-weight:900;
}
.public-ghost-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  color:#eff6ff;
}
.public-cta-btn{
  border:0;
  background:linear-gradient(135deg,#7b5dff,#3ed1ff);
  color:white;
  box-shadow:0 14px 28px rgba(62,209,255,.16);
}

/* Give room below fixed nav */
.auth-screen-v9{
  padding-top:118px;
}

.auth-v9-shell{
  min-height:900px;
}

/* ----- Better public content balance ----- */
.auth-v9-copy h1{
  max-width:700px;
}
.auth-v9-panel{
  border-left:1px solid rgba(141,176,255,.08);
}
.portal-preview{
  margin-top:26px;
}
.landing-players-preview{
  margin-top:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(137,170,255,.09);
  background:rgba(255,255,255,.02);
}
.landing-players-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:12px;
}
.landing-player-card{
  padding:14px 10px;
  text-align:center;
  border-radius:16px;
  border:1px solid rgba(137,170,255,.08);
  background:rgba(255,255,255,.02);
}
.landing-player-card.admin{
  border-color:rgba(255,209,102,.16);
  background:rgba(255,209,102,.04);
}
.landing-player-avatar{
  width:48px;height:48px;border-radius:16px;
  margin:0 auto 10px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#7b5dff,#3ed1ff);
  font-weight:900;font-size:1.05rem;
}
.landing-player-card strong,.landing-player-card small{display:block}
.landing-player-card small{margin-top:3px;color:#8396bb;font-size:.67rem}

/* ----- Connected site header with tabs on top ----- */
.royal-header{
  position:sticky;
  top:10px;
  z-index:90;
  width:min(1380px, calc(100% - 28px));
  margin:14px auto 0;
  padding:12px 16px;
  border-radius:26px;
  border:1px solid rgba(148,181,255,.16);
  background:linear-gradient(180deg, rgba(9,19,48,.92), rgba(6,13,34,.88));
  box-shadow:0 20px 60px rgba(0,0,0,.30);
  backdrop-filter:blur(20px);
}
.royal-header:before{display:none}
.royal-header-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
}
.royal-brand{
  padding:8px 10px;
  border-radius:18px;
  border:1px solid rgba(148,181,255,.08);
  background:rgba(255,255,255,.03);
}
.royal-brand .brand-mark{
  width:48px;height:48px;border-radius:16px;
  background:linear-gradient(135deg,#835eff,#3dd2ff);
}
.royal-brand strong{font-size:.94rem;letter-spacing:.10em}
.royal-brand small{font-size:.65rem;color:#aab9d8;letter-spacing:.08em}

.royal-tabs{
  gap:8px;
  flex:1;
  justify-content:center;
  padding:7px;
  border-radius:22px;
  border:1px solid rgba(142,174,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 26px rgba(0,0,0,.12);
  max-width:max-content;
  margin:0 auto;
}
.royal-tabs .nav-btn{
  min-height:48px;
  padding:12px 15px;
  border-radius:16px;
  color:#a9badc;
  font-weight:800;
  transition:.18s ease;
}
.royal-tabs .nav-btn:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
  transform:translateY(-1px);
}
.royal-tabs .nav-btn.active{
  color:#fff;
  background:linear-gradient(135deg,#7f5cff,#3dd2ff);
  box-shadow:0 14px 28px rgba(61,210,255,.18);
}
.royal-tabs .nav-btn.active:after{display:none}

.royal-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.royal-player-switch{
  gap:8px;
  padding:8px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(142,174,255,.08);
}
.royal-player-switch span{color:#9cb0d6;font-weight:700}
.royal-player-switch select{
  min-height:42px;
  border-radius:14px;
  background:#0d1c42;
}
.royal-user-badge{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(142,174,255,.08);
  color:white;
}
.royal-user-badge small,.royal-user-badge strong{display:block;text-align:left}
.royal-user-badge small{color:#9fb2d7;font-size:.64rem}
.logout-royal{
  min-height:44px;
  border-radius:14px;
}

/* Layout below connected top nav */
.app-shell{
  width:min(1380px, calc(100% - 28px));
  margin:26px auto 112px;
}

/* ----- Responsive ----- */
@media(max-width:1200px){
  .public-topnav{
    grid-template-columns:auto 1fr;
    row-gap:10px;
  }
  .public-topnav-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .landing-players-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1080px){
  .royal-header-row{
    grid-template-columns:1fr;
    gap:12px;
  }
  .royal-tabs{
    order:3;
    max-width:none;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .royal-tabs::-webkit-scrollbar{display:none}
  .royal-actions{
    justify-content:space-between;
  }
}
@media(max-width:760px){
  .public-topnav{
    top:8px;
    width:calc(100% - 16px);
    padding:10px;
    border-radius:20px;
    grid-template-columns:1fr;
  }
  .public-topnav-tabs{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .public-topnav-tabs::-webkit-scrollbar{display:none}
  .public-tab{
    white-space:nowrap;
  }
  .public-topnav-actions{
    justify-content:stretch;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .auth-screen-v9{
    padding:92px 10px 12px;
  }
  .landing-players-grid{grid-template-columns:repeat(2,1fr)}
  .royal-header{
    width:calc(100% - 16px);
    top:8px;
    padding:10px;
    border-radius:20px;
  }
  .royal-actions{
    flex-wrap:wrap;
  }
  .royal-player-switch{
    flex:1 1 100%;
  }
  .app-shell{
    width:calc(100% - 16px);
  }
}


/* ===== FINAL ULTRA HOMEPAGE ===== */
.auth-screen-final{
  position:relative;
  min-height:100vh;
  padding:120px 20px 40px;
  overflow-x:hidden;
  background:#020617;
}
.final-aurora{
  position:fixed;
  border-radius:50%;
  filter:blur(90px);
  opacity:.35;
  pointer-events:none;
  z-index:0;
  animation:auroraFloat 18s ease-in-out infinite alternate;
}
.aurora-one{width:520px;height:520px;background:#304ffe;left:-140px;top:-90px}
.aurora-two{width:560px;height:560px;background:#7c3aed;right:-180px;top:18%}
.aurora-three{width:480px;height:480px;background:#06b6d4;left:35%;bottom:-240px}
@keyframes auroraFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(50px,-40px,0) scale(1.12)}
}
.final-stars{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 15% 25%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),
    radial-gradient(circle at 35% 80%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),
    radial-gradient(circle at 70% 72%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);
  background-size:110px 110px,150px 150px,130px 130px,170px 170px;
  animation:starMove 35s linear infinite;
}
@keyframes starMove{
  to{background-position:110px -110px,-150px 150px,130px -130px,-170px 170px}
}
.final-grid{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:50px 50px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
.final-topnav{z-index:200}
.final-brand-mark{animation:brandPulse 4s ease-in-out infinite}
@keyframes brandPulse{
  50%{box-shadow:0 0 40px rgba(61,210,255,.35)}
}
.final-landing{
  position:relative;z-index:2;
  width:min(1380px,100%);
  margin:0 auto;
}
.final-hero{
  min-height:720px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:50px;
  align-items:center;
  padding:54px;
  border-radius:34px;
  border:1px solid rgba(129,172,255,.14);
  background:
    linear-gradient(135deg,rgba(10,25,65,.72),rgba(7,16,42,.72));
  box-shadow:0 40px 120px rgba(0,0,0,.35);
  backdrop-filter:blur(16px);
  overflow:hidden;
}
.final-live-pill{
  display:inline-flex;align-items:center;gap:9px;
  padding:9px 13px;border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:#bcefff;
  font-size:.72rem;font-weight:900;letter-spacing:.12em;
}
.pulse-dot{
  width:8px;height:8px;border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 14px rgba(34,197,94,.8);
  animation:pulseDot 1.8s ease-in-out infinite;
}
@keyframes pulseDot{50%{transform:scale(1.45);opacity:.7}}
.final-hero h1{
  margin:20px 0;
  font-size:clamp(3.6rem,6vw,7rem);
  line-height:.88;
  letter-spacing:-.06em;
  color:white;
  max-width:830px;
}
.final-hero h1 span{
  background:linear-gradient(90deg,#b5a7ff,#57dfff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.final-hero-copy>p{
  max-width:700px;
  font-size:1.08rem;
  line-height:1.8;
  color:#c5d5ef;
}
.final-hero-actions{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;
}
.hero-main-btn,.hero-secondary-btn{
  min-height:52px;padding:0 20px;border-radius:16px;font-weight:900;
}
.hero-main-btn{
  display:flex;align-items:center;gap:18px;
  border:0;color:white;
  background:linear-gradient(135deg,#765cff,#31c6ff);
  box-shadow:0 18px 40px rgba(49,198,255,.22);
}
.hero-main-btn:hover{transform:translateY(-2px)}
.hero-secondary-btn{
  border:1px solid rgba(255,255,255,.12);
  color:white;background:rgba(255,255,255,.04);
}
.final-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px;
}
.final-metrics div{
  padding:16px;border-radius:18px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.07);
}
.final-metrics strong,.final-metrics span{display:block}
.final-metrics strong{font-size:1.55rem;color:white}
.final-metrics span{margin-top:3px;color:#8fa4ca;font-size:.7rem}
.final-hero-visual{
  position:relative;
  min-height:520px;
  display:grid;place-items:center;
}
.trophy-core{
  width:190px;height:190px;border-radius:50%;
  display:grid;place-items:center;
  font-size:6rem;
  background:radial-gradient(circle,rgba(255,215,94,.16),rgba(255,255,255,.02));
  border:1px solid rgba(255,217,102,.18);
  box-shadow:0 0 80px rgba(255,209,102,.10);
  animation:trophyFloat 5s ease-in-out infinite;
}
@keyframes trophyFloat{50%{transform:translateY(-14px) rotate(3deg)}}
.trophy-orbit{
  position:absolute;border-radius:50%;border:1px solid rgba(99,215,255,.14)
}
.orbit-a{width:300px;height:300px;animation:spinOrbit 16s linear infinite}
.orbit-b{width:420px;height:420px;animation:spinOrbit 24s linear infinite reverse}
@keyframes spinOrbit{to{transform:rotate(360deg)}}
.floating-card{
  position:absolute;
  display:flex;align-items:center;gap:10px;
  padding:13px 15px;border-radius:17px;
  background:rgba(9,20,48,.82);
  border:1px solid rgba(121,172,255,.14);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.25);
  animation:floatCard 5s ease-in-out infinite;
}
.floating-card span{font-size:1.15rem}
.floating-card strong,.floating-card small{display:block}
.floating-card small{color:#879abd;margin-top:2px;font-size:.66rem}
.fc-one{left:0;top:20%;animation-delay:.3s}
.fc-two{right:-10px;top:38%;animation-delay:1.4s}
.fc-three{left:12%;bottom:8%;animation-delay:2.5s}
@keyframes floatCard{50%{transform:translateY(-10px)}}

.final-section{
  margin-top:28px;padding:42px;
  border-radius:30px;
  border:1px solid rgba(130,172,255,.12);
  background:rgba(7,17,43,.62);
  backdrop-filter:blur(14px);
}
.final-section-heading span{
  color:#59e2ff;font-size:.7rem;font-weight:900;letter-spacing:.15em;
}
.final-section-heading h2{
  color:white;font-size:clamp(2rem,4vw,3.5rem);margin:8px 0;
}
.final-section-heading p{color:#8fa4c9}
.final-feature-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;
}
.final-feature-card{
  padding:22px;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  border:1px solid rgba(130,172,255,.10);
  transition:.22s ease;
}
.final-feature-card:hover{
  transform:translateY(-6px);
  border-color:rgba(80,215,255,.25);
  box-shadow:0 20px 45px rgba(0,0,0,.22);
}
.feature-icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(118,92,255,.18),rgba(49,198,255,.13));
}
.final-feature-card h3{color:white;margin:14px 0 7px}
.final-feature-card p{color:#8ea2c7;line-height:1.6;margin:0}
.final-ranking-board{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;align-items:end;
}
.ranking-podium-card{
  text-align:center;padding:24px;border-radius:24px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(130,172,255,.10);
}
.ranking-podium-card.first{
  padding-top:40px;padding-bottom:40px;
  border-color:rgba(255,209,102,.18);
}
.rank-medal{font-size:2rem}
.rank-avatar,.fp-avatar{
  width:62px;height:62px;border-radius:20px;margin:12px auto;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#765cff,#31c6ff);
  font-weight:900;color:white;
}
.ranking-podium-card strong,.ranking-podium-card small{display:block;color:white}
.ranking-podium-card small{color:#8da1c5;margin-top:4px}
.final-player-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px;
}
.final-player-grid article{
  text-align:center;padding:20px;border-radius:22px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(130,172,255,.09);
}
.final-player-grid strong,.final-player-grid small{display:block;color:white}
.final-player-grid small{color:#879abd;margin-top:4px}
.admin-player{border-color:rgba(255,209,102,.18)!important}
.final-cta-section{
  margin:28px 0 0;
  padding:34px 40px;
  border-radius:28px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:linear-gradient(135deg,rgba(118,92,255,.20),rgba(49,198,255,.12));
  border:1px solid rgba(130,172,255,.12);
}
.final-cta-section span{color:#62e1ff;font-size:.7rem;font-weight:900;letter-spacing:.14em}
.final-cta-section h2{color:white;margin:7px 0}
.final-cta-section p{color:#90a4ca;margin:0}

.final-auth-panel{
  position:fixed;
  z-index:300;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(560px,calc(100% - 24px));
  max-height:90vh;
  overflow:auto;
  padding:26px;
  border-radius:26px;
  background:rgba(6,15,38,.97);
  border:1px solid rgba(129,172,255,.18);
  box-shadow:0 40px 120px rgba(0,0,0,.55);
  backdrop-filter:blur(24px);
}
.final-auth-close{
  position:absolute;right:16px;top:14px;
  width:36px;height:36px;border-radius:12px;border:0;
  background:rgba(255,255,255,.05);color:white;
}
.final-auth-heading span{color:#5bdfff;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.final-auth-heading h2{color:white;font-size:2.3rem;margin:8px 0}
.final-auth-heading p{color:#8da1c7;margin-bottom:20px}
@media(max-width:1000px){
  .final-hero{grid-template-columns:1fr;min-height:auto}
  .final-hero-visual{min-height:430px}
  .final-feature-grid{grid-template-columns:repeat(2,1fr)}
  .final-player-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .auth-screen-final{padding:100px 10px 24px}
  .final-hero{padding:28px 18px;border-radius:24px}
  .final-hero h1{font-size:3.2rem}
  .final-metrics{grid-template-columns:repeat(2,1fr)}
  .final-hero-visual{min-height:360px}
  .trophy-core{width:140px;height:140px;font-size:4.5rem}
  .orbit-a{width:220px;height:220px}.orbit-b{width:310px;height:310px}
  .floating-card{font-size:.8rem}
  .final-feature-grid,.final-ranking-board{grid-template-columns:1fr}
  .final-player-grid{grid-template-columns:repeat(2,1fr)}
  .final-section{padding:28px 18px}
  .final-cta-section{flex-direction:column;align-items:flex-start;padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}


/* ===== FINAL ULTRA PLUS FEATURES ===== */
.daily-delta{
  display:inline-flex;
  align-items:center;
  margin-top:7px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#91a5ca;
  font-size:.68rem;
  font-weight:800;
}
.daily-delta.up{color:#80efad;background:rgba(53,208,127,.08)}
.daily-delta.down{color:#ff9cab;background:rgba(255,102,125,.08)}
.stat-foot{
  display:block;
  margin-top:8px;
  color:#8ca0c5;
  font-size:.68rem;
}
.daily-update-pill{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(67,213,255,.07);
  border:1px solid rgba(67,213,255,.14);
  color:#92ebff;
  font-size:.72rem;
  font-weight:850;
}
.dashboard-premium-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
}
.next-deadline-card,
.badges-card{
  min-height:250px;
}
.next-deadline-card h2{
  margin-top:14px;
}
.vs-soft{
  color:#7087af;
  font-weight:600;
}
.countdown-value{
  font-size:clamp(2.4rem,5vw,4.2rem);
  line-height:1;
  margin:22px 0 10px;
  font-weight:950;
  letter-spacing:-.04em;
  background:linear-gradient(90deg,#b6a8ff,#61e4ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.badge-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:16px 0 20px;
}
.achievement-badge{
  display:inline-flex;
  align-items:center;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(255,209,102,.07);
  border:1px solid rgba(255,209,102,.12);
  color:#ffe1a0;
  font-size:.72rem;
  font-weight:800;
}
.activity-list{
  display:grid;
  gap:3px;
}
.activity-item{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.activity-item:last-child{border-bottom:0}
.activity-item>span{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(67,213,255,.07);
}
.activity-item strong,.activity-item small{display:block}
.activity-item strong{font-size:.8rem}
.activity-item small{margin-top:3px;color:var(--muted);font-size:.68rem}
.advanced-stat-card .grid strong{
  display:block;
  margin-top:4px;
  font-size:1.15rem;
}
.season-kpi{
  text-align:center;
}
.season-kpi strong{
  display:block;
  margin-top:6px;
  font-size:2rem;
}
.daily-history-list{
  display:grid;
}
.daily-history-row{
  display:grid;
  grid-template-columns:1.3fr 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.daily-history-row:last-child{border-bottom:0}
.daily-history-row span{color:var(--muted);font-size:.76rem}
.daily-history-row strong{font-size:.8rem}
.daily-history-row b{color:var(--gold);font-size:.78rem}
@media(max-width:800px){
  .dashboard-premium-grid{grid-template-columns:1fr}
  .daily-history-row{grid-template-columns:1fr auto}
  .daily-history-row strong{display:none}
}


/* ===== ULTIMATE COMPLETE PAGES ===== */
.rules-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:center;
  min-height:280px;
  background:
    radial-gradient(circle at 85% 15%,rgba(67,213,255,.12),transparent 28%),
    linear-gradient(135deg,rgba(17,38,87,.92),rgba(8,19,49,.94));
}
.rules-hero p{color:#b6c7e7;line-height:1.7}
.rules-score-box{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.rules-score-box>div{
  text-align:center;
  padding:18px 10px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
}
.rules-score-box strong,.rules-score-box span,.rules-score-box small{display:block}
.rules-score-box strong{font-size:2rem;color:#ffd166}
.rules-score-box span{font-size:.65rem;color:#b5c5e3}
.rules-score-box small{margin-top:5px;color:#7f94bb;font-size:.66rem}
.rules-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.rule-pro-card>span{
  display:inline-grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:11px;
  background:rgba(67,213,255,.08);
  color:#6de2ff;
  font-weight:900;
  font-size:.7rem;
}
.rule-pro-card h3{margin:14px 0 8px}
.rule-pro-card p{color:var(--muted);line-height:1.6;margin:0}

.hall-hero{
  min-height:300px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:36px;
  border-radius:28px;
  border:1px solid rgba(255,209,102,.15);
  background:
    radial-gradient(circle at 12% 50%,rgba(255,209,102,.12),transparent 25%),
    linear-gradient(135deg,rgba(25,29,65,.95),rgba(10,20,48,.95));
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.hall-crown{
  width:110px;height:110px;border-radius:30px;
  display:grid;place-items:center;
  font-size:4rem;
  background:rgba(255,209,102,.08);
  border:1px solid rgba(255,209,102,.16);
}
.hall-hero h1{margin:8px 0 5px}
.hall-hero p{color:#a9b9d7;margin:0}
.record-card{text-align:center}
.record-card>span{font-size:2rem}
.record-card small,.record-card strong,.record-card b{display:block}
.record-card small{margin-top:10px;color:var(--muted)}
.record-card strong{margin-top:7px;font-size:1.25rem}
.record-card b{margin-top:4px;color:var(--gold)}
.future-honours{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.future-honours>div{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid var(--line);
}
.future-honours span,.future-honours strong,.future-honours small{display:block}
.future-honours span{color:var(--muted);font-size:.68rem}
.future-honours strong{margin-top:7px;font-size:1.15rem}
.future-honours small{margin-top:4px;color:#7f93b8}

.help-search-card{
  display:flex;
  align-items:center;
  gap:15px;
  padding:24px;
}
.help-search-card>span{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:rgba(67,213,255,.08);
  font-size:1.25rem;
}
.help-search-card strong{font-size:1.15rem}
.help-search-card p{margin:4px 0 0;color:var(--muted)}
.help-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.help-card>span{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(125,92,255,.13),rgba(67,213,255,.10));
}
.help-card h3{margin:14px 0 7px}
.help-card p{margin:0;color:var(--muted);line-height:1.6}

@media(max-width:900px){
  .rules-grid,.help-grid{grid-template-columns:repeat(2,1fr)}
  .rules-hero{grid-template-columns:1fr}
  .future-honours{grid-template-columns:1fr}
}
@media(max-width:650px){
  .rules-grid,.help-grid{grid-template-columns:1fr}
  .rules-score-box{grid-template-columns:1fr}
  .hall-hero{align-items:flex-start;flex-direction:column}
}


/* ===== OMEGA PRO MAX ===== */
.header-icon-btn{
  position:relative;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(142,174,255,.10);
  background:rgba(255,255,255,.035);
  color:#eaf2ff;
  display:grid;place-items:center;
  font-weight:900;
}
.header-icon-btn:hover{background:rgba(67,213,255,.08);border-color:rgba(67,213,255,.20)}
.notification-count{
  position:absolute;
  right:-5px;top:-5px;
  min-width:19px;height:19px;
  padding:0 5px;
  border-radius:999px;
  display:grid;place-items:center;
  background:#ff5d7d;
  color:white;
  font-size:.6rem;
  box-shadow:0 5px 12px rgba(255,93,125,.28);
}
.omega-overlay{
  position:fixed;inset:0;z-index:500;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(1,5,15,.72);
  backdrop-filter:blur(12px);
}
.omega-overlay[hidden]{display:none!important}
.omega-panel{
  width:min(720px,100%);
  max-height:84vh;
  overflow:auto;
  padding:24px;
  border-radius:26px;
  border:1px solid rgba(136,175,255,.17);
  background:linear-gradient(180deg,#0b1b42,#07132f);
  box-shadow:0 38px 110px rgba(0,0,0,.52);
}
.omega-panel-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  margin-bottom:18px;
}
.notification-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:var(--muted);font-size:.78rem;margin-bottom:12px;
}
.notification-list{display:grid;gap:8px}
.notification-item{
  width:100%;
  display:flex;align-items:flex-start;gap:12px;
  padding:14px;border-radius:17px;
  border:1px solid rgba(136,175,255,.10);
  background:rgba(255,255,255,.035);
  color:white;text-align:left;
}
.notification-item.read{opacity:.58}
.notification-item>span{
  width:40px;height:40px;border-radius:13px;
  display:grid;place-items:center;
  background:rgba(67,213,255,.08);
}
.notification-item div{flex:1}
.notification-item strong,.notification-item small{display:block}
.notification-item p{margin:4px 0;color:#a8b8d7;font-size:.75rem;line-height:1.5}
.notification-item small{color:#6f84aa;font-size:.64rem}
.global-search-input{
  width:100%;min-height:54px;
  padding:0 16px;
  border-radius:16px;
  font-size:1rem;
  margin-bottom:14px;
}
.global-search-results{display:grid;gap:7px}
.search-result-item{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;align-items:center;
  width:100%;padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(136,175,255,.09);
  background:rgba(255,255,255,.025);
  color:white;text-align:left;
}
.search-result-item:hover{border-color:rgba(67,213,255,.26);background:rgba(67,213,255,.045)}
.search-result-item>span{font-size:1.1rem}
.search-result-item strong,.search-result-item small{display:block}
.search-result-item small{margin-top:3px;color:#8295ba;font-size:.68rem}
.keyboard-help{
  margin-top:15px;color:#7185aa;font-size:.68rem;text-align:center
}
kbd{
  padding:3px 7px;border-radius:6px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#d9e5fa;
  font-family:inherit;font-size:.68rem
}

/* Duels */
.duel-selector{
  display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:end
}
.duel-selector label{display:grid;gap:7px;color:var(--muted);font-size:.76rem}
.duel-vs{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  background:rgba(67,213,255,.08);color:#7ae7ff;font-weight:950
}
.duel-hero{
  display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;
  padding:30px;border-radius:26px;border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(17,38,86,.82),rgba(8,18,47,.88))
}
.duel-player{text-align:center}
.duel-player .avatar{margin:auto}
.duel-player h2{margin:12px 0 4px}
.duel-player>strong{display:block;font-size:2rem}
.duel-player>small{color:var(--muted)}
.duel-verdict{text-align:center}
.duel-verdict>span{font-size:2.4rem}
.duel-verdict strong,.duel-verdict small{display:block}
.duel-verdict strong{margin-top:10px}
.duel-verdict small{color:var(--gold);margin-top:4px}
.duel-metrics{display:grid;gap:16px}
.duel-metric-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.duel-metric-head span{color:var(--muted)}
.duel-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.duel-bars>div{height:10px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}
.duel-bars>div span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d5cff,#43d5ff)}

/* Tools */
.tool-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px
}
.tool-card>span{font-size:1.8rem}
.tool-card h3{margin:13px 0 7px}
.tool-card p{color:var(--muted);line-height:1.55;min-height:66px}
.system-ok{
  color:#83efae;font-size:.72rem;font-weight:850
}
.health-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:10px
}
.health-grid>div{
  padding:15px;border-radius:16px;background:rgba(255,255,255,.025);text-align:center
}
.health-grid small,.health-grid strong{display:block}
.health-grid small{color:var(--muted);font-size:.64rem}
.health-grid strong{margin-top:5px;font-size:1.1rem}
.shortcut-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px
}
.shortcut-grid>div{
  display:flex;align-items:center;gap:10px;
  padding:12px;border-radius:14px;background:rgba(255,255,255,.025)
}
.shortcut-grid span{font-size:.75rem;color:#a9bad8}
.admin-audit-list{display:grid}
.admin-audit-list>div{
  display:grid;grid-template-columns:170px 1fr;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--line)
}
.admin-audit-list span{color:var(--muted);font-size:.72rem}
.admin-audit-list strong{font-size:.76rem}
.faq-section details{
  border-top:1px solid var(--line);
  padding:14px 0
}
.faq-section summary{cursor:pointer;font-weight:850}
.faq-section details p{margin:9px 0 0;color:var(--muted);line-height:1.55}

/* Site light theme */
html[data-site-theme="light"] body{
  background:#eef2f7;
  color:#172033;
}
html[data-site-theme="light"] .site-app{
  background:#eef2f7;
}
html[data-site-theme="light"] .royal-header{
  background:rgba(255,255,255,.92);
  border-color:rgba(30,58,138,.10);
}
html[data-site-theme="light"] .royal-brand,
html[data-site-theme="light"] .royal-user-badge,
html[data-site-theme="light"] .royal-player-switch,
html[data-site-theme="light"] .header-icon-btn{
  background:#f8fafc;
  color:#172033;
  border-color:#d8e0ec;
}
html[data-site-theme="light"] .royal-brand strong,
html[data-site-theme="light"] .royal-user-badge strong{color:#172033}
html[data-site-theme="light"] .royal-tabs{
  background:#f8fafc;border-color:#dbe3ef
}
html[data-site-theme="light"] .royal-tabs .nav-btn{color:#4b5c78}
html[data-site-theme="light"] .royal-tabs .nav-btn.active{color:#fff}
html[data-site-theme="light"] .card,
html[data-site-theme="light"] .match-card,
html[data-site-theme="light"] .quick-action,
html[data-site-theme="light"] .profile-tile{
  background:#fff;color:#172033;border-color:#dfe6ef;
  box-shadow:0 8px 28px rgba(20,38,70,.08)
}
html[data-site-theme="light"] .page-head h2,
html[data-site-theme="light"] .quick-action strong{color:#172033}
html[data-site-theme="light"] .table-wrap table{background:white;color:#172033}
html[data-site-theme="light"] th{background:#f7f9fc;color:#63718a}
html[data-site-theme="light"] td,html[data-site-theme="light"] th{border-color:#e4e9f0}
html[data-site-theme="light"] select,
html[data-site-theme="light"] input{background:white;color:#172033;border-color:#d4dce8}

@media(max-width:1050px){
  .tool-grid{grid-template-columns:repeat(2,1fr)}
  .health-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .duel-selector,.duel-hero{grid-template-columns:1fr}
  .duel-vs{margin:auto}
  .tool-grid{grid-template-columns:1fr}
  .health-grid{grid-template-columns:repeat(2,1fr)}
  .shortcut-grid{grid-template-columns:1fr}
  .admin-audit-list>div{grid-template-columns:1fr}
  .notification-toolbar{align-items:flex-start;flex-direction:column}
  .royal-actions .header-icon-btn{display:none}
}


/* ===== INFINITY AI : TRUE PUBLIC PAGES ===== */
.public-page-view{display:none}
.public-page-view.active{
  display:block;
  animation:publicPageIn .42s ease both;
}
@keyframes publicPageIn{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
.public-page-view>.final-section,
.public-page-view>.final-hero{
  min-height:calc(100vh - 170px);
}
.public-rules-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:30px;
}
.public-rules-grid article{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(130,172,255,.10);
  background:rgba(255,255,255,.03);
}
.public-rules-grid strong,
.public-rules-grid span{display:block}
.public-rules-grid strong{font-size:2rem;color:#79e5ff}
.public-rules-grid span{margin-top:12px;font-size:1rem;font-weight:900;color:white}
.public-rules-grid p{margin:8px 0 0;color:#8fa4c8;line-height:1.55}
.public-help-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:30px;
}
.public-help-grid article{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(130,172,255,.10);
  background:rgba(255,255,255,.03);
}
.public-help-grid article>span{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#765cff,#31c6ff);
  font-weight:900;color:white;
}
.public-help-grid h3{margin:14px 0 8px;color:white}
.public-help-grid p{margin:0;color:#8fa4c8;line-height:1.55}
.public-help-ai{
  margin-top:18px;
  padding:24px;
  border-radius:24px;
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  background:linear-gradient(135deg,rgba(118,92,255,.12),rgba(49,198,255,.08));
  border:1px solid rgba(130,172,255,.11);
}
.public-help-ai>div>span{font-size:1.8rem}
.public-help-ai h3{margin:6px 0;color:white}
.public-help-ai p{margin:0;color:#8fa4c8}

/* ===== Amigos AI ===== */
.ai-floating-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:250;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 15px 8px 8px;
  border:1px solid rgba(117,210,255,.18);
  border-radius:999px;
  color:white;
  background:linear-gradient(135deg,rgba(20,36,85,.96),rgba(9,21,51,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.35),0 0 36px rgba(61,210,255,.11);
  backdrop-filter:blur(18px);
}
.ai-floating-btn:hover{transform:translateY(-3px)}
.ai-orb{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#7d5cff,#43d5ff);
  box-shadow:0 0 28px rgba(67,213,255,.22);
  animation:aiOrbPulse 3.2s ease-in-out infinite;
}
.ai-orb.large{width:46px;height:46px}
@keyframes aiOrbPulse{
  50%{transform:scale(1.07);box-shadow:0 0 42px rgba(67,213,255,.35)}
}
.ai-floating-label strong,.ai-floating-label small{display:block;text-align:left}
.ai-floating-label strong{font-size:.78rem}
.ai-floating-label small{margin-top:2px;color:#8fa4c8;font-size:.61rem}
.ai-panel{
  position:fixed;
  right:22px;
  bottom:94px;
  z-index:400;
  width:min(430px,calc(100% - 24px));
  height:min(680px,calc(100vh - 130px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(127,175,255,.17);
  background:linear-gradient(180deg,rgba(8,18,44,.98),rgba(5,12,31,.98));
  box-shadow:0 34px 110px rgba(0,0,0,.55);
  backdrop-filter:blur(22px);
}
.ai-panel[hidden]{display:none!important}
.ai-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 17px;
  border-bottom:1px solid rgba(130,172,255,.09);
}
.ai-title{display:flex;align-items:center;gap:10px}
.ai-title strong,.ai-title small{display:block}
.ai-title small{margin-top:2px;color:#8398be;font-size:.66rem}
.ai-status{
  display:flex;align-items:center;gap:7px;
  padding:9px 17px;
  background:rgba(50,210,130,.04);
  color:#91ddb0;
  font-size:.66rem;
}
.ai-status-dot{
  width:7px;height:7px;border-radius:50%;
  background:#38d982;
  box-shadow:0 0 12px rgba(56,217,130,.7);
}
.ai-messages{
  flex:1;
  overflow:auto;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  scrollbar-width:thin;
}
.ai-message{display:flex;align-items:flex-start;gap:8px}
.ai-message.user{justify-content:flex-end}
.ai-avatar{
  flex:0 0 auto;
  width:30px;height:30px;border-radius:10px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#765cff,#31c6ff);
  font-size:.72rem;
}
.ai-bubble{
  max-width:82%;
  padding:11px 13px;
  border-radius:17px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(130,172,255,.08);
}
.ai-message.user .ai-bubble{
  background:linear-gradient(135deg,rgba(118,92,255,.22),rgba(49,198,255,.14));
}
.ai-bubble strong{font-size:.69rem;color:#85e7ff}
.ai-message.user .ai-bubble strong{color:#b9adff}
.ai-bubble p{margin:5px 0 0;color:#d2ddf0;font-size:.76rem;line-height:1.52}
.ai-suggestions{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:8px 14px 4px;
  scrollbar-width:none;
}
.ai-suggestions::-webkit-scrollbar{display:none}
.ai-suggestions button{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(130,172,255,.10);
  background:rgba(255,255,255,.03);
  color:#b8c8e3;
  font-size:.66rem;
}
.ai-compose{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:12px 14px;
}
.ai-compose input{
  width:100%;
  min-height:46px;
  border-radius:15px;
}
.ai-compose button{
  width:46px;height:46px;border:0;border-radius:15px;
  background:linear-gradient(135deg,#765cff,#31c6ff);
  color:white;font-size:1rem;
}
.ai-footnote{
  padding:0 14px 12px;
  color:#667ba3;
  font-size:.58rem;
  text-align:center;
}
.ai-typing{display:flex;gap:4px;padding:5px 2px}
.ai-typing i{
  width:6px;height:6px;border-radius:50%;background:#7d93ba;
  animation:typingDot 1s ease-in-out infinite;
}
.ai-typing i:nth-child(2){animation-delay:.15s}
.ai-typing i:nth-child(3){animation-delay:.30s}
@keyframes typingDot{50%{transform:translateY(-4px);opacity:.45}}

@media(max-width:900px){
  .public-rules-grid{grid-template-columns:repeat(2,1fr)}
  .public-help-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .public-rules-grid,.public-help-grid{grid-template-columns:1fr}
  .public-help-ai{align-items:flex-start;flex-direction:column}
  .ai-floating-label{display:none}
  .ai-floating-btn{padding:8px}
  .ai-panel{right:12px;bottom:82px;width:calc(100% - 24px)}
}


/* ===== GALAXY ULTIMATE AI ===== */
.match-top-actions{display:flex;align-items:center;gap:8px}
.fav-match-btn{
  width:30px;height:30px;border-radius:10px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:#61779f
}
.fav-match-btn.active{color:#ffd166;background:rgba(255,209,102,.08);border-color:rgba(255,209,102,.18)}
.live-state-pill,.trophy-progress-pill{
  padding:9px 12px;border-radius:999px;
  background:rgba(67,213,255,.07);border:1px solid rgba(67,213,255,.14);
  color:#8deaff;font-size:.7rem;font-weight:900
}
.live-hero{
  min-height:300px;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;
  padding:36px;border-radius:28px;
  background:linear-gradient(135deg,rgba(17,39,89,.94),rgba(8,19,49,.96));
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.live-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);margin:12px 0}
.live-hero h1 span{color:#667da7;font-size:.5em}
.live-hero p{color:#9db0d3}
.live-countdown{font-size:1.5rem;font-weight:900;color:#73e4ff;margin-top:16px}
.live-progress-ring{
  width:150px;height:150px;border-radius:50%;
  display:grid;place-items:center;text-align:center;
  background:radial-gradient(circle at center,#0b1c43 55%,transparent 57%),conic-gradient(#43d5ff var(--progress,65%),rgba(255,255,255,.06) 0);
  border:1px solid rgba(67,213,255,.12)
}
.live-progress-ring strong,.live-progress-ring span{display:block}
.live-progress-ring strong{font-size:2rem}
.live-progress-ring span{font-size:.65rem;color:#8da1c7}
.empty-live{text-align:center;padding:45px}
.empty-live>span{font-size:2rem}
.empty-live p{color:var(--muted)}

.trophy-summary{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.trophy-progress-bar,.goal-progress{
  height:14px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden
}
.trophy-progress-bar span,.goal-progress span{
  display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d5cff,#43d5ff)
}
.trophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trophy-card{
  padding:22px;border-radius:22px;border:1px solid var(--line);
  background:rgba(255,255,255,.025);text-align:center
}
.trophy-card.locked{filter:saturate(.2);opacity:.45}
.trophy-card.unlocked{box-shadow:0 16px 42px rgba(255,209,102,.07);border-color:rgba(255,209,102,.14)}
.trophy-icon{font-size:2.4rem}
.trophy-card strong,.trophy-card small{display:block}
.trophy-card strong{margin-top:10px}
.trophy-card p{color:var(--muted);font-size:.72rem;line-height:1.5}
.trophy-card small{color:var(--gold);font-size:.66rem}

.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.settings-card{
  display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center
}
.settings-card>span{font-size:1.4rem}
.settings-card div strong,.settings-card div small{display:block}
.settings-card div small{margin-top:3px;color:var(--muted)}
.switch input{display:none}
.switch span{
  display:block;width:48px;height:28px;border-radius:999px;
  background:rgba(255,255,255,.08);position:relative;border:1px solid var(--line)
}
.switch span:after{
  content:"";position:absolute;width:20px;height:20px;border-radius:50%;
  top:3px;left:4px;background:#91a6c8;transition:.2s
}
.switch input:checked+span{background:rgba(67,213,255,.15)}
.switch input:checked+span:after{transform:translateX(19px);background:#43d5ff}
.goal-editor{display:flex;gap:10px;max-width:420px;margin:16px 0}
.goal-progress{max-width:620px;margin-bottom:8px}
.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.file-button{display:inline-flex;align-items:center}

.profile-trend-card{color:#54ddff}
.sparkline{width:100%;height:90px;margin-top:15px}
.spark-empty{color:var(--muted);padding:20px 0}

.onboarding-panel{width:min(620px,100%)}
.onboarding-progress{
  height:7px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;margin-bottom:26px
}
.onboarding-progress span{display:block;height:100%;background:linear-gradient(90deg,#7d5cff,#43d5ff);transition:.3s}
.onboarding-icon{
  width:76px;height:76px;border-radius:24px;display:grid;place-items:center;
  font-size:2rem;background:linear-gradient(135deg,rgba(125,92,255,.18),rgba(67,213,255,.12));
  margin-bottom:18px
}
#onboardingContent h2{font-size:2rem;margin:8px 0}
#onboardingContent p{color:var(--muted);line-height:1.7;font-size:.95rem}
.onboarding-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.onboarding-actions>div{display:flex;gap:8px}

html.compact-mode .card,
html.compact-mode .match-card,
html.compact-mode .profile-tile,
html.compact-mode .quick-action{padding:13px!important}
html.compact-mode .section{margin-top:18px}
html.animations-off *,
html.animations-off *:before,
html.animations-off *:after{animation:none!important;transition:none!important}

@media(max-width:900px){
  .trophy-grid{grid-template-columns:repeat(2,1fr)}
  .settings-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .live-hero{grid-template-columns:1fr}
  .live-progress-ring{margin:auto}
  .trophy-grid{grid-template-columns:1fr}
  .trophy-summary{grid-template-columns:1fr}
  .settings-card{grid-template-columns:auto 1fr}
  .settings-card>:last-child{grid-column:1/-1}
}


/* ===== Clear private-pronostics positioning ===== */
.private-game-notice{
  position:absolute;
  left:26px;
  right:26px;
  bottom:20px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(83,214,255,.13);
  background:rgba(4,13,34,.58);
  backdrop-filter:blur(12px);
  color:#dfeaff;
}
.private-game-notice>span{
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(83,214,255,.08);
}
.private-game-notice strong,
.private-game-notice small{display:block}
.private-game-notice strong{font-size:.75rem}
.private-game-notice small{margin-top:2px;color:#8fa4c8;font-size:.64rem}

.global-disclaimer{
  width:min(1320px,calc(100% - 28px));
  margin:0 auto 22px;
  padding:12px 14px;
  text-align:center;
  color:#7185aa;
  font-size:.68rem;
  line-height:1.5;
}
@media(max-width:700px){
  .private-game-notice{
    position:static;
    margin-bottom:14px;
  }
}


/* ==========================================================
   STARLIGHT ELITE — Champions-night inspired original theme
   ========================================================== */
:root{
  --starlight-bg-0:#01040d;
  --starlight-bg-1:#030a1f;
  --starlight-bg-2:#081b4f;
  --starlight-blue:#3d7dff;
  --starlight-cyan:#57e0ff;
  --starlight-violet:#7e5cff;
  --starlight-silver:#dbe9ff;
  --starlight-ice:#eef7ff;
  --starlight-gold:#ffd36e;
}

/* Global night atmosphere */
body{
  background:
    radial-gradient(circle at 18% 12%,rgba(61,125,255,.24),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(126,92,255,.20),transparent 24%),
    radial-gradient(circle at 48% 110%,rgba(87,224,255,.12),transparent 36%),
    linear-gradient(150deg,var(--starlight-bg-2) 0%,var(--starlight-bg-1) 38%,var(--starlight-bg-0) 100%) !important;
}
body:before{
  display:block!important;
  content:"";
  position:fixed;inset:0;z-index:-3;pointer-events:none;
  opacity:.52;
  background:
    radial-gradient(circle at 20% 22%,rgba(255,255,255,.9) 0 1px,transparent 1.5px),
    radial-gradient(circle at 75% 14%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 65% 70%,rgba(255,255,255,.5) 0 1px,transparent 1.4px),
    radial-gradient(circle at 30% 78%,rgba(255,255,255,.55) 0 1px,transparent 1.4px);
  background-size:130px 130px,170px 170px,150px 150px,190px 190px;
  animation:starlightDrift 44s linear infinite;
}
@keyframes starlightDrift{
  to{background-position:130px -130px,-170px 170px,150px -150px,-190px 190px}
}

/* Cursor glow */
.cursor-glow{
  position:fixed;
  left:0;top:0;
  width:240px;height:240px;
  border-radius:50%;
  z-index:9999;
  pointer-events:none;
  opacity:.16;
  filter:blur(32px);
  background:radial-gradient(circle,rgba(87,224,255,.78),rgba(61,125,255,.25) 45%,transparent 70%);
  mix-blend-mode:screen;
}

/* Public top nav */
.final-topnav,
.royal-header{
  border:1px solid rgba(147,190,255,.18)!important;
  background:
    linear-gradient(180deg,rgba(4,12,34,.92),rgba(2,7,22,.88))!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.025) inset,
    0 0 60px rgba(61,125,255,.07)!important;
}
.public-brand-mark,
.royal-brand .brand-mark{
  background:
    conic-gradient(from 220deg,var(--starlight-violet),var(--starlight-blue),var(--starlight-cyan),var(--starlight-violet))!important;
  box-shadow:
    0 0 28px rgba(87,224,255,.24),
    0 12px 34px rgba(61,125,255,.20)!important;
}
.final-tabs,
.royal-tabs{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(148,190,255,.10)!important;
}
.public-tab.active,
.royal-tabs .nav-btn.active{
  background:
    linear-gradient(135deg,var(--starlight-violet),var(--starlight-blue) 55%,var(--starlight-cyan))!important;
  box-shadow:
    0 12px 32px rgba(61,125,255,.22),
    0 0 32px rgba(87,224,255,.10)!important;
}

/* Hero */
.final-hero{
  position:relative;
  overflow:hidden;
  min-height:760px!important;
  border:1px solid rgba(141,184,255,.17)!important;
  background:
    radial-gradient(circle at 78% 24%,rgba(87,224,255,.12),transparent 24%),
    radial-gradient(circle at 28% 14%,rgba(126,92,255,.14),transparent 26%),
    linear-gradient(135deg,rgba(7,20,58,.86),rgba(2,9,27,.88))!important;
  box-shadow:
    0 50px 150px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 110px rgba(61,125,255,.06)!important;
}
.final-hero:after{
  content:"";
  position:absolute;
  inset:-40%;
  z-index:0;
  pointer-events:none;
  background:
    conic-gradient(from 180deg,transparent,rgba(87,224,255,.055),transparent 22%,transparent 52%,rgba(126,92,255,.06),transparent 73%);
  animation:heroNebulaSpin 28s linear infinite;
}
@keyframes heroNebulaSpin{to{transform:rotate(360deg)}}
.final-hero>*{position:relative;z-index:2}

.final-hero h1{
  font-size:clamp(4rem,7vw,8rem)!important;
  letter-spacing:-.065em!important;
  text-shadow:
    0 20px 60px rgba(0,0,0,.34),
    0 0 32px rgba(61,125,255,.06);
}
.final-hero h1 span{
  background:
    linear-gradient(90deg,#d7d6ff 0%,#8b7cff 28%,#63a7ff 58%,#76efff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.final-hero-copy>p{
  color:#c6d7f4!important;
  font-size:1.08rem!important;
}

/* Star ornament */
.starlight-crest{
  position:absolute!important;
  top:28px;
  right:34px;
  z-index:3!important;
  display:flex;
  gap:10px;
  align-items:center;
  color:rgba(208,231,255,.78);
  letter-spacing:.1em;
  animation:crestFloat 5s ease-in-out infinite;
}
.starlight-crest span:nth-child(3){
  color:#7de8ff;
  font-size:1.35rem;
  text-shadow:0 0 18px rgba(87,224,255,.7);
}
@keyframes crestFloat{50%{transform:translateY(-8px) scale(1.02)}}

.match-night-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(126,206,255,.16);
  background:rgba(255,255,255,.03);
  color:#9eefff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
}
.match-night-pill>span{
  width:7px;height:7px;border-radius:50%;
  background:#5cf0ff;
  box-shadow:0 0 14px rgba(92,240,255,.85);
  animation:matchNightBlink 1.7s ease-in-out infinite;
}
@keyframes matchNightBlink{50%{opacity:.35;transform:scale(.75)}}

/* Hero buttons */
.hero-main-btn,
.public-cta-btn,
.auth-submit-v9{
  background:
    linear-gradient(135deg,#7258ff 0%,#3d7dff 55%,#52ddff 100%)!important;
  box-shadow:
    0 20px 46px rgba(61,125,255,.26),
    0 0 30px rgba(87,224,255,.08)!important;
}
.hero-main-btn:hover,
.public-cta-btn:hover{
  transform:translateY(-3px) scale(1.015)!important;
}

/* Trophy visual */
.trophy-core{
  background:
    radial-gradient(circle,rgba(255,211,110,.18),rgba(87,224,255,.035) 50%,transparent 72%)!important;
  border-color:rgba(255,211,110,.18)!important;
  box-shadow:
    0 0 100px rgba(255,211,110,.11),
    0 0 110px rgba(87,224,255,.08)!important;
}
.trophy-orbit{
  border-color:rgba(115,220,255,.17)!important;
  box-shadow:inset 0 0 24px rgba(87,224,255,.025);
}
.trophy-orbit:before,
.trophy-orbit:after{
  content:"";
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:#7eefff;
  box-shadow:0 0 14px rgba(126,239,255,.85);
}
.trophy-orbit:before{left:12%;top:14%}
.trophy-orbit:after{right:10%;bottom:18%}

.starlight-ribbon{
  position:absolute;
  right:-120px;
  top:80px;
  width:520px;height:520px;
  z-index:1;
  border-radius:50%;
  opacity:.16;
  filter:blur(2px);
  background:
    conic-gradient(from 0deg,transparent 0 16%,#7c5cff 20%,transparent 27%,#43d5ff 42%,transparent 50%,#3d7dff 68%,transparent 80%);
  animation:ribbonSpin 22s linear infinite;
}
@keyframes ribbonSpin{to{transform:rotate(360deg)}}

/* Metrics */
.final-metrics div{
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))!important;
  border-color:rgba(133,182,255,.09)!important;
}
.final-metrics div:hover{
  transform:translateY(-4px);
  border-color:rgba(87,224,255,.22)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}

/* Premium cards with spotlight */
.final-feature-card,
.card,
.match-card,
.profile-tile,
.quick-action{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(14,34,78,.76),rgba(6,18,47,.82))!important;
  border:1px solid rgba(136,178,255,.12)!important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.012) inset!important;
}
.final-feature-card:before,
.card:before,
.match-card:before,
.profile-tile:before,
.quick-action:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(87,224,255,.11),transparent 62%);
  transition:opacity .25s ease;
}
.final-feature-card:hover:before,
.card:hover:before,
.match-card:hover:before,
.profile-tile:hover:before,
.quick-action:hover:before{opacity:1}
.final-feature-card:hover,
.card:hover,
.match-card:hover,
.profile-tile:hover,
.quick-action:hover{
  border-color:rgba(87,224,255,.24)!important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.27),
    0 0 36px rgba(61,125,255,.05)!important;
}

/* Section headings */
.final-section-heading span,
.eyebrow{
  color:#70e6ff!important;
}
.final-section-heading h2,
.page-head h2{
  color:#f4f8ff!important;
}

/* Connected app */
.app-shell{
  width:min(1420px,calc(100% - 28px))!important;
}
.info-strip{
  border:1px solid rgba(126,190,255,.12)!important;
  background:linear-gradient(180deg,rgba(8,22,54,.82),rgba(5,14,38,.86))!important;
  color:#a9bedf!important;
}
.table-wrap{
  border:1px solid rgba(136,178,255,.12)!important;
  background:rgba(5,15,38,.78)!important;
}
table{
  background:rgba(4,14,36,.92)!important;
  color:#e9f2ff!important;
}
th{
  background:rgba(255,255,255,.025)!important;
  color:#8ea5cc!important;
}
td,th{border-bottom-color:rgba(135,175,255,.09)!important}
.points{color:#7cecff!important}

/* Rankings */
.podium .card.place-1{
  border-color:rgba(255,211,110,.22)!important;
  box-shadow:
    0 24px 70px rgba(255,211,110,.06),
    0 0 50px rgba(87,224,255,.04)!important;
}
.medal{filter:drop-shadow(0 0 15px rgba(255,211,110,.18))}

/* Inputs */
select,input{
  background:rgba(4,15,40,.94)!important;
  color:#eef6ff!important;
  border-color:rgba(136,178,255,.14)!important;
}
select:focus,input:focus{
  border-color:#59dcff!important;
  box-shadow:0 0 0 3px rgba(87,224,255,.08)!important;
}

/* AI panel */
.ai-panel{
  border-color:rgba(126,196,255,.18)!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(126,92,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(5,16,43,.98),rgba(2,8,24,.99))!important;
  box-shadow:
    0 34px 110px rgba(0,0,0,.58),
    0 0 60px rgba(61,125,255,.08)!important;
}
.ai-orb{
  background:conic-gradient(from 200deg,#7d5cff,#3d7dff,#57e0ff,#7d5cff)!important;
}

/* Footer */
.starlight-footer{
  width:min(1320px,calc(100% - 28px));
  margin:30px auto 8px;
  text-align:center;
  color:#7895c1;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.16em;
}
.starlight-footer span{
  color:#6de7ff;
  text-shadow:0 0 12px rgba(109,231,255,.55);
}

/* Mobile refinements */
@media(max-width:760px){
  .final-hero{min-height:auto!important}
  .final-hero h1{font-size:3.4rem!important}
  .starlight-crest{top:18px;right:18px}
  .cursor-glow{display:none}
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
  .cursor-glow{display:none!important}
}


/* ===========================================================
   CELESTIAL MASTERPIECE
   =========================================================== */
:root{
  --celestial-navy:#020614;
  --celestial-panel:#07142f;
  --celestial-panel-2:#0b1e48;
  --celestial-blue:#487cff;
  --celestial-cyan:#5fe7ff;
  --celestial-violet:#8266ff;
  --celestial-white:#f7fbff;
  --celestial-muted:#9fb4d8;
  --celestial-gold:#ffd477;
}

/* Typography & spacing */
body{
  letter-spacing:-.005em;
}
h1,h2,h3,strong{
  text-rendering:geometricPrecision;
}
.final-landing,
.app-shell{
  max-width:1440px!important;
}

/* Public nav floating luxury capsule */
.final-topnav{
  min-height:78px!important;
  padding:11px 14px!important;
  border-radius:28px!important;
}
.public-brand{
  min-width:250px;
}
.final-tabs{
  padding:6px!important;
  gap:5px!important;
}
.public-tab{
  padding:0 15px!important;
  min-height:46px!important;
  border-radius:15px!important;
}
.public-topnav-actions{
  gap:8px!important;
}
.public-ghost-btn,.public-cta-btn{
  min-height:46px!important;
  border-radius:15px!important;
}

/* Hero is now a cinematic stage */
.final-hero{
  padding:70px 68px 64px!important;
  min-height:780px!important;
  border-radius:40px!important;
}
.final-hero-copy{
  max-width:780px;
}
.match-night-pill{
  margin-bottom:15px!important;
}
.final-live-pill{
  margin-bottom:0;
}
.final-hero-copy>p{
  max-width:650px;
  font-size:1.12rem!important;
  line-height:1.85!important;
}
.celestial-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:23px 0 4px;
}
.celestial-hero-badges span{
  padding:8px 11px;
  border-radius:999px;
  color:#a9c3e9;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(142,190,255,.09);
  font-size:.67rem;
  font-weight:750;
}
.celestial-hero-badges span:first-child{
  color:#8eeaff;
  border-color:rgba(95,231,255,.15);
}
.final-hero-actions{
  margin-top:19px!important;
}
.hero-main-btn,.hero-secondary-btn{
  min-height:56px!important;
  border-radius:18px!important;
  padding:0 22px!important;
}
.final-metrics{
  margin-top:34px!important;
}
.final-metrics div{
  min-height:88px;
  padding:18px!important;
  border-radius:20px!important;
}
.final-metrics strong{
  font-size:1.8rem!important;
  letter-spacing:-.04em;
}

/* Trophy stage */
.final-hero-visual{
  min-height:590px!important;
}
.trophy-core{
  width:205px!important;
  height:205px!important;
  font-size:6.4rem!important;
}
.celestial-stage-label{
  position:absolute;
  top:50%;
  left:50%;
  z-index:4;
  transform:translate(-50%,150px);
  display:flex;
  align-items:center;
  gap:11px;
  white-space:nowrap;
  color:#7992bb;
  font-size:.61rem;
  letter-spacing:.16em;
}
.celestial-stage-label strong{
  color:#b5c9e7;
  font-size:.64rem;
}
.celestial-stage-label span{
  color:#5fe7ff;
}
.floating-card{
  border-radius:20px!important;
  padding:14px 17px!important;
}
.fc-one{left:-4%!important;top:18%!important}
.fc-two{right:-5%!important;top:42%!important}
.fc-three{left:10%!important;bottom:10%!important}

/* Scroll cue */
.celestial-scroll-cue{
  position:absolute;
  left:50%;
  bottom:23px;
  transform:translateX(-50%);
  z-index:6;
  display:flex;
  align-items:center;
  gap:10px;
  color:#6f89b3;
  font-size:.63rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.celestial-scroll-cue i{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(126,181,255,.12);
  font-style:normal;
  animation:scrollCue 1.8s ease-in-out infinite;
}
@keyframes scrollCue{50%{transform:translateY(5px);color:#63e3ff}}

/* Feature pages */
.final-section{
  border-radius:34px!important;
  padding:50px!important;
}
.final-section-heading{
  max-width:800px;
}
.final-section-heading h2{
  font-size:clamp(2.3rem,4vw,4rem)!important;
  line-height:1.04;
}
.final-feature-grid{
  gap:16px!important;
  margin-top:34px!important;
}
.final-feature-card{
  min-height:220px;
  padding:25px!important;
  border-radius:24px!important;
}
.feature-icon{
  width:49px!important;
  height:49px!important;
  border-radius:15px!important;
}
.final-feature-card h3{
  font-size:1.1rem;
}

/* Cards get a restrained internal spotlight */
.final-feature-card:after,
.card:after,
.match-card:after,
.quick-action:after,
.profile-tile:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(280px circle at var(--shine-x,50%) var(--shine-y,50%),rgba(106,231,255,.075),transparent 60%);
  transition:opacity .25s ease;
}
.final-feature-card:hover:after,
.card:hover:after,
.match-card:hover:after,
.quick-action:hover:after,
.profile-tile:hover:after{
  opacity:1;
}

/* Logged-in navigation */
.celestial-header{
  position:sticky!important;
  top:10px!important;
  overflow:visible!important;
  padding:0!important;
  border-radius:27px!important;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.celestial-header.header-scrolled{
  box-shadow:0 24px 90px rgba(0,0,0,.5),0 0 40px rgba(72,124,255,.06)!important;
}
.celestial-topline{
  height:30px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 17px;
  color:#7188af;
  border-bottom:1px solid rgba(137,177,255,.07);
  font-size:.58rem;
  letter-spacing:.12em;
}
.celestial-topline>span:last-child{text-align:right}
.celestial-topline strong{
  color:#899fc3;
  font-size:.58rem;
  letter-spacing:.16em;
}
.celestial-topline i{
  display:inline-block;
  width:6px;height:6px;
  margin-right:6px;
  border-radius:50%;
  background:#43e0a1;
  box-shadow:0 0 10px rgba(67,224,161,.75);
}
.celestial-header-row{
  padding:10px 12px;
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.celestial-brand{
  padding:6px 8px!important;
  min-width:190px;
  border:0!important;
  background:transparent!important;
}
.celestial-brand .brand-mark{
  width:44px!important;height:44px!important;
}
.celestial-tabs{
  justify-content:center!important;
  max-width:max-content!important;
  padding:5px!important;
  gap:3px!important;
  overflow:visible!important;
}
.celestial-tabs>.nav-btn{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:44px!important;
  padding:0 11px!important;
  border-radius:14px!important;
  white-space:nowrap;
  font-size:.71rem!important;
}
.celestial-tabs>.nav-btn span{
  font-size:.82rem;
}
.celestial-actions{
  gap:6px!important;
}
.celestial-actions .header-icon-btn{
  width:40px!important;height:40px!important;
  border-radius:13px!important;
}
.celestial-user{
  min-width:142px;
  min-height:46px;
  border-radius:15px!important;
}
.celestial-user>b{
  color:#7890b6;
  font-size:.66rem;
}
.logout-icon-btn{
  width:40px;height:40px;
  border-radius:13px;
  border:1px solid rgba(255,120,145,.10);
  background:rgba(255,92,124,.04);
  color:#ff9caf;
  font-size:1rem;
}
.logout-icon-btn:hover{
  background:rgba(255,92,124,.10);
}
.celestial-player-switch{
  position:absolute;
  right:12px;
  top:76px;
  opacity:0;
  pointer-events:none;
  transform:translateY(-5px);
  transition:.2s;
  z-index:80;
}
.celestial-user:focus-within~.celestial-player-switch,
.celestial-user:hover~.celestial-player-switch,
.celestial-player-switch:hover{
  opacity:1;
  pointer-events:auto;
  transform:none;
}

/* Mega menu */
.more-menu{
  position:relative;
}
.more-menu>summary{
  list-style:none;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border-radius:14px;
  color:#a9badc;
  font-size:.71rem;
  font-weight:800;
  cursor:pointer;
}
.more-menu>summary::-webkit-details-marker{display:none}
.more-menu>summary:hover,
.more-menu[open]>summary{
  color:white;
  background:rgba(255,255,255,.045);
}
.more-menu>summary span{
  transition:.2s;
}
.more-menu[open]>summary span{
  transform:rotate(180deg);
}
.more-menu-panel{
  position:absolute;
  top:53px;
  left:50%;
  transform:translateX(-50%);
  width:560px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(137,181,255,.14);
  background:linear-gradient(180deg,rgba(7,18,46,.98),rgba(3,10,29,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  backdrop-filter:blur(22px);
}
.more-menu-head{
  padding:2px 4px 13px;
}
.more-menu-head span,.more-menu-head small{
  display:block;
}
.more-menu-head span{
  color:#62e4ff;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.15em;
}
.more-menu-head small{
  margin-top:4px;
  color:#7d91b5;
  font-size:.68rem;
}
.more-menu-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.more-menu-grid .nav-btn{
  min-height:74px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  text-align:left!important;
  border-radius:15px!important;
  border:1px solid rgba(137,177,255,.06)!important;
  background:rgba(255,255,255,.018)!important;
}
.more-menu-grid .nav-btn:hover{
  background:rgba(93,224,255,.045)!important;
  border-color:rgba(93,224,255,.15)!important;
}
.more-menu-grid .nav-btn>span{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:11px;
  background:rgba(85,180,255,.065);
}
.more-menu-grid .nav-btn strong,
.more-menu-grid .nav-btn small{
  display:block;
}
.more-menu-grid .nav-btn strong{
  color:#eaf3ff;
  font-size:.72rem;
}
.more-menu-grid .nav-btn small{
  margin-top:3px;
  color:#7287ac;
  font-size:.59rem;
}

/* Logged app content */
.app-shell{
  margin-top:22px!important;
}
.info-strip{
  border-radius:16px!important;
  min-height:48px;
  padding:10px 15px!important;
}
.hero{
  border-radius:30px!important;
  min-height:430px!important;
  padding:clamp(28px,5vw,58px)!important;
}
.hero h1{
  font-size:clamp(2.8rem,5vw,5.6rem)!important;
  max-width:950px!important;
}
.card{
  border-radius:22px!important;
}
.quick-actions{
  gap:12px!important;
}
.quick-action{
  min-height:130px;
  border-radius:20px!important;
}
.match-card{
  border-radius:20px!important;
}
.page-head{
  margin-bottom:22px!important;
}
.page-head h2{
  font-size:clamp(1.9rem,3vw,2.8rem)!important;
}

/* Mobile bottom nav becomes cleaner */
@media(max-width:700px){
  .mobile-nav{
    grid-template-columns:repeat(5,1fr)!important;
    overflow-x:auto;
    left:8px!important;right:8px!important;bottom:8px!important;
    border-radius:22px!important;
  }
  .mobile-nav .nav-btn{
    min-width:66px;
  }
}

/* Responsiveness */
@media(max-width:1250px){
  .celestial-topline{display:none}
  .celestial-header-row{
    grid-template-columns:auto 1fr!important;
  }
  .celestial-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .celestial-tabs{
    max-width:100%!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
  }
  .more-menu-panel{
    left:auto;
    right:0;
    transform:none;
  }
}
@media(max-width:980px){
  .celestial-header{display:none!important}
}
@media(max-width:800px){
  .final-hero{
    padding:38px 22px 48px!important;
    border-radius:28px!important;
  }
  .final-hero h1{
    font-size:clamp(3rem,12vw,4.7rem)!important;
  }
  .final-section{
    padding:30px 20px!important;
    border-radius:26px!important;
  }
  .celestial-scroll-cue{display:none}
}


/* ===========================================================
   SHOWSTOPPER PRO — attention-first premium layout
   =========================================================== */
:root{
  --show-blue:#5c83ff;
  --show-cyan:#67efff;
  --show-violet:#8b6cff;
  --show-ice:#f8fbff;
  --show-muted:#9eb2d3;
}

/* Ribbon */
.showstopper-ribbon{
  position:relative;
  z-index:3;
  width:min(1380px,calc(100% - 28px));
  min-height:38px;
  margin:0 auto 14px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border:1px solid rgba(135,183,255,.10);
  border-radius:14px;
  background:rgba(5,14,37,.48);
  backdrop-filter:blur(12px);
  color:#7188ad;
  font-size:.58rem;
  letter-spacing:.12em;
}
.showstopper-ribbon>span:last-child{text-align:right}
.showstopper-ribbon strong{
  color:#a3b8d8;
  font-size:.59rem;
}

/* Hero */
.final-hero{
  min-height:800px!important;
  padding:78px 70px 70px!important;
}
.showstopper-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:#8fb5dc;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.12em;
}
.kicker-dot{
  width:7px;height:7px;border-radius:50%;
  background:#62e7ff;
  box-shadow:0 0 14px rgba(98,231,255,.75);
}
.final-hero h1{
  max-width:920px!important;
  font-size:clamp(4.4rem,7.6vw,8.6rem)!important;
  line-height:.86!important;
}
.final-hero-copy>p{
  max-width:700px!important;
  font-size:1.14rem!important;
}
.showcase-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:24px;
}
.showcase-proof article{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:70px;
  padding:13px 14px;
  border-radius:17px;
  border:1px solid rgba(136,185,255,.09);
  background:rgba(255,255,255,.025);
}
.showcase-proof article>span{
  width:36px;height:36px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(139,108,255,.13),rgba(103,239,255,.09));
}
.showcase-proof strong,.showcase-proof small{display:block}
.showcase-proof strong{font-size:.75rem}
.showcase-proof small{margin-top:3px;color:#7d92b8;font-size:.61rem}

/* Feature proof strip */
.premium-proof-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:26px 0 10px;
}
.premium-proof-strip span{
  padding:8px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(136,185,255,.08);
  color:#7f96bb;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.08em;
}

/* Feature cards */
.final-feature-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.final-feature-card{
  min-height:235px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.final-feature-card h3{
  font-size:1.18rem!important;
}
.final-feature-card p{
  font-size:.79rem;
}

/* Ranking showcase */
.ranking-live-headline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:26px;
  padding:12px 14px;
  border-radius:15px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(136,185,255,.08);
}
.ranking-live-headline span{
  color:#5ce6ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
}
.ranking-live-headline strong{
  color:#a8bbd8;
  font-size:.72rem;
}
.ranking-podium-card{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.ranking-podium-card.first{
  transform:translateY(-12px);
}

/* Players */
.final-player-grid article{
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.players-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
  padding:22px 24px;
  border-radius:22px;
  border:1px solid rgba(135,183,255,.10);
  background:linear-gradient(135deg,rgba(139,108,255,.08),rgba(103,239,255,.04));
}
.players-cta span,.players-cta strong{display:block}
.players-cta span{
  color:#63eaff;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.12em;
}
.players-cta strong{
  margin-top:5px;
  font-size:1rem;
}

/* Logged dashboard */
.info-strip{
  box-shadow:0 12px 30px rgba(0,0,0,.12)!important;
}
.hero{
  min-height:450px!important;
  background:
    radial-gradient(circle at 84% 20%,rgba(103,239,255,.14),transparent 24%),
    radial-gradient(circle at 20% 10%,rgba(139,108,255,.10),transparent 24%),
    linear-gradient(135deg,rgba(12,31,76,.94),rgba(5,15,42,.96))!important;
}
.hero h1{
  font-size:clamp(3.2rem,5.6vw,6.1rem)!important;
}
.quick-actions{
  grid-template-columns:repeat(3,1fr)!important;
}
.quick-action{
  min-height:145px!important;
}

/* Reveal animation */
.reveal-item{
  opacity:0;
  transform:translateY(18px) scale(.99);
}
.reveal-item.revealed{
  opacity:1;
  transform:none;
  transition:
    opacity .5s ease var(--delay,0ms),
    transform .5s ease var(--delay,0ms),
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

/* High-end motion on hover */
.final-feature-card:hover,
.ranking-podium-card:hover,
.final-player-grid article:hover,
.quick-action:hover{
  transform:translateY(-6px) scale(1.006)!important;
}

/* Responsive */
@media(max-width:1000px){
  .showstopper-ribbon{
    grid-template-columns:1fr;
    text-align:center;
    padding:9px 12px;
  }
  .showstopper-ribbon>span:last-child{text-align:center}
  .showcase-proof{grid-template-columns:1fr}
  .quick-actions{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  .showstopper-ribbon{display:none}
  .final-hero{
    min-height:auto!important;
    padding:42px 22px 54px!important;
  }
  .final-hero h1{
    font-size:clamp(3.2rem,14vw,5.2rem)!important;
  }
  .showcase-proof{display:none}
  .premium-proof-strip{display:none}
  .ranking-live-headline{
    align-items:flex-start;
    flex-direction:column;
  }
  .players-cta{
    align-items:flex-start;
    flex-direction:column;
  }
  .quick-actions{grid-template-columns:1fr!important}
}

/* ===== AURORA AUTH ELITE ===== */
.aurora-auth-panel{width:min(720px,calc(100% - 24px))!important;max-height:92vh!important;padding:28px!important;border-radius:32px!important;overflow:auto!important;background:radial-gradient(circle at 80% 0%,rgba(126,92,255,.14),transparent 30%),radial-gradient(circle at 5% 100%,rgba(82,222,255,.09),transparent 28%),linear-gradient(180deg,rgba(7,18,47,.985),rgba(2,8,25,.99))!important;border:1px solid rgba(132,184,255,.18)!important;box-shadow:0 50px 150px rgba(0,0,0,.62),0 0 70px rgba(72,124,255,.07)!important}
.aurora-back{margin-bottom:18px;color:#93b6dc!important}.aurora-auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.aurora-auth-logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:conic-gradient(from 200deg,#8466ff,#497fff,#65e9ff,#8466ff);color:white;box-shadow:0 13px 32px rgba(82,211,255,.16)}.aurora-auth-brand strong,.aurora-auth-brand small{display:block}.aurora-auth-brand strong{letter-spacing:.12em;font-size:.84rem}.aurora-auth-brand small{margin-top:3px;color:#7890b7;font-size:.61rem;letter-spacing:.08em}
.aurora-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025)}.aurora-auth-tab{min-height:46px;border:0;border-radius:13px;background:transparent;color:#8fa4c8;font-weight:850;transition:.2s ease}.aurora-auth-tab.active{color:white;background:linear-gradient(135deg,#795dff,#397fff 56%,#59e2ff);box-shadow:0 13px 30px rgba(61,125,255,.18)}
.aurora-auth-heading{padding:24px 2px 16px}.aurora-auth-heading>span{color:#61e4ff;font-size:.63rem;font-weight:900;letter-spacing:.15em}.aurora-auth-heading h2{margin:8px 0 5px;font-size:clamp(2rem,5vw,3rem);line-height:1;letter-spacing:-.045em;color:white}.aurora-auth-heading p{margin:0;color:#8da2c7;line-height:1.55}.aurora-auth-form{display:grid;gap:12px}
.aurora-step{padding:17px;border-radius:20px;border:1px solid rgba(137,181,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.015))}.aurora-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.aurora-step-head>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(125,92,255,.22),rgba(67,213,255,.14));color:#80e8ff;font-size:.64rem;font-weight:900}.aurora-step-head strong,.aurora-step-head small{display:block}.aurora-step-head strong{font-size:.8rem}.aurora-step-head small{margin-top:2px;color:#748aaf;font-size:.64rem}
.aurora-profile-chooser{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.aurora-profile-chooser .profile-choice{min-height:90px!important;padding:9px 5px!important;border-radius:15px!important;background:rgba(255,255,255,.02)!important}.aurora-profile-chooser .profile-choice:hover,.aurora-profile-chooser .profile-choice.active{border-color:rgba(92,226,255,.24)!important;background:rgba(92,226,255,.045)!important;transform:translateY(-2px)}.aurora-profile-chooser .profile-choice .avatar{width:44px!important;height:44px!important}
.aurora-avatar-area{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.aurora-avatar-preview{width:88px!important;height:88px!important;border-radius:27px!important;font-size:1.7rem!important;border:1px solid rgba(123,199,255,.17);box-shadow:0 15px 40px rgba(0,0,0,.22),0 0 35px rgba(83,211,255,.06)}.aurora-avatar-preview[data-preset="gradient1"]{background:linear-gradient(135deg,#765cff,#42d5ff)!important}.aurora-avatar-preview[data-preset="gradient2"]{background:linear-gradient(135deg,#ff7db7,#7d5cff)!important}.aurora-avatar-preview[data-preset="gradient3"]{background:linear-gradient(135deg,#236bff,#00d9ff)!important}.aurora-avatar-preview[data-preset="gradient4"]{background:linear-gradient(135deg,#ffb847,#ff6c61)!important}.aurora-avatar-preview[data-preset="gradient5"]{background:linear-gradient(135deg,#21c980,#1a8cff)!important}.aurora-avatar-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.preset-avatar{width:42px;height:42px;border-radius:13px;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025);color:#b8c9e5}.preset-avatar.active{border-color:rgba(89,226,255,.30);background:rgba(89,226,255,.075);box-shadow:0 0 20px rgba(89,226,255,.07)}.aurora-upload-btn{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;border-radius:15px;border:1px dashed rgba(138,184,255,.17);background:rgba(255,255,255,.018);cursor:pointer}.aurora-upload-btn strong,.aurora-upload-btn small{display:block}.aurora-upload-btn strong{font-size:.75rem}.aurora-upload-btn small{margin-top:2px;color:#7489ad;font-size:.61rem}
.aurora-field{display:grid;gap:7px;margin-top:10px}.aurora-field>span{color:#9db1d3;font-size:.69rem;font-weight:750}.aurora-field-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:52px;padding:0 10px 0 12px;border-radius:15px;border:1px solid rgba(137,181,255,.11);background:rgba(2,10,31,.80);transition:.2s ease}.aurora-field-box:focus-within{border-color:#5de1ff;box-shadow:0 0 0 3px rgba(93,225,255,.07)}.aurora-field-box>i{font-style:normal;color:#6b85ac}.aurora-field-box input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-width:0}.aurora-eye{width:36px;height:36px;border:0;border-radius:11px;background:rgba(255,255,255,.03);color:#8499bd}.aurora-eye:hover{background:rgba(255,255,255,.06);color:white}
.aurora-strength{padding:10px 2px 0}.aurora-strength-head{display:flex;justify-content:space-between;font-size:.65rem;color:#7f94ba}.aurora-strength-bar{height:7px;border-radius:999px;overflow:hidden;margin:7px 0 6px;background:rgba(255,255,255,.05)}.aurora-strength-bar span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff647d,#ffd166,#43d5ff,#55df95);transition:.25s}.aurora-strength small{color:#6f84aa;font-size:.61rem}
.aurora-auth-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.aurora-check{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:14px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.018)}.aurora-check span strong,.aurora-check span small{display:block}.aurora-check span strong{font-size:.69rem}.aurora-check span small{margin-top:2px;color:#7186aa;font-size:.59rem}.aurora-auth-info{min-height:46px;padding:10px 12px;border-radius:14px;background:rgba(90,215,255,.035);border:1px solid rgba(90,215,255,.08);color:#86a0c5;font-size:.67rem;line-height:1.45}.aurora-auth-info strong{color:#cfe2fb}
.aurora-submit{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:0;border-radius:17px;color:white;font-weight:900;background:linear-gradient(135deg,#795dff,#3b7fff 58%,#5be4ff);box-shadow:0 18px 42px rgba(61,125,255,.23)}.aurora-submit:hover{transform:translateY(-2px);box-shadow:0 23px 50px rgba(61,125,255,.28)}.aurora-security-note{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;color:#7288ad;font-size:.61rem;text-align:left}.aurora-security-note strong,.aurora-security-note small{display:block}.aurora-security-note strong{color:#8da4c8;font-size:.65rem}.aurora-security-note small{margin-top:2px}
@media(max-width:720px){.aurora-auth-panel{padding:19px!important;border-radius:24px!important}.aurora-profile-chooser{grid-template-columns:repeat(3,1fr)!important}.aurora-avatar-area{grid-template-columns:1fr}.aurora-avatar-preview{margin:auto}.aurora-avatar-options{justify-content:center}.aurora-auth-options{grid-template-columns:1fr}}


/* ==========================================================
   NEBULA SUPREME — cinematic premium edition
   ========================================================== */
:root{
  --neb-bg:#02050f;
  --neb-blue:#467cff;
  --neb-cyan:#6beaff;
  --neb-violet:#8b68ff;
  --neb-gold:#ffd26d;
  --neb-white:#f7fbff;
  --neb-muted:#8fa7ca;
}

body{
  background:
    radial-gradient(circle at 50% -10%,rgba(83,118,255,.22),transparent 35%),
    radial-gradient(circle at 95% 25%,rgba(139,104,255,.14),transparent 25%),
    radial-gradient(circle at 5% 70%,rgba(72,221,255,.09),transparent 28%),
    linear-gradient(180deg,#02050f,#03091a 45%,#01040c)!important;
}

/* top insignia */
.nebula-crown-line{
  position:relative;
  z-index:5;
  width:min(1380px,calc(100% - 28px));
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:#7188ae;
  font-size:.59rem;
  letter-spacing:.18em;
}
.nebula-crown-line span{
  color:#71e7ff;
  text-shadow:0 0 16px rgba(113,231,255,.7);
}
.nebula-crown-line strong{
  font-size:.6rem;
}

/* hero masterpiece */
.final-hero{
  min-height:830px!important;
  border-radius:44px!important;
  background:
    radial-gradient(500px circle at var(--hero-x,80%) var(--hero-y,25%),rgba(99,228,255,.12),transparent 65%),
    radial-gradient(circle at 80% 20%,rgba(98,225,255,.10),transparent 22%),
    radial-gradient(circle at 22% 10%,rgba(139,104,255,.14),transparent 26%),
    linear-gradient(145deg,rgba(8,21,57,.95),rgba(2,8,26,.97))!important;
  box-shadow:
    0 55px 170px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 120px rgba(66,123,255,.08)!important;
}
.final-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 85%);
}
.final-hero-copy{max-width:820px!important}
.final-hero h1{
  font-size:clamp(4.8rem,8vw,9rem)!important;
  line-height:.84!important;
  letter-spacing:-.075em!important;
  max-width:980px!important;
}
.final-hero h1 span{
  background:linear-gradient(92deg,#d7d9ff,#927cff 28%,#67afff 58%,#78efff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.final-hero-copy>p{
  max-width:720px!important;
  color:#b9cbea!important;
  font-size:1.16rem!important;
  line-height:1.85!important;
}
.nebula-hero-signature{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 4px;
  font-size:.62rem;
  letter-spacing:.12em;
}
.nebula-hero-signature span{color:#6f87ae}
.nebula-hero-signature b{color:#d4e4fb}
.nebula-hero-signature i{
  width:4px;height:4px;border-radius:50%;
  background:#5de9ff;
  box-shadow:0 0 10px rgba(93,233,255,.9);
}

.final-hero-visual{
  min-height:620px!important;
}
.trophy-core{
  width:220px!important;
  height:220px!important;
  font-size:7rem!important;
  background:
    radial-gradient(circle,rgba(255,211,104,.20),rgba(64,150,255,.05) 56%,transparent 73%)!important;
  filter:drop-shadow(0 0 40px rgba(255,211,104,.10));
}
.trophy-orbit{
  border-color:rgba(119,213,255,.18)!important;
}
.floating-card{
  box-shadow:0 20px 50px rgba(0,0,0,.30)!important;
}

/* public sections */
.final-section{
  border-radius:38px!important;
  border-color:rgba(133,182,255,.10)!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(112,91,255,.055),transparent 22%),
    linear-gradient(180deg,rgba(8,18,45,.82),rgba(3,10,28,.85))!important;
}
.final-section-heading h2{
  font-size:clamp(2.6rem,4.4vw,4.6rem)!important;
  letter-spacing:-.055em!important;
}
.final-feature-card,
.final-player-grid article,
.ranking-podium-card{
  border-radius:26px!important;
}
.final-feature-card{
  min-height:250px!important;
}
.feature-icon{
  box-shadow:0 12px 28px rgba(72,124,255,.09);
}

/* divider */
.nebula-section-separator{
  width:min(1280px,calc(100% - 44px));
  margin:34px auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:15px;
  align-items:center;
  color:#7288ac;
  font-size:.61rem;
  letter-spacing:.18em;
}
.nebula-section-separator span{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(107,234,255,.17));
}
.nebula-section-separator span:last-child{
  background:linear-gradient(90deg,rgba(107,234,255,.17),transparent);
}

/* podium */
.ranking-podium-card.first{
  border-color:rgba(255,210,109,.23)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,210,109,.10),transparent 34%),
    linear-gradient(180deg,rgba(20,28,54,.90),rgba(8,16,37,.94))!important;
  box-shadow:0 30px 80px rgba(255,210,109,.06)!important;
}
.ranking-podium-card{
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;
}

/* player cards */
.final-player-grid article{
  min-height:205px!important;
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;
}
.final-player-grid article:hover{
  border-color:rgba(105,229,255,.22)!important;
}

/* logged header */
.celestial-header{
  backdrop-filter:blur(28px)!important;
  background:linear-gradient(180deg,rgba(5,15,38,.93),rgba(3,9,26,.93))!important;
}
.celestial-topline{
  color:#6f86ab!important;
}
.celestial-tabs>.nav-btn.active{
  background:linear-gradient(135deg,#775eff,#3e7cff 58%,#5de2ff)!important;
}

/* app dashboard */
.hero{
  min-height:500px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(100,228,255,.13),transparent 22%),
    radial-gradient(circle at 15% 10%,rgba(139,104,255,.11),transparent 24%),
    linear-gradient(140deg,rgba(10,27,67,.97),rgba(4,13,38,.98))!important;
}
.hero h1{
  font-size:clamp(3.5rem,6vw,6.5rem)!important;
  letter-spacing:-.06em!important;
}
.quick-action,.card,.match-card,.profile-tile{
  transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;
}

/* ============================
   cinematic auth split panel
   ============================ */
.nebula-auth-panel{
  width:min(1080px,calc(100% - 24px))!important;
  display:grid!important;
  grid-template-columns:380px 1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.nebula-auth-sidecopy{
  position:relative;
  min-height:760px;
  padding:42px 34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 30% 20%,rgba(93,229,255,.13),transparent 26%),
    radial-gradient(circle at 75% 70%,rgba(139,104,255,.16),transparent 28%),
    linear-gradient(145deg,#0c245b,#081636 45%,#050d24);
  border-right:1px solid rgba(136,181,255,.10);
}
.nebula-auth-sidecopy:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle at 82% 28%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),
    radial-gradient(circle at 60% 78%,rgba(255,255,255,.5) 0 1px,transparent 1.5px);
  background-size:120px 120px,160px 160px,180px 180px;
  opacity:.55;
}
.nebula-auth-sidecopy>*{position:relative;z-index:2}
.nebula-mini-stars{
  display:flex;gap:9px;
  color:#6fe8ff;
  margin-bottom:22px;
}
.nebula-mini-stars span:nth-child(2){
  color:#ffd26d;
  font-size:1.2rem;
}
.nebula-auth-sidecopy>small{
  color:#76e7ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.nebula-auth-sidecopy h3{
  margin:12px 0 15px;
  font-size:3rem;
  line-height:.96;
  letter-spacing:-.055em;
  color:white;
}
.nebula-auth-sidecopy h3 span{
  background:linear-gradient(90deg,#9a80ff,#63e9ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.nebula-auth-sidecopy p{
  color:#9eb4d3;
  line-height:1.7;
  font-size:.82rem;
}
.nebula-side-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:25px;
}
.nebula-side-metrics div{
  padding:13px 8px;
  text-align:center;
  border-radius:14px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(149,190,255,.08);
}
.nebula-side-metrics strong,.nebula-side-metrics span{display:block}
.nebula-side-metrics strong{font-size:1.1rem}
.nebula-side-metrics span{margin-top:3px;color:#7e94b6;font-size:.55rem}

.nebula-auth-main{
  max-height:92vh;
  overflow:auto;
  padding:28px;
}
.aurora-auth-heading h2{
  font-size:clamp(2.1rem,4vw,3.2rem)!important;
}
.aurora-auth-tabs{
  position:sticky;
  top:0;
  z-index:5;
  backdrop-filter:blur(15px);
}
.aurora-step{
  background:
    radial-gradient(circle at 100% 0%,rgba(99,221,255,.04),transparent 24%),
    rgba(255,255,255,.018)!important;
}
.aurora-submit{
  min-height:60px!important;
  border-radius:18px!important;
  font-size:.84rem;
}

/* Mobile */
@media(max-width:900px){
  .nebula-auth-panel{
    grid-template-columns:1fr!important;
  }
  .nebula-auth-sidecopy{
    display:none;
  }
  .nebula-auth-main{
    padding:20px;
  }
}
@media(max-width:760px){
  .nebula-crown-line{display:none}
  .final-hero{
    min-height:auto!important;
    padding:44px 22px 58px!important;
  }
  .final-hero h1{
    font-size:clamp(3.4rem,15vw,5.4rem)!important;
  }
  .nebula-section-separator{display:none}
}

/* ==========================================================
   AETHER LUXE — polished desktop registration composition
   ========================================================== */

/* Make the auth backdrop feel like a true product screen */
.auth-screen-final{
  padding:88px 26px 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/* Keep the choice screen intact */
#authChoiceScreen:not([hidden]){
  margin:auto!important;
}

/* Main auth window: wider, shorter, cleaner */
.nebula-auth-panel:not([hidden]){
  width:min(1180px,calc(100vw - 56px))!important;
  height:auto!important;
  max-height:calc(100vh - 128px)!important;
  min-height:0!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  align-items:stretch!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:
    0 42px 120px rgba(0,0,0,.60),
    0 0 0 1px rgba(255,255,255,.022) inset,
    0 0 80px rgba(71,123,255,.07)!important;
}

/* Left visual column */
.nebula-auth-sidecopy{
  min-height:0!important;
  height:auto!important;
  padding:34px 30px!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 20% 12%,rgba(100,230,255,.13),transparent 28%),
    radial-gradient(circle at 88% 85%,rgba(137,104,255,.17),transparent 34%),
    linear-gradient(150deg,#102d70 0%,#0a1c47 43%,#06112d 100%)!important;
}
.nebula-auth-sidecopy h3{
  margin:13px 0!important;
  font-size:2.65rem!important;
  line-height:.96!important;
}
.nebula-auth-sidecopy p{
  max-width:260px;
  font-size:.76rem!important;
  line-height:1.65!important;
}
.nebula-side-metrics{
  margin-top:20px!important;
}
.nebula-side-metrics div{
  padding:11px 6px!important;
}

/* Right content no longer looks like one huge vertical form */
.nebula-auth-main{
  max-height:calc(100vh - 128px)!important;
  overflow:auto!important;
  padding:24px 28px 22px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(119,158,219,.45) transparent;
}
.nebula-auth-main::-webkit-scrollbar{width:7px}
.nebula-auth-main::-webkit-scrollbar-track{background:transparent}
.nebula-auth-main::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(119,158,219,.35);
}

/* Header area compressed */
.aurora-back{margin-bottom:10px!important}
.aurora-auth-brand{margin-bottom:12px!important}
.aurora-auth-logo{width:42px!important;height:42px!important;border-radius:14px!important}
.aurora-auth-tabs{
  min-height:50px;
  padding:5px!important;
  border-radius:16px!important;
}
.aurora-auth-tab{min-height:40px!important}
.aurora-auth-heading{
  padding:16px 2px 12px!important;
}
.aurora-auth-heading h2{
  margin:6px 0 4px!important;
  font-size:clamp(2rem,3vw,2.75rem)!important;
}
.aurora-auth-heading p{
  font-size:.78rem!important;
}

/* Desktop registration uses a 2-column step layout */
.aurora-auth-form{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.aurora-auth-form>.aurora-step:first-child{
  grid-column:1/-1!important;
}
.aurora-avatar-step:not([hidden]){
  grid-column:1!important;
  grid-row:2!important;
}
.aurora-avatar-step:not([hidden]) + .aurora-step{
  grid-column:2!important;
  grid-row:2!important;
}
/* Login mode: credentials card spans full width because avatar is hidden */
.aurora-avatar-step[hidden] + .aurora-step{
  grid-column:1/-1!important;
}
.aurora-auth-options,
.aurora-auth-info,
.aurora-submit,
.aurora-security-note{
  grid-column:1/-1!important;
}

/* Steps are shorter and more refined */
.aurora-step{
  padding:13px 14px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(99,221,255,.035),transparent 26%),
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012))!important;
}
.aurora-step-head{
  margin-bottom:10px!important;
}
.aurora-step-head>span{
  width:29px!important;height:29px!important;border-radius:9px!important;
}

/* Profiles: elegant horizontal row */
.aurora-profile-chooser{
  gap:7px!important;
}
.aurora-profile-chooser .profile-choice{
  min-height:76px!important;
  border-radius:14px!important;
  padding:8px 5px!important;
}
.aurora-profile-chooser .profile-choice .avatar{
  width:39px!important;height:39px!important;
}

/* Avatar composition */
.aurora-avatar-area{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
}
.aurora-avatar-preview{
  width:76px!important;height:76px!important;
  border-radius:23px!important;
}
.aurora-avatar-options{
  gap:6px!important;
  margin-bottom:7px!important;
}
.preset-avatar{
  width:37px!important;height:37px!important;border-radius:11px!important;
}
.aurora-upload-btn{
  min-height:46px!important;
  padding:8px 10px!important;
}

/* Compact credentials */
.aurora-field{
  gap:5px!important;
  margin-top:7px!important;
}
.aurora-field-box{
  min-height:46px!important;
  border-radius:13px!important;
}
.aurora-eye{width:32px!important;height:32px!important}
.aurora-strength{padding-top:7px!important}

/* Bottom area */
.aurora-auth-options{
  gap:8px!important;
}
.aurora-check{
  padding:9px 10px!important;
  border-radius:13px!important;
}
.aurora-auth-info{
  min-height:40px!important;
  padding:9px 11px!important;
}
.aurora-submit{
  min-height:52px!important;
  border-radius:16px!important;
}
.aurora-security-note{
  padding:5px 10px!important;
}

/* Visual polish */
.nebula-auth-panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:0 0 0 1px rgba(112,214,255,.028) inset;
}
.aurora-auth-tab,
.aurora-submit,
.profile-choice,
.preset-avatar,
.aurora-upload-btn,
.aurora-field-box{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.profile-choice:hover,.preset-avatar:hover,.aurora-upload-btn:hover{
  transform:translateY(-2px)!important;
}

/* Laptop-safe sizing */
@media(max-height:820px) and (min-width:901px){
  .auth-screen-final{padding-top:72px!important;padding-bottom:18px!important}
  .nebula-auth-panel:not([hidden]){max-height:calc(100vh - 94px)!important}
  .nebula-auth-main{max-height:calc(100vh - 94px)!important;padding-top:18px!important;padding-bottom:16px!important}
  .aurora-auth-heading{padding-top:10px!important;padding-bottom:9px!important}
  .nebula-auth-sidecopy h3{font-size:2.35rem!important}
  .aurora-profile-chooser .profile-choice{min-height:68px!important}
}

/* Tablet/mobile returns to a single clean column */
@media(max-width:900px){
  .auth-screen-final{padding:74px 12px 18px!important;overflow:auto!important}
  .nebula-auth-panel:not([hidden]){
    width:min(680px,calc(100vw - 24px))!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
  }
  .nebula-auth-main{max-height:none!important;overflow:visible!important;padding:20px!important}
  .aurora-auth-form{grid-template-columns:1fr!important}
  .aurora-auth-form>*{grid-column:1!important;grid-row:auto!important}
  .aurora-avatar-area{grid-template-columns:72px 1fr!important}
}

@media(max-width:620px){
  .aurora-profile-chooser{grid-template-columns:repeat(2,1fr)!important}
  .aurora-auth-options{grid-template-columns:1fr!important}
  .aurora-avatar-area{grid-template-columns:1fr!important;text-align:center}
  .aurora-avatar-preview{margin:auto!important}
  .aurora-avatar-options{justify-content:center!important}
}


/* ===========================================================
   IMPERIUM ONE — dedicated premium authentication page
   =========================================================== */
html.auth-page-open,
body.auth-page-open{
  overflow:hidden!important;
}
.imperium-auth-page{
  position:fixed!important;
  inset:0!important;
  z-index:20000!important;
  display:block!important;
  padding:0!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 12% 14%,rgba(73,126,255,.22),transparent 28%),
    radial-gradient(circle at 88% 76%,rgba(139,104,255,.20),transparent 26%),
    linear-gradient(145deg,#020713,#061432 52%,#08071e)!important;
  backdrop-filter:none!important;
}
.imperium-auth-page[hidden]{display:none!important}
.imperium-auth-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.58;
  background:
    radial-gradient(circle at 12% 22%,rgba(255,255,255,.95) 0 1px,transparent 1.5px),
    radial-gradient(circle at 77% 14%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),
    radial-gradient(circle at 52% 72%,rgba(255,255,255,.48) 0 1px,transparent 1.5px),
    radial-gradient(circle at 91% 49%,rgba(255,255,255,.55) 0 1px,transparent 1.5px);
  background-size:155px 155px,205px 205px,175px 175px,225px 225px;
}

.imperium-auth-header{
  position:relative;
  z-index:3;
  width:min(1380px,calc(100% - 48px));
  height:86px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.imperium-brand{
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  color:white;
  text-align:left;
}
.imperium-brand-mark{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#7a61ff,#3f82ff 58%,#58e9ff);
  box-shadow:0 15px 38px rgba(65,130,255,.23);
}
.imperium-brand strong,.imperium-brand small{display:block}
.imperium-brand strong{
  font-size:.88rem;
  letter-spacing:.14em;
}
.imperium-brand small{
  margin-top:3px;
  color:#7f96bb;
  font-size:.62rem;
  letter-spacing:.08em;
}
.imperium-auth-meta{
  display:flex;
  align-items:center;
  gap:10px;
  color:#7f96ba;
  font-size:.59rem;
  font-weight:800;
  letter-spacing:.14em;
}
.imperium-auth-meta i{
  width:4px;height:4px;border-radius:50%;
  background:#66eaff;
  box-shadow:0 0 12px rgba(102,234,255,.9);
}

/* Completely neutralize old modal card positioning */
.imperium-auth-page .final-auth-panel{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0 auto!important;
}

/* Hide old "choice" floating look */
.imperium-auth-page #authChoiceScreen{
  width:min(1120px,calc(100% - 48px))!important;
  min-height:calc(100vh - 135px)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.imperium-auth-page #authChoiceScreen[hidden]{display:none!important}

/* Main auth form as a cinematic split screen */
.imperium-form-shell{
  width:min(1260px,calc(100% - 48px))!important;
  height:min(720px,calc(100vh - 125px))!important;
  min-height:640px!important;
  max-height:none!important;
  margin:4px auto 28px!important;
  display:grid!important;
  grid-template-columns:42% 58%!important;
  overflow:hidden!important;
  border-radius:34px!important;
  border:1px solid rgba(139,185,255,.14)!important;
  background:
    linear-gradient(180deg,rgba(5,15,39,.97),rgba(2,9,27,.985))!important;
  box-shadow:
    0 50px 150px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.014) inset!important;
}
.imperium-form-shell[hidden]{display:none!important}

/* Left image/story side */
.imperium-form-shell .nebula-auth-sidecopy{
  min-height:0!important;
  height:100%!important;
  padding:52px 46px!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(90,232,255,.13),transparent 24%),
    radial-gradient(circle at 76% 78%,rgba(138,104,255,.17),transparent 31%),
    linear-gradient(145deg,#0a285f,#0a1b43 50%,#090e2d)!important;
}
.nebula-auth-sidecopy h3{
  font-size:clamp(2.7rem,4vw,4rem)!important;
  max-width:430px;
}
.nebula-auth-sidecopy p{
  max-width:430px;
  font-size:.86rem!important;
}
.nebula-side-metrics{
  max-width:430px;
}

/* Right form side - everything must fit without giant internal scrollbar */
.imperium-form-shell .nebula-auth-main{
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  padding:28px 34px 32px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(94,215,255,.28) transparent;
}
.imperium-form-shell .nebula-auth-main::-webkit-scrollbar{width:6px}
.imperium-form-shell .nebula-auth-main::-webkit-scrollbar-thumb{
  border-radius:999px;background:rgba(94,215,255,.24)
}
.imperium-auth-status{
  position:absolute;
  top:18px;
  right:24px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:7px;
  color:#7188ad;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}
.imperium-auth-status span{
  width:6px;height:6px;border-radius:50%;
  background:#52e9b0;
  box-shadow:0 0 10px rgba(82,233,176,.8);
}
.imperium-form-shell .aurora-back{
  margin:0 0 12px!important;
}
.imperium-form-shell .aurora-auth-brand{
  margin-bottom:12px!important;
}
.imperium-form-shell .aurora-auth-tabs{
  min-height:54px;
  margin-bottom:15px;
}
.imperium-form-shell .aurora-auth-heading{
  padding:12px 2px 12px!important;
}
.imperium-form-shell .aurora-auth-heading h2{
  font-size:clamp(2rem,3vw,3rem)!important;
  margin:7px 0 4px!important;
}
.imperium-form-shell .aurora-auth-heading p{
  font-size:.79rem!important;
}
.imperium-form-shell .aurora-auth-form{
  gap:9px!important;
}
.imperium-form-shell .aurora-step{
  padding:13px 14px!important;
  border-radius:17px!important;
}
.imperium-form-shell .aurora-step-head{
  margin-bottom:10px!important;
}
.imperium-form-shell .aurora-profile-chooser{
  gap:7px!important;
}
.imperium-form-shell .aurora-profile-chooser .profile-choice{
  min-height:72px!important;
  border-radius:14px!important;
}
.imperium-form-shell .aurora-profile-chooser .profile-choice .avatar{
  width:39px!important;height:39px!important;
}
.imperium-form-shell .aurora-avatar-area{
  grid-template-columns:72px 1fr!important;
  gap:12px!important;
}
.imperium-form-shell .aurora-avatar-preview{
  width:72px!important;height:72px!important;
  border-radius:22px!important;
}
.imperium-form-shell .aurora-avatar-options{
  margin-bottom:7px!important;
}
.imperium-form-shell .preset-avatar{
  width:36px!important;height:36px!important;
}
.imperium-form-shell .aurora-upload-btn{
  min-height:44px!important;
  padding:8px 10px!important;
}
.imperium-form-shell .aurora-field{
  margin-top:7px!important;
}
.imperium-form-shell .aurora-field-box{
  min-height:46px!important;
}
.imperium-form-shell .aurora-auth-options{
  gap:7px!important;
}
.imperium-form-shell .aurora-check{
  padding:9px 10px!important;
}
.imperium-form-shell .aurora-auth-info{
  min-height:auto!important;
  padding:8px 10px!important;
}
.imperium-form-shell .aurora-submit{
  min-height:52px!important;
}
.imperium-form-shell .aurora-security-note{
  padding:7px 10px!important;
}

/* Signup: lay lower steps side by side on desktop */
@media(min-width:1050px){
  .imperium-form-shell #signupAvatarBlock:not([hidden]){
    display:block!important;
    width:calc(50% - 5px);
    float:left;
  }
  .imperium-form-shell #signupAvatarBlock:not([hidden]) + .aurora-step{
    width:calc(50% - 5px);
    float:right;
  }
  .imperium-form-shell .aurora-auth-options,
  .imperium-form-shell .aurora-auth-info,
  .imperium-form-shell .aurora-submit,
  .imperium-form-shell .aurora-security-note{
    clear:both;
  }
}

/* Mobile/tablet: dedicated page remains elegant */
@media(max-width:1049px){
  html.auth-page-open,body.auth-page-open{overflow:auto!important}
  .imperium-auth-header{
    width:min(100% - 28px,900px);
    height:72px;
  }
  .imperium-auth-meta{display:none}
  .imperium-form-shell{
    width:min(760px,calc(100% - 28px))!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    margin-bottom:24px!important;
  }
  .imperium-form-shell .nebula-auth-sidecopy{
    display:none!important;
  }
  .imperium-form-shell .nebula-auth-main{
    height:auto!important;
    overflow:visible!important;
    padding:24px!important;
  }
}
@media(max-width:650px){
  .imperium-auth-header{
    width:calc(100% - 22px);
  }
  .imperium-brand small{display:none}
  .imperium-auth-status{display:none}
  .imperium-form-shell{
    width:calc(100% - 20px)!important;
    border-radius:24px!important;
  }
  .imperium-form-shell .nebula-auth-main{padding:17px!important}
  .imperium-form-shell .aurora-profile-chooser{
    grid-template-columns:repeat(3,1fr)!important;
  }
  .imperium-form-shell .aurora-auth-options{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================
   OMNIVERSE ULTRA — full-site visual system
   ========================================================== */
:root{
  --omni-bg:#01040c;
  --omni-surface:#07142f;
  --omni-surface-2:#0b1d47;
  --omni-blue:#4f7dff;
  --omni-cyan:#63eaff;
  --omni-violet:#8b67ff;
  --omni-gold:#ffd36f;
  --omni-green:#56e5aa;
  --omni-text:#f7fbff;
  --omni-muted:#8ea6cd;
}

body{
  background:
    radial-gradient(circle at 50% -15%,rgba(79,125,255,.24),transparent 34%),
    radial-gradient(circle at 95% 36%,rgba(139,103,255,.15),transparent 25%),
    radial-gradient(circle at 4% 72%,rgba(99,234,255,.09),transparent 27%),
    linear-gradient(180deg,#01040d 0%,#04102a 48%,#01040b 100%)!important;
}

/* Announcement */
.omni-announcement{
  width:min(1380px,calc(100% - 28px));
  min-height:40px;
  margin:8px auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#7890b7;
  font-size:.6rem;
  letter-spacing:.11em;
}
.omni-announcement strong{color:#b8cae6}
.omni-live-dot{
  width:7px;height:7px;border-radius:50%;
  background:#59e5ad;
  box-shadow:0 0 14px rgba(89,229,173,.9);
}

/* Landing */
.omni-landing{
  position:relative;
}
.final-topnav{
  backdrop-filter:blur(28px)!important;
}
.final-hero{
  min-height:840px!important;
  padding:78px 72px!important;
  border-radius:46px!important;
}
.final-hero h1{
  font-size:clamp(4.7rem,8vw,9rem)!important;
  line-height:.84!important;
  letter-spacing:-.078em!important;
}
.final-hero-copy>p{
  max-width:730px!important;
  color:#b8c9e6!important;
  font-size:1.16rem!important;
}
.omni-hero-rail{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  max-width:760px;
  margin:24px 0 4px;
}
.omni-hero-rail article{
  min-height:68px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:17px;
  border:1px solid rgba(132,181,255,.09);
  background:rgba(255,255,255,.022);
}
.omni-hero-rail article>span{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(139,103,255,.18),rgba(99,234,255,.10));
  color:#71e9ff;
  font-size:.6rem;font-weight:900;
}
.omni-hero-rail strong,.omni-hero-rail small{display:block}
.omni-hero-rail strong{font-size:.72rem}
.omni-hero-rail small{margin-top:2px;color:#758aad;font-size:.59rem}

/* Sections */
.final-section{
  border-radius:40px!important;
  padding:56px!important;
}
.final-feature-grid{
  gap:16px!important;
}
.final-feature-card{
  min-height:245px!important;
  border-radius:27px!important;
}
.final-player-grid article,
.ranking-podium-card{
  border-radius:27px!important;
}

/* App header */
.celestial-header{
  border-radius:28px!important;
}
.celestial-tabs>.nav-btn{
  transition:.18s ease;
}
.celestial-tabs>.nav-btn:hover{
  transform:translateY(-1px);
}

/* Dashboard */
.hero{
  min-height:510px!important;
  border-radius:36px!important;
}
.hero h1{
  font-size:clamp(3.5rem,6vw,6.6rem)!important;
}
.quick-actions{
  gap:13px!important;
}
.quick-action{
  min-height:150px!important;
  border-radius:22px!important;
}

/* Stronger visual cards */
.card,.match-card,.profile-tile,.quick-action,.final-feature-card{
  box-shadow:
    0 20px 60px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.012) inset!important;
}
.card:hover,.match-card:hover,.profile-tile:hover,.quick-action:hover,.final-feature-card:hover{
  box-shadow:
    0 28px 80px rgba(0,0,0,.26),
    0 0 40px rgba(78,138,255,.05)!important;
}

/* AI */
.omni-ai-panel{
  width:min(430px,calc(100vw - 24px))!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.omni-ai-brand{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:14px 15px 8px;
}
.omni-ai-orb{
  width:44px;height:44px;border-radius:15px;
  display:grid;place-items:center;
  background:conic-gradient(from 210deg,#8b67ff,#4f7dff,#63eaff,#8b67ff);
  color:white;
  box-shadow:0 12px 34px rgba(79,125,255,.20);
}
.omni-ai-brand strong,.omni-ai-brand small{display:block}
.omni-ai-brand strong{font-size:.78rem;letter-spacing:.08em}
.omni-ai-brand small{margin-top:2px;color:#758cae;font-size:.61rem}
.omni-ai-online{
  display:flex;align-items:center;gap:6px;
  color:#7e94b6;font-size:.56rem;font-weight:900;letter-spacing:.1em
}
.omni-ai-online i{
  width:6px;height:6px;border-radius:50%;
  background:#56e5aa;box-shadow:0 0 10px rgba(86,229,170,.8)
}
.omni-ai-quick{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:0 14px 10px;
}
.omni-ai-quick button{
  flex:0 0 auto;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(137,181,255,.09);
  background:rgba(255,255,255,.025);
  color:#a8bad8;
  font-size:.61rem;
}
.omni-ai-quick button:hover{
  border-color:rgba(99,234,255,.20);
  color:#dff8ff;
}

/* Command palette */
.omni-command-palette{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:start center;
  padding-top:12vh;
  background:rgba(0,4,14,.65);
  backdrop-filter:blur(18px);
}
.omni-command-palette[hidden]{display:none!important}
.omni-command-box{
  width:min(690px,calc(100% - 26px));
  padding:12px;
  border-radius:25px;
  border:1px solid rgba(139,184,255,.16);
  background:linear-gradient(180deg,rgba(8,20,49,.99),rgba(3,10,29,.995));
  box-shadow:0 40px 120px rgba(0,0,0,.55);
}
.omni-command-search{
  min-height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:17px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(139,184,255,.08);
}
.omni-command-search>span{
  color:#65eaff;
  font-size:1.1rem;
}
.omni-command-search input{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:.86rem;
}
.omni-command-search kbd{
  padding:5px 7px;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#788daf;
  font-size:.56rem;
}
.omni-command-results{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.omni-command-results button{
  min-height:58px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:white;
  text-align:left;
}
.omni-command-results button:hover{
  background:rgba(99,234,255,.035);
  border-color:rgba(99,234,255,.10);
}
.omni-command-results button>span{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.03);
}
.omni-command-results strong,.omni-command-results small{display:block}
.omni-command-results strong{font-size:.73rem}
.omni-command-results small{margin-top:2px;color:#7186a9;font-size:.6rem}
.omni-command-results b{color:#6feaff;font-size:.68rem}
.omni-command-box>small{
  display:block;
  padding:9px 4px 2px;
  color:#63799f;
  font-size:.58rem;
}

/* Reveal */
.omni-reveal{
  opacity:0;
  transform:translateY(18px);
}
.omni-reveal.omni-visible{
  opacity:1;
  transform:none;
  transition:opacity .5s ease,transform .5s ease;
}

/* Footer */
.omni-footer{
  width:min(1380px,calc(100% - 28px));
  margin:24px auto 30px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:20px;
  align-items:center;
  padding:20px 22px;
  border-radius:24px;
  border:1px solid rgba(132,181,255,.08);
  background:rgba(5,14,36,.56);
}
.omni-footer-brand{
  display:flex;align-items:center;gap:10px
}
.omni-footer-brand .brand-mark{
  width:38px!important;height:38px!important;border-radius:12px!important
}
.omni-footer-brand strong,.omni-footer-brand small{display:block}
.omni-footer-brand strong{font-size:.72rem;letter-spacing:.12em}
.omni-footer-brand small{margin-top:2px;color:#6f85a9;font-size:.57rem}
.omni-footer-links{
  display:flex;justify-content:center;gap:6px;flex-wrap:wrap
}
.omni-footer-links button{
  border:0;background:transparent;color:#8398bb;font-size:.63rem
}
.omni-footer-links button:hover{color:#63eaff}
.omni-footer p{
  margin:0;
  max-width:330px;
  color:#60769c;
  font-size:.58rem;
  line-height:1.45;
  text-align:right;
}

/* Auth stays dedicated and premium */
.imperium-form-shell{
  border-radius:36px!important;
}
.imperium-form-shell .nebula-auth-sidecopy{
  background:
    radial-gradient(circle at 20% 20%,rgba(99,234,255,.13),transparent 25%),
    radial-gradient(circle at 78% 78%,rgba(139,103,255,.17),transparent 28%),
    linear-gradient(145deg,#09245a,#08173a 50%,#070d28)!important;
}
.aurora-submit{
  box-shadow:0 20px 48px rgba(79,125,255,.26)!important;
}

/* Responsive */
@media(max-width:960px){
  .omni-hero-rail{grid-template-columns:1fr}
  .omni-footer{grid-template-columns:1fr;text-align:center}
  .omni-footer p{text-align:center;max-width:none}
}
@media(max-width:760px){
  .omni-announcement{display:none}
  .final-hero{padding:44px 22px 56px!important;min-height:auto!important}
  .final-hero h1{font-size:clamp(3.5rem,15vw,5.4rem)!important}
  .omni-hero-rail{display:none}
  .final-section{padding:30px 20px!important;border-radius:28px!important}
  .omni-footer{width:calc(100% - 18px);padding:16px}
}


/* ==========================================================
   WORLD CLASS — clean isolated redesign
   No inherited blur layers on the homepage
   ========================================================== */

/* Kill legacy visual layers inside the new homepage */
#publicPage-home .world-home *{
  filter:none!important;
  backdrop-filter:none!important;
}
#publicPage-home .world-home{
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:900px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:34px 48px 30px;
  border-radius:42px;
  border:1px solid rgba(129,176,255,.14);
  background:
    radial-gradient(circle at 50% 30%,rgba(74,131,255,.15),transparent 30%),
    radial-gradient(circle at 15% 85%,rgba(97,230,255,.07),transparent 28%),
    radial-gradient(circle at 90% 72%,rgba(147,103,255,.10),transparent 26%),
    linear-gradient(180deg,#07152f 0%,#06122b 44%,#030918 100%);
  box-shadow:0 50px 150px rgba(0,0,0,.38);
}
#publicPage-home .world-home:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.6px),
    radial-gradient(circle at 76% 13%,rgba(255,255,255,.65) 0 1px,transparent 1.6px),
    radial-gradient(circle at 63% 76%,rgba(255,255,255,.46) 0 1px,transparent 1.6px),
    radial-gradient(circle at 29% 67%,rgba(255,255,255,.44) 0 1px,transparent 1.6px);
  background-size:160px 160px,220px 220px,190px 190px,250px 250px;
  opacity:.4;
}
.world-home-glow{
  position:absolute;
  z-index:-2;
  width:520px;
  height:520px;
  border-radius:50%;
  pointer-events:none;
}
.glow-one{
  left:-160px;
  top:80px;
  background:radial-gradient(circle,rgba(65,115,255,.22),transparent 70%);
}
.glow-two{
  right:-130px;
  bottom:40px;
  background:radial-gradient(circle,rgba(142,93,255,.22),transparent 70%);
}
.world-stars{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 40%,rgba(90,219,255,.025) 49%,transparent 58%),
    linear-gradient(70deg,transparent 42%,rgba(132,100,255,.025) 50%,transparent 58%);
}

.world-home-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  position:relative;
  z-index:2;
}
.world-status,
.world-private{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8197bb;
  font-size:.63rem;
  font-weight:850;
  letter-spacing:.13em;
}
.world-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#56e4aa;
  box-shadow:0 0 13px rgba(86,228,170,.75);
}
.world-home-center{
  position:relative;
  z-index:3;
  max-width:1040px;
  margin:60px auto 34px;
  text-align:center;
}
.world-kicker{
  color:#67eaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.22em;
  margin-bottom:18px;
}
.world-home-center h1{
  margin:0;
  color:#fff;
  font-size:clamp(4.5rem,8vw,8.5rem);
  line-height:.88;
  letter-spacing:-.07em;
  text-wrap:balance;
  text-shadow:0 18px 55px rgba(0,0,0,.24);
}
.world-home-center h1 span{
  display:block;
  margin-top:8px;
  background:linear-gradient(90deg,#ffffff 0%,#b9c8ff 20%,#8d7aff 48%,#70b8ff 75%,#72efff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.world-home-center>p{
  max-width:760px;
  margin:24px auto 0;
  color:#b4c5e3;
  font-size:1.05rem;
  line-height:1.8;
}
.world-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:28px;
}
.world-primary,
.world-secondary{
  min-height:56px;
  padding:0 22px;
  border-radius:17px;
  font-weight:900;
  transition:.18s ease;
}
.world-primary{
  border:0;
  color:white;
  background:linear-gradient(135deg,#765dff,#3f7fff 58%,#55ddff);
  box-shadow:0 20px 46px rgba(68,126,255,.23);
}
.world-secondary{
  color:#dce9ff;
  border:1px solid rgba(137,181,255,.14);
  background:rgba(255,255,255,.03);
}
.world-primary:hover,
.world-secondary:hover{
  transform:translateY(-2px);
}
.world-trust{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.world-trust span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.02);
  color:#8298bc;
  font-size:.62rem;
  font-weight:750;
}

.world-showcase{
  position:relative;
  z-index:2;
  width:min(1120px,100%);
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:1fr 300px 1fr;
  align-items:center;
  gap:20px;
}
.world-show-card{
  min-height:180px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(136,183,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));
  box-shadow:0 20px 50px rgba(0,0,0,.16);
}
.world-card-label{
  color:#66eaff;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.world-podium-mini{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:12px;
  margin-top:17px;
}
.world-podium-mini>div{
  width:78px;
  text-align:center;
}
.world-podium-mini b{
  display:block;
  color:#7188ae;
  font-size:.65rem;
}
.world-podium-mini span{
  width:48px;
  height:48px;
  margin:5px auto 6px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#765dff,#4bd7ff);
  color:white;
  font-weight:900;
}
.world-podium-mini .winner span{
  width:60px;
  height:60px;
  background:linear-gradient(135deg,#ffd469,#ff9c4b);
  box-shadow:0 12px 34px rgba(255,198,76,.12);
}
.world-podium-mini small{
  color:#b8c9e5;
  font-size:.62rem;
}
.world-trophy{
  position:relative;
  min-height:300px;
  display:grid;
  place-items:center;
}
.world-trophy-core{
  position:relative;
  z-index:3;
  width:140px;
  height:140px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:4.7rem;
  background:radial-gradient(circle,rgba(255,212,103,.16),rgba(255,255,255,.015) 64%,transparent 67%);
  border:1px solid rgba(255,214,108,.16);
  box-shadow:0 0 70px rgba(255,205,95,.08);
}
.world-trophy-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(103,229,255,.13);
}
.ring-a{width:220px;height:220px}
.ring-b{width:285px;height:285px}
.world-trophy>span{
  position:absolute;
  bottom:4px;
  color:#6f85a8;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.17em;
}
.world-match-card{
  text-align:left;
}
.world-match-card strong{
  display:block;
  margin-top:18px;
  color:white;
  font-size:1.35rem;
}
.world-match-card p{
  color:#8197ba;
  font-size:.72rem;
}
.world-score-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:17px;
}
.world-score-line span{
  width:50px;
  height:50px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(136,183,255,.08);
}
.world-score-line b{
  color:#667da3;
  font-size:.7rem;
}

.world-bottom{
  position:relative;
  z-index:2;
  width:min(880px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(133,180,255,.09);
  background:rgba(255,255,255,.018);
}
.world-bottom>div{
  padding:17px;
  text-align:center;
  border-right:1px solid rgba(133,180,255,.07);
}
.world-bottom>div:last-child{border-right:0}
.world-bottom strong,
.world-bottom span{
  display:block;
}
.world-bottom strong{
  color:white;
  font-size:1.15rem;
}
.world-bottom span{
  margin-top:3px;
  color:#7188ae;
  font-size:.61rem;
}

/* ----- OTHER PUBLIC PAGES ----- */
.world-page-banner{
  width:min(1040px,calc(100% - 28px));
  margin:26px auto 18px;
  padding:42px 28px 34px;
  text-align:center;
  border-radius:30px;
  border:1px solid rgba(134,181,255,.10);
  background:
    radial-gradient(circle at 50% 0%,rgba(79,126,255,.10),transparent 32%),
    linear-gradient(180deg,rgba(7,20,49,.86),rgba(3,10,29,.90));
}
.world-page-banner>span{
  color:#67eaff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.18em;
}
.world-page-banner h2{
  max-width:900px;
  margin:10px auto 8px;
  color:white;
  font-size:clamp(2.5rem,5vw,4.8rem);
  line-height:.95;
  letter-spacing:-.055em;
}
.world-page-banner p{
  max-width:760px;
  margin:0 auto;
  color:#93a9cd;
  font-size:.95rem;
  line-height:1.7;
}
.public-page-view>.final-section{
  margin-top:0!important;
}
.public-page-view .final-section-heading{
  text-align:center!important;
  max-width:900px;
  margin:0 auto 28px!important;
}
.public-page-view .final-feature-grid,
.public-page-view .final-player-grid,
.public-page-view .public-rules-grid,
.public-page-view .public-help-grid{
  gap:16px!important;
}
.public-page-view .final-feature-card,
.public-page-view .final-player-grid article,
.public-page-view .public-rules-grid article,
.public-page-view .public-help-grid article{
  border-radius:24px!important;
}
.public-page-view .ranking-live-headline{
  max-width:1000px;
  margin:22px auto!important;
}
.public-page-view .final-ranking-board{
  justify-content:center!important;
}
.public-page-view .players-cta{
  border-radius:24px!important;
}

/* Make internal app page headers cleaner and centered */
#app .page-head{
  text-align:center!important;
  justify-content:center!important;
}
#app .page-head>div{
  margin:0 auto;
}
#app .page-head p{
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
}
#app .hero{
  text-align:center!important;
}

/* Responsive */
@media(max-width:980px){
  #publicPage-home .world-home{
    min-height:auto;
    padding:30px 22px;
  }
  .world-home-top{
    flex-direction:column;
    text-align:center;
  }
  .world-home-center{
    margin-top:42px;
  }
  .world-showcase{
    grid-template-columns:1fr;
    max-width:620px;
  }
  .world-trophy{
    order:-1;
  }
}
@media(max-width:700px){
  #publicPage-home .world-home{
    border-radius:28px;
  }
  .world-private{display:none}
  .world-home-center h1{
    font-size:clamp(3.2rem,15vw,5rem);
  }
  .world-home-center>p{
    font-size:.95rem;
  }
  .world-actions{
    flex-direction:column;
  }
  .world-primary,
  .world-secondary{
    width:100%;
  }
  .world-bottom{
    grid-template-columns:repeat(2,1fr);
  }
  .world-bottom>div:nth-child(2){border-right:0}
  .world-bottom>div:nth-child(-n+2){border-bottom:1px solid rgba(133,180,255,.07)}
  .world-trust{display:none}
  .world-page-banner{
    padding:30px 18px 25px;
    border-radius:24px;
  }
}


/* ==========================================================
   MASTERPIECE HOME — ultra premium homepage
   ========================================================== */
#publicPage-home{
  padding-top:0!important;
}
#publicPage-home .master-home *{
  filter:none!important;
  backdrop-filter:none!important;
}
#publicPage-home .master-home{
  position:relative;
  isolation:isolate;
  width:100%;
  padding:18px 0 0;
}
.master-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.9) 0 1px,transparent 1.7px),
    radial-gradient(circle at 73% 9%,rgba(255,255,255,.62) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 70%,rgba(255,255,255,.44) 0 1px,transparent 1.7px),
    radial-gradient(circle at 25% 80%,rgba(255,255,255,.48) 0 1px,transparent 1.7px);
  background-size:160px 160px,220px 220px,200px 200px,240px 240px;
}
.master-glow{
  position:absolute;
  width:540px;
  height:540px;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
}
.master-glow-a{
  left:-170px;
  top:120px;
  background:radial-gradient(circle,rgba(66,126,255,.24),transparent 70%);
}
.master-glow-b{
  right:-130px;
  bottom:120px;
  background:radial-gradient(circle,rgba(149,102,255,.22),transparent 70%);
}

.master-hero{
  position:relative;
  width:min(1380px,calc(100% - 28px));
  margin:0 auto;
  overflow:hidden;
  border-radius:44px;
  border:1px solid rgba(132,181,255,.12);
  background:
    radial-gradient(circle at 50% 22%,rgba(80,137,255,.15),transparent 25%),
    radial-gradient(circle at 50% 65%,rgba(103,234,255,.06),transparent 30%),
    linear-gradient(180deg,#081833 0%,#061327 46%,#030915 100%);
  box-shadow:0 55px 150px rgba(0,0,0,.38);
  padding:36px 36px 34px;
}
.master-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.master-pill,
.master-mini{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#87a0c6;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.14em;
}
.master-pill{
  padding:11px 14px;
  border-radius:999px;
  border:1px solid rgba(130,180,255,.12);
  background:rgba(255,255,255,.03);
}
.master-pill i{
  width:7px;height:7px;border-radius:50%;
  background:#59e5af;
  box-shadow:0 0 12px rgba(89,229,175,.8);
}
.master-hero-grid{
  display:grid;
  grid-template-columns:250px 1fr 250px;
  gap:24px;
  align-items:center;
  margin-top:26px;
}
.master-side{
  display:grid;
  gap:15px;
}
.master-float-card{
  padding:20px 18px;
  border-radius:24px;
  border:1px solid rgba(132,181,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 20px 45px rgba(0,0,0,.16);
}
.master-float-card span{
  color:#67eaff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.master-float-card strong{
  display:block;
  margin-top:10px;
  color:white;
  font-size:1.1rem;
  line-height:1.2;
}
.master-float-card p{
  margin:10px 0 0;
  color:#8ea5ca;
  font-size:.78rem;
  line-height:1.65;
}
.master-center{
  text-align:center;
}
.master-kicker{
  color:#67eaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.22em;
  margin-bottom:18px;
}
.master-center h1{
  margin:0;
  color:#fff;
  font-size:clamp(4.5rem,8vw,8.1rem);
  line-height:.86;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.master-center h1 span{
  display:block;
  margin-top:10px;
  background:linear-gradient(90deg,#ffffff 0%,#b9c8ff 22%,#8c7aff 47%,#70b9ff 77%,#74ecff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.master-center>p{
  max-width:760px;
  margin:22px auto 0;
  color:#b7c8e4;
  font-size:1.05rem;
  line-height:1.82;
}
.master-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:26px;
}
.master-btn-primary,
.master-btn-secondary,
.master-bottom-cta button{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  font-weight:900;
  transition:.18s ease;
}
.master-btn-primary,
.master-bottom-cta button{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#755eff,#3f82ff 58%,#57deff);
  box-shadow:0 22px 48px rgba(67,130,255,.24);
}
.master-btn-secondary{
  color:#dce9ff;
  border:1px solid rgba(133,181,255,.12);
  background:rgba(255,255,255,.03);
}
.master-btn-primary:hover,
.master-btn-secondary:hover,
.master-bottom-cta button:hover{
  transform:translateY(-2px);
}
.master-proofline{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.master-proofline span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(132,181,255,.08);
  background:rgba(255,255,255,.025);
  color:#8499bc;
  font-size:.62rem;
  font-weight:760;
}
.master-stage{
  position:relative;
  margin:42px auto 0;
  width:min(1100px,100%);
  min-height:340px;
  display:grid;
  place-items:center;
}
.master-stage-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(103,234,255,.13);
}
.ring-one{width:240px;height:240px}
.ring-two{width:340px;height:340px}
.master-stage-core{
  position:relative;
  z-index:3;
  width:150px;
  height:150px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:5rem;
  background:radial-gradient(circle,rgba(255,212,101,.18),rgba(255,255,255,.02) 64%,transparent 67%);
  box-shadow:0 0 70px rgba(255,205,95,.08);
}
.master-stage-card{
  position:absolute;
  width:300px;
  min-height:190px;
  padding:22px;
  border-radius:26px;
  border:1px solid rgba(132,181,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  box-shadow:0 22px 54px rgba(0,0,0,.16);
}
.stage-left{left:0; top:55px}
.stage-right{right:0; top:55px}
.master-card-tag{
  color:#67eaff;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.master-stage-card strong{
  display:block;
  margin-top:12px;
  color:white;
  font-size:1.25rem;
}
.master-stage-card p{
  margin:10px 0 0;
  color:#89a0c4;
  font-size:.75rem;
  line-height:1.6;
}
.master-podium{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:12px;
  margin-top:16px;
}
.master-podium > div{width:76px;text-align:center}
.master-podium b{
  display:block;
  color:#7087ab;
  font-size:.65rem;
}
.master-podium span{
  width:48px;height:48px;
  margin:5px auto 6px;
  display:grid;place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#755eff,#53ddff);
  color:white;font-weight:900;
}
.master-podium .winner span{
  width:60px;height:60px;
  background:linear-gradient(135deg,#ffd46b,#ff9d49);
}
.master-podium small{
  color:#bfd0eb;
  font-size:.62rem;
}
.master-versus{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:17px;
}
.master-versus span{
  width:54px;height:54px;
  border-radius:16px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(132,181,255,.08);
}
.master-versus b{
  color:#667da3;
  font-size:.72rem;
}
.master-stats-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  overflow:hidden;
  margin-top:20px;
  border-radius:22px;
  border:1px solid rgba(132,181,255,.10);
  background:rgba(255,255,255,.02);
}
.master-stats-strip > div{
  padding:18px 14px;
  text-align:center;
  border-right:1px solid rgba(132,181,255,.07);
}
.master-stats-strip > div:last-child{border-right:0}
.master-stats-strip strong,
.master-stats-strip span{display:block}
.master-stats-strip strong{
  color:#fff;
  font-size:1.18rem;
}
.master-stats-strip span{
  margin-top:3px;
  color:#748bae;
  font-size:.62rem;
}

.master-highlights{
  width:min(1380px,calc(100% - 28px));
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.master-highlights article{
  padding:24px 22px;
  border-radius:26px;
  border:1px solid rgba(132,181,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 20px 50px rgba(0,0,0,.14);
}
.master-highlights span{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(117,94,255,.20),rgba(87,222,255,.12));
  color:#6be9ff;
  font-size:.68rem;
  font-weight:900;
}
.master-highlights strong{
  display:block;
  margin-top:14px;
  color:white;
  font-size:1.1rem;
}
.master-highlights p{
  margin:10px 0 0;
  color:#89a0c5;
  font-size:.8rem;
  line-height:1.7;
}
.master-bottom-cta{
  width:min(1380px,calc(100% - 28px));
  margin:18px auto 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:28px 30px;
  border-radius:30px;
  border:1px solid rgba(132,181,255,.10);
  background:
    radial-gradient(circle at 0% 100%,rgba(102,234,255,.06),transparent 22%),
    linear-gradient(135deg,rgba(9,22,54,.92),rgba(5,11,31,.96));
}
.master-bottom-cta small{
  display:block;
  color:#67eaff;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.16em;
}
.master-bottom-cta strong{
  display:block;
  margin-top:8px;
  color:white;
  font-size:1.8rem;
  line-height:1.1;
  max-width:720px;
}

/* Responsive */
@media(max-width:1200px){
  .master-hero-grid{
    grid-template-columns:1fr;
  }
  .master-side{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:1040px){
  .master-stage{
    grid-template-columns:1fr;
    min-height:auto;
    gap:16px;
  }
  .master-stage-core{
    margin:18px 0;
  }
  .master-stage-card{
    position:relative;
    width:100%;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
  .master-highlights{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  .master-hero{
    width:calc(100% - 18px);
    padding:22px 16px 22px;
    border-radius:28px;
  }
  .master-topline{
    flex-direction:column;
    text-align:center;
  }
  .master-mini{
    display:none;
  }
  .master-center h1{
    font-size:clamp(3.2rem,15vw,5.4rem);
  }
  .master-center > p{
    font-size:.95rem;
  }
  .master-actions{
    flex-direction:column;
  }
  .master-btn-primary,
  .master-btn-secondary,
  .master-bottom-cta button{
    width:100%;
  }
  .master-side{
    grid-template-columns:1fr;
  }
  .master-stats-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .master-stats-strip > div{
    border-right:1px solid rgba(132,181,255,.07);
    border-bottom:1px solid rgba(132,181,255,.07);
  }
  .master-stats-strip > div:nth-child(2n){border-right:0}
  .master-stats-strip > div:nth-last-child(-n+1){grid-column:1/-1}
  .master-highlights{
    width:calc(100% - 18px);
    grid-template-columns:1fr;
  }
  .master-bottom-cta{
    width:calc(100% - 18px);
    flex-direction:column;
    text-align:center;
    padding:22px 18px;
  }
  .master-bottom-cta strong{
    font-size:1.45rem;
  }
}


/* ==========================================================
   PRESTIGE SCROLL FIX
   Home plus belle + scroll rétabli
   ========================================================== */
html,body{
  overflow-y:auto!important;
}
#publicPage-home,
#publicPage-home .prestige-home{
  overflow:visible!important;
}

#publicPage-home .prestige-home{
  width:min(1380px,calc(100% - 28px));
  margin:0 auto;
  padding:8px 0 22px;
}
.prestige-hero{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:24px;
  align-items:center;
  padding:46px;
  border-radius:38px;
  border:1px solid rgba(132,181,255,.12);
  background:
    radial-gradient(circle at 18% 20%,rgba(74,122,255,.14),transparent 28%),
    radial-gradient(circle at 100% 0%,rgba(99,229,255,.08),transparent 24%),
    linear-gradient(180deg,#07152f 0%,#071127 55%,#040a17 100%);
  box-shadow:0 45px 120px rgba(0,0,0,.34);
}
.prestige-copy{
  max-width:720px;
}
.prestige-kicker{
  display:inline-block;
  color:#67eaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.2em;
  margin-bottom:18px;
}
.prestige-copy h1{
  margin:0 0 18px;
  font-size:clamp(3.2rem,6vw,5.9rem);
  line-height:.92;
  letter-spacing:-.065em;
  color:#fff;
}
.prestige-copy p{
  margin:0;
  color:#b6c9e8;
  font-size:1.03rem;
  line-height:1.82;
  max-width:680px;
}
.prestige-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.prestige-primary,.prestige-secondary,.prestige-cta button{
  min-height:56px;
  padding:0 22px;
  border-radius:17px;
  font-weight:900;
  transition:.18s ease;
}
.prestige-primary,.prestige-cta button{
  border:0;
  color:white;
  background:linear-gradient(135deg,#745cff,#4380ff 58%,#58dfff);
  box-shadow:0 18px 44px rgba(70,128,255,.24);
}
.prestige-secondary{
  color:#dde8fb;
  border:1px solid rgba(133,181,255,.12);
  background:rgba(255,255,255,.03);
}
.prestige-primary:hover,.prestige-secondary:hover,.prestige-cta button:hover{
  transform:translateY(-2px);
}
.prestige-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.prestige-badges span{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.025);
  color:#89a0c6;
  font-size:.66rem;
  font-weight:760;
}
.prestige-visual{
  display:grid;
  gap:16px;
}
.prestige-trophy{
  width:146px;
  height:146px;
  margin:0 auto 6px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:4.7rem;
  background:
    radial-gradient(circle,rgba(255,210,99,.19),rgba(255,255,255,.02) 62%,transparent 68%);
  border:1px solid rgba(255,214,108,.12);
  box-shadow:0 0 70px rgba(255,205,95,.08);
}
.prestige-panel{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(132,181,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.prestige-panel small{
  display:block;
  color:#67eaff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.15em;
}
.prestige-panel strong{
  display:block;
  margin-top:10px;
  color:white;
  font-size:1.16rem;
}
.prestige-panel p{
  margin:10px 0 0;
  color:#89a0c5;
  font-size:.8rem;
  line-height:1.7;
}
.prestige-podium{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:12px;
  margin-top:18px;
}
.prestige-podium>div{
  width:82px;
  text-align:center;
}
.prestige-podium b{
  display:block;
  color:#748bae;
  font-size:.66rem;
}
.prestige-podium span{
  width:50px;
  height:50px;
  margin:5px auto 6px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#745cff,#58dfff);
  color:#fff;
  font-weight:900;
}
.prestige-podium .win span{
  width:62px;
  height:62px;
  background:linear-gradient(135deg,#ffd66e,#ff9f48);
}
.prestige-podium em{
  display:block;
  font-style:normal;
  color:#c7d7ef;
  font-size:.64rem;
}
.prestige-versus{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
}
.prestige-versus span{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(133,181,255,.08);
}
.prestige-versus b{
  color:#6e85aa;
  font-size:.72rem;
}

.prestige-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:18px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(133,181,255,.10);
  background:rgba(255,255,255,.02);
}
.prestige-strip > div{
  padding:18px 14px;
  text-align:center;
  border-right:1px solid rgba(133,181,255,.07);
}
.prestige-strip > div:last-child{border-right:0}
.prestige-strip strong,.prestige-strip span{display:block}
.prestige-strip strong{color:white;font-size:1.16rem}
.prestige-strip span{margin-top:3px;color:#7890b6;font-size:.62rem}

.prestige-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:18px;
}
.prestige-grid article{
  padding:24px 22px;
  border-radius:24px;
  border:1px solid rgba(133,181,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.prestige-grid span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(117,92,255,.18),rgba(88,223,255,.10));
  color:#68ebff;
  font-size:.68rem;
  font-weight:900;
}
.prestige-grid strong{
  display:block;
  margin-top:14px;
  color:white;
  font-size:1.08rem;
}
.prestige-grid p{
  margin:10px 0 0;
  color:#8da4ca;
  font-size:.8rem;
  line-height:1.7;
}

.prestige-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:18px;
  padding:28px 30px;
  border-radius:30px;
  border:1px solid rgba(133,181,255,.10);
  background:
    radial-gradient(circle at 0% 100%,rgba(104,231,255,.06),transparent 24%),
    linear-gradient(135deg,rgba(8,20,49,.92),rgba(4,10,27,.96));
}
.prestige-cta small{
  display:block;
  color:#67eaff;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.16em;
}
.prestige-cta strong{
  display:block;
  margin-top:8px;
  color:white;
  font-size:1.8rem;
  line-height:1.12;
  max-width:720px;
}

@media(max-width:1100px){
  .prestige-hero{
    grid-template-columns:1fr;
  }
  .prestige-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:760px){
  #publicPage-home .prestige-home{
    width:calc(100% - 18px);
  }
  .prestige-hero{
    padding:24px 18px;
    border-radius:28px;
  }
  .prestige-copy h1{
    font-size:clamp(2.7rem,13vw,4.3rem);
  }
  .prestige-copy p{
    font-size:.95rem;
  }
  .prestige-actions{
    flex-direction:column;
  }
  .prestige-primary,.prestige-secondary,.prestige-cta button{
    width:100%;
  }
  .prestige-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .prestige-strip > div{
    border-right:1px solid rgba(133,181,255,.07);
    border-bottom:1px solid rgba(133,181,255,.07);
  }
  .prestige-strip > div:nth-child(2n){border-right:0}
  .prestige-strip > div:last-child{
    grid-column:1/-1;
  }
  .prestige-grid{
    grid-template-columns:1fr;
  }
  .prestige-cta{
    flex-direction:column;
    text-align:center;
    padding:22px 18px;
  }
  .prestige-cta strong{
    font-size:1.45rem;
  }
}


/* ==========================================================
   APEX ROYALE — balanced ultra premium homepage
   ========================================================== */
html,body{overflow-y:auto!important}
#publicPage-home,
#publicPage-home .apex-home{overflow:visible!important}

.apex-home{
  width:min(1460px,calc(100% - 26px));
  margin:0 auto;
  padding:8px 0 28px;
}

.apex-hero{
  position:relative;
  overflow:hidden;
  border-radius:42px;
  border:1px solid rgba(138,184,255,.13);
  background:
    radial-gradient(circle at 22% 18%,rgba(71,128,255,.15),transparent 30%),
    radial-gradient(circle at 82% 22%,rgba(116,231,255,.08),transparent 25%),
    linear-gradient(180deg,#071731 0%,#061125 54%,#030916 100%);
  box-shadow:0 48px 130px rgba(0,0,0,.34);
  padding:42px 42px 30px;
}
.apex-bg-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
.apex-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(10px)!important;
}
.apex-orb-a{
  width:420px;height:420px;
  left:-150px;top:100px;
  background:radial-gradient(circle,rgba(76,126,255,.21),transparent 70%);
}
.apex-orb-b{
  width:520px;height:520px;
  right:-180px;bottom:-110px;
  background:radial-gradient(circle,rgba(150,95,255,.19),transparent 72%);
}

.apex-hero-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center;
  min-height:620px;
}
.apex-copy{
  max-width:760px;
}
.apex-top-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.apex-top-badges span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(137,181,255,.10);
  background:rgba(255,255,255,.025);
  color:#8498ba;
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.1em;
}
.apex-top-badges i{
  width:7px;height:7px;border-radius:50%;
  background:#55e3a9;
  box-shadow:0 0 11px rgba(85,227,169,.75);
}
.apex-eyebrow{
  display:block;
  color:#67eaff;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.19em;
  margin-bottom:15px;
}
.apex-copy h1{
  margin:0;
  max-width:760px;
  font-size:clamp(3.7rem,6.4vw,6.8rem);
  line-height:.9;
  letter-spacing:-.07em;
  color:#fff;
}
.apex-copy h1 span{
  display:block;
  margin-top:8px;
  background:linear-gradient(90deg,#fff 0%,#b9c7ff 24%,#8d7cff 49%,#6fb8ff 78%,#72ebff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.apex-copy>p{
  max-width:700px;
  margin:22px 0 0;
  color:#b6c7e2;
  font-size:1.02rem;
  line-height:1.8;
}
.apex-actions{
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  margin-top:27px;
}
.apex-primary,.apex-secondary{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  font-weight:900;
  transition:.18s ease;
}
.apex-primary{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#765dff,#3f7fff 58%,#57ddff);
  box-shadow:0 20px 48px rgba(67,127,255,.24);
}
.apex-secondary{
  color:#dce9fb;
  border:1px solid rgba(135,182,255,.13);
  background:rgba(255,255,255,.03);
}
.apex-primary:hover,.apex-secondary:hover{
  transform:translateY(-2px);
}
.apex-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.apex-trust span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.022);
  color:#8499bc;
  font-size:.63rem;
  font-weight:750;
}

.apex-visual{
  position:relative;
  min-height:560px;
}
.apex-starline{
  position:absolute;
  top:8px;left:50%;
  transform:translateX(-50%);
  color:#7cecff;
  letter-spacing:.35em;
  font-size:.9rem;
  opacity:.9;
}
.apex-trophy-stage{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:340px;height:340px;
  display:grid;
  place-items:center;
}
.apex-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(101,229,255,.13);
}
.ring-1{width:240px;height:240px}
.ring-2{width:330px;height:330px}
.apex-trophy{
  position:relative;
  z-index:2;
  width:150px;height:150px;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:5rem;
  background:radial-gradient(circle,rgba(255,212,102,.18),rgba(255,255,255,.02) 64%,transparent 68%);
  border:1px solid rgba(255,211,102,.13);
  box-shadow:0 0 70px rgba(255,204,95,.09);
}
.apex-trophy-stage>small{
  position:absolute;
  bottom:5px;
  color:#6f86aa;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.17em;
}
.apex-floating{
  position:absolute;
  width:250px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(133,181,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  box-shadow:0 22px 50px rgba(0,0,0,.17);
}
.apex-floating>span{
  color:#65eaff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}
.apex-float-ranking{left:0;bottom:34px}
.apex-float-match{right:0;top:84px}
.apex-mini-podium{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  margin-top:15px;
}
.apex-mini-podium>div{
  width:64px;text-align:center;
}
.apex-mini-podium b{
  display:block;color:#7188aa;font-size:.62rem
}
.apex-mini-podium i{
  width:42px;height:42px;
  margin:4px auto 5px;
  display:grid;place-items:center;
  border-radius:13px;
  font-style:normal;font-weight:900;
  background:linear-gradient(135deg,#765dff,#56dcff);
}
.apex-mini-podium .top i{
  width:52px;height:52px;
  background:linear-gradient(135deg,#ffd56d,#ff9d49);
}
.apex-mini-podium small{
  color:#c0d0e9;font-size:.58rem
}
.apex-float-match strong{
  display:block;margin-top:10px;color:#fff;font-size:1.12rem
}
.apex-matchline{
  display:flex;align-items:center;justify-content:space-between;
  margin:15px 0 8px
}
.apex-matchline i{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.04);
  font-style:normal
}
.apex-matchline b{
  color:#6e84a7;font-size:.68rem
}
.apex-float-match>small{
  color:#8297b9;font-size:.62rem
}

.apex-stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  margin-top:18px;
  border-radius:22px;
  border:1px solid rgba(133,181,255,.09);
  background:rgba(255,255,255,.02);
}
.apex-stats>div{
  padding:18px 12px;
  text-align:center;
  border-right:1px solid rgba(133,181,255,.07);
}
.apex-stats>div:last-child{border-right:0}
.apex-stats strong,.apex-stats span{display:block}
.apex-stats strong{color:#fff;font-size:1.12rem}
.apex-stats span{margin-top:3px;color:#748aae;font-size:.61rem}

.apex-highlights{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:16px;
}
.apex-highlights article{
  padding:24px 22px;
  border-radius:24px;
  border:1px solid rgba(133,181,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 16px 44px rgba(0,0,0,.12);
}
.apex-highlights span{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(117,93,255,.18),rgba(87,221,255,.10));
  color:#68eaff;font-size:.67rem;font-weight:900
}
.apex-highlights strong{
  display:block;margin-top:14px;color:#fff;font-size:1.08rem
}
.apex-highlights p{
  margin:9px 0 0;color:#8ba1c5;font-size:.79rem;line-height:1.7
}

.apex-showcase{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:20px;
  align-items:center;
  margin-top:16px;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(133,181,255,.10);
  background:
    radial-gradient(circle at 100% 0%,rgba(110,231,255,.06),transparent 24%),
    linear-gradient(135deg,rgba(8,21,51,.94),rgba(4,10,29,.97));
}
.apex-showcase-copy>span{
  color:#67eaff;font-size:.62rem;font-weight:900;letter-spacing:.16em
}
.apex-showcase-copy h2{
  max-width:720px;
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.apex-showcase-copy p{
  max-width:700px;
  color:#92a8ca;
  line-height:1.75;
}
.apex-showcase-copy .apex-primary{
  margin-top:8px;
}
.apex-showcase-visual{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
}
.apex-big-number{
  font-size:8rem;
  font-weight:950;
  line-height:.8;
  background:linear-gradient(180deg,#fff,#7ebdff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.apex-showcase-label{
  margin-top:18px;
  color:#fff;
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:.16em;
}
.apex-showcase-sub{
  margin-top:6px;color:#7389aa;font-size:.64rem;font-weight:850;letter-spacing:.14em
}

@media(max-width:1120px){
  .apex-hero-main{grid-template-columns:1fr}
  .apex-copy{max-width:900px}
  .apex-visual{min-height:520px}
  .apex-highlights{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .apex-home{width:calc(100% - 18px)}
  .apex-hero{padding:24px 18px;border-radius:28px}
  .apex-copy h1{font-size:clamp(2.8rem,13vw,4.7rem)}
  .apex-copy>p{font-size:.95rem}
  .apex-actions{flex-direction:column}
  .apex-primary,.apex-secondary{width:100%}
  .apex-visual{min-height:auto;display:grid;gap:14px}
  .apex-trophy-stage{
    position:relative;left:auto;top:auto;transform:none;margin:20px auto;
  }
  .apex-floating{
    position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%;
  }
  .apex-stats{grid-template-columns:repeat(2,1fr)}
  .apex-stats>div{border-bottom:1px solid rgba(133,181,255,.07)}
  .apex-stats>div:nth-child(2n){border-right:0}
  .apex-stats>div:last-child{grid-column:1/-1}
  .apex-highlights{grid-template-columns:1fr}
  .apex-showcase{grid-template-columns:1fr;text-align:center;padding:24px 18px}
  .apex-showcase-copy p{margin-left:auto;margin-right:auto}
}


/* ==========================================================
   CENTER STAGE — perfectly centered homepage
   ========================================================== */
html,body{overflow-y:auto!important}
#publicPage-home,
#publicPage-home .center-home{overflow:visible!important}

.center-home{
  width:min(1460px,calc(100% - 26px));
  margin:0 auto;
  padding:8px 0 30px;
}

.center-hero{
  position:relative;
  overflow:hidden;
  padding:36px 38px 30px;
  border-radius:42px;
  border:1px solid rgba(135,182,255,.13);
  background:
    radial-gradient(circle at 50% 18%,rgba(74,128,255,.15),transparent 28%),
    radial-gradient(circle at 50% 70%,rgba(96,228,255,.07),transparent 30%),
    radial-gradient(circle at 90% 70%,rgba(147,97,255,.09),transparent 24%),
    linear-gradient(180deg,#071630 0%,#061226 54%,#030916 100%);
  box-shadow:0 48px 130px rgba(0,0,0,.34);
}
.center-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 10% 14%,rgba(255,255,255,.85) 0 1px,transparent 1.6px),
    radial-gradient(circle at 78% 8%,rgba(255,255,255,.58) 0 1px,transparent 1.6px),
    radial-gradient(circle at 86% 68%,rgba(255,255,255,.42) 0 1px,transparent 1.6px),
    radial-gradient(circle at 24% 76%,rgba(255,255,255,.46) 0 1px,transparent 1.6px);
  background-size:160px 160px,220px 220px,190px 190px,240px 240px;
}
.center-top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  color:#7c92b6;
  font-size:.6rem;
  font-weight:850;
  letter-spacing:.13em;
}
.center-top span:nth-child(2){
  color:#a9bad5;
  text-align:center;
}
.center-top span:last-child{text-align:right}
.center-top i{
  display:inline-block;
  width:7px;height:7px;border-radius:50%;
  margin-right:7px;
  background:#57e3aa;
  box-shadow:0 0 12px rgba(87,227,170,.75);
}

.center-copy{
  position:relative;
  z-index:2;
  width:min(1020px,100%);
  margin:70px auto 40px;
  text-align:center;
}
.center-eyebrow{
  display:block;
  color:#67eaff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.2em;
  margin-bottom:17px;
}
.center-copy h1{
  margin:0;
  color:#fff;
  font-size:clamp(4.2rem,7.5vw,7.4rem);
  line-height:.87;
  letter-spacing:-.075em;
  text-wrap:balance;
}
.center-copy h1 span{
  display:block;
  margin-top:10px;
  background:linear-gradient(90deg,#fff 0%,#bac8ff 22%,#8f7cff 48%,#71baff 77%,#73ecff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.center-copy>p{
  width:min(760px,100%);
  margin:24px auto 0;
  color:#b7c8e3;
  font-size:1.03rem;
  line-height:1.8;
}
.center-actions{
  display:flex;
  justify-content:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:27px;
}
.center-primary,.center-secondary,.center-cta button{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  font-weight:900;
  transition:.18s ease;
}
.center-primary,.center-cta button{
  border:0;
  color:white;
  background:linear-gradient(135deg,#765dff,#3f80ff 58%,#57ddff);
  box-shadow:0 20px 48px rgba(66,128,255,.24);
}
.center-secondary{
  color:#dce9fb;
  border:1px solid rgba(134,181,255,.13);
  background:rgba(255,255,255,.03);
}
.center-primary:hover,.center-secondary:hover,.center-cta button:hover{
  transform:translateY(-2px);
}
.center-badges{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.center-badges span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(134,181,255,.08);
  background:rgba(255,255,255,.022);
  color:#8499bc;
  font-size:.63rem;
  font-weight:750;
}

.center-stage{
  position:relative;
  z-index:2;
  width:min(1120px,100%);
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:1fr 320px 1fr;
  align-items:center;
  gap:22px;
}
.center-card{
  min-height:210px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(134,181,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 20px 50px rgba(0,0,0,.16);
}
.center-card small{
  display:block;
  color:#67eaff;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.center-card strong{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:1.16rem;
}
.center-card p{
  margin:10px 0 0;
  color:#899fc2;
  font-size:.78rem;
  line-height:1.65;
}
.center-trophy-wrap{
  position:relative;
  min-height:330px;
  display:grid;
  place-items:center;
}
.center-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(101,229,255,.13);
}
.center-ring.ring-a{width:240px;height:240px}
.center-ring.ring-b{width:330px;height:330px}
.center-trophy{
  position:relative;
  z-index:2;
  width:150px;height:150px;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:5rem;
  background:radial-gradient(circle,rgba(255,212,102,.18),rgba(255,255,255,.02) 64%,transparent 68%);
  border:1px solid rgba(255,211,102,.13);
  box-shadow:0 0 70px rgba(255,204,95,.09);
}
.center-trophy-wrap>span{
  position:absolute;
  bottom:4px;
  color:#7187aa;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.17em;
}
.center-podium{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  margin-top:16px;
}
.center-podium>div{width:68px;text-align:center}
.center-podium b{display:block;color:#7188aa;font-size:.62rem}
.center-podium span{
  width:44px;height:44px;
  margin:4px auto 5px;
  display:grid;place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,#765dff,#56dcff);
  color:white;font-weight:900;
}
.center-podium .winner span{
  width:55px;height:55px;
  background:linear-gradient(135deg,#ffd56d,#ff9d49);
}
.center-podium em{
  display:block;
  color:#c2d1e8;
  font-size:.59rem;
  font-style:normal;
}
.center-versus{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:18px;
}
.center-versus span{
  width:52px;height:52px;border-radius:15px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(134,181,255,.08);
}
.center-versus b{color:#6f85a8;font-size:.7rem}

.center-stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(134,181,255,.09);
  background:rgba(255,255,255,.02);
}
.center-stats>div{
  padding:18px 12px;
  text-align:center;
  border-right:1px solid rgba(134,181,255,.07);
}
.center-stats>div:last-child{border-right:0}
.center-stats strong,.center-stats span{display:block}
.center-stats strong{color:#fff;font-size:1.12rem}
.center-stats span{margin-top:3px;color:#748aae;font-size:.61rem}

.center-features{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:16px;
}
.center-features article{
  padding:24px 22px;
  border-radius:24px;
  border:1px solid rgba(134,181,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
}
.center-features article>span{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(117,93,255,.18),rgba(87,221,255,.10));
  color:#68eaff;font-size:.67rem;font-weight:900;
}
.center-features strong{
  display:block;margin-top:14px;color:white;font-size:1.08rem;
}
.center-features p{
  margin:9px 0 0;color:#8ba1c5;font-size:.79rem;line-height:1.7;
}

.center-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:16px;
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(134,181,255,.10);
  background:
    radial-gradient(circle at 0% 100%,rgba(104,231,255,.06),transparent 24%),
    linear-gradient(135deg,rgba(8,21,51,.94),rgba(4,10,29,.97));
}
.center-cta small{
  display:block;
  color:#67eaff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.center-cta strong{
  display:block;
  margin-top:8px;
  color:white;
  font-size:1.8rem;
  line-height:1.12;
}

@media(max-width:1040px){
  .center-stage{grid-template-columns:1fr}
  .center-trophy-wrap{order:-1}
  .center-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .center-home{width:calc(100% - 18px)}
  .center-hero{padding:24px 18px;border-radius:28px}
  .center-top{grid-template-columns:1fr;text-align:center}
  .center-top span:last-child{text-align:center}
  .center-copy{margin-top:44px}
  .center-copy h1{font-size:clamp(3rem,14vw,5rem)}
  .center-copy>p{font-size:.95rem}
  .center-actions{flex-direction:column}
  .center-primary,.center-secondary,.center-cta button{width:100%}
  .center-stats{grid-template-columns:repeat(2,1fr)}
  .center-stats>div{border-bottom:1px solid rgba(134,181,255,.07)}
  .center-stats>div:nth-child(2n){border-right:0}
  .center-stats>div:last-child{grid-column:1/-1}
  .center-features{grid-template-columns:1fr}
  .center-cta{flex-direction:column;text-align:center;padding:22px 18px}
  .center-cta strong{font-size:1.45rem}
}


/* ==========================================================
   LUMINOUS CROWN — refined premium home
   ========================================================== */
html,body{overflow-y:auto!important}
#publicPage-home,
#publicPage-home .lumi-home{overflow:visible!important}

.lumi-home{
  width:min(1460px,calc(100% - 26px));
  margin:0 auto;
  padding:8px 0 30px;
}

.lumi-hero{
  position:relative;
  overflow:hidden;
  padding:58px 44px 32px;
  border-radius:42px;
  border:1px solid rgba(136,183,255,.13);
  background:
    radial-gradient(circle at 50% 16%,rgba(73,128,255,.16),transparent 27%),
    radial-gradient(circle at 52% 66%,rgba(103,230,255,.07),transparent 28%),
    radial-gradient(circle at 90% 72%,rgba(148,101,255,.09),transparent 25%),
    linear-gradient(180deg,#071630 0%,#061226 53%,#030916 100%);
  box-shadow:0 48px 130px rgba(0,0,0,.34);
}

.lumi-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,255,255,.85) 0 1px,transparent 1.7px),
    radial-gradient(circle at 76% 10%,rgba(255,255,255,.58) 0 1px,transparent 1.7px),
    radial-gradient(circle at 87% 70%,rgba(255,255,255,.43) 0 1px,transparent 1.7px),
    radial-gradient(circle at 28% 80%,rgba(255,255,255,.46) 0 1px,transparent 1.7px);
  background-size:170px 170px,220px 220px,200px 200px,250px 250px;
}

.lumi-headline{
  position:relative;
  z-index:3;
  width:min(920px,100%);
  margin:0 auto;
  text-align:center;
}

.lumi-season{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(134,181,255,.10);
  background:rgba(255,255,255,.025);
  color:#8da2c3;
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.11em;
}
.lumi-season i{
  width:7px;height:7px;border-radius:50%;
  background:#56e4aa;
  box-shadow:0 0 11px rgba(86,228,170,.75);
}

.lumi-headline h1{
  margin:25px 0 0;
  color:white;
  font-size:clamp(3.8rem,7vw,6.5rem);
  line-height:.9;
  letter-spacing:-.07em;
}
.lumi-headline h1 span{
  display:block;
  margin-top:7px;
  background:linear-gradient(90deg,#fff 0%,#bac7ff 24%,#8f7cff 48%,#70b9ff 78%,#74ecff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lumi-headline>p{
  max-width:720px;
  margin:22px auto 0;
  color:#b6c7e2;
  font-size:1.02rem;
  line-height:1.8;
}
.lumi-actions{
  display:flex;
  justify-content:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:27px;
}
.lumi-primary,.lumi-secondary{
  min-height:56px;
  padding:0 22px;
  border-radius:18px;
  font-weight:900;
  transition:.18s ease;
}
.lumi-primary{
  border:0;
  color:white;
  background:linear-gradient(135deg,#765dff,#3f80ff 58%,#57ddff);
  box-shadow:0 20px 48px rgba(66,128,255,.24);
}
.lumi-secondary{
  color:#dce9fb;
  border:1px solid rgba(134,181,255,.13);
  background:rgba(255,255,255,.03);
}
.lumi-primary:hover,.lumi-secondary:hover{transform:translateY(-2px)}
.lumi-trust{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}
.lumi-trust span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(134,181,255,.08);
  background:rgba(255,255,255,.022);
  color:#8499bc;
  font-size:.63rem;
  font-weight:750;
}

.lumi-stage{
  position:relative;
  z-index:2;
  width:min(1120px,100%);
  margin:46px auto 24px;
  display:grid;
  grid-template-columns:1fr 330px 1fr;
  align-items:center;
  gap:22px;
}
.lumi-stage-card{
  min-height:205px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(134,181,255,.11);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  box-shadow:0 20px 50px rgba(0,0,0,.16);
}
.lumi-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.lumi-card-top span{
  color:#67eaff;
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.14em;
}
.lumi-card-top small{
  color:#7085a7;
  font-size:.57rem;
  font-weight:800;
}
.lumi-podium{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:10px;
  margin-top:22px;
}
.lumi-podium>div{width:70px;text-align:center}
.lumi-podium b{
  display:block;color:#6f85a8;font-size:.62rem
}
.lumi-podium i{
  width:46px;height:46px;
  margin:4px auto 5px;
  display:grid;place-items:center;
  border-radius:14px;
  font-style:normal;font-weight:900;
  background:linear-gradient(135deg,#765dff,#56dcff);
}
.lumi-podium .leader i{
  width:58px;height:58px;
  background:linear-gradient(135deg,#ffd56d,#ff9d49);
}
.lumi-podium small{
  color:#c2d0e8;font-size:.59rem
}

.lumi-crown{
  position:relative;
  min-height:330px;
  display:grid;
  place-items:center;
  text-align:center;
}
.lumi-crown-halo{
  position:absolute;
  width:260px;height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,207,97,.11),transparent 70%);
}
.lumi-crown-ring{
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(101,229,255,.13);
}
.lumi-crown-ring.ring-one{width:240px;height:240px}
.lumi-crown-ring.ring-two{width:330px;height:330px}
.lumi-trophy{
  position:relative;
  z-index:2;
  width:150px;height:150px;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:5rem;
  background:radial-gradient(circle,rgba(255,212,102,.18),rgba(255,255,255,.02) 64%,transparent 68%);
  border:1px solid rgba(255,211,102,.13);
}
.lumi-crown strong{
  position:absolute;
  bottom:25px;
  color:#a8bad5;
  font-size:.65rem;
  letter-spacing:.16em;
}
.lumi-crown>small{
  position:absolute;
  bottom:7px;
  color:#6e84a6;
  font-size:.56rem;
  font-weight:800;
}
.lumi-match>strong{
  display:block;
  margin-top:16px;
  color:#fff;
  font-size:1.16rem;
}
.lumi-match>p{
  margin:9px 0 0;
  color:#89a0c2;
  font-size:.78rem;
  line-height:1.65;
}
.lumi-versus{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:18px;
}
.lumi-versus i{
  width:52px;height:52px;
  border-radius:15px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(134,181,255,.08);
  font-style:normal;
}
.lumi-versus b{color:#6f85a8;font-size:.7rem}

.lumi-stats{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(134,181,255,.09);
  background:rgba(255,255,255,.02);
}
.lumi-stats>div{
  padding:18px 12px;
  text-align:center;
  border-right:1px solid rgba(134,181,255,.07);
}
.lumi-stats>div:last-child{border-right:0}
.lumi-stats strong,.lumi-stats span{display:block}
.lumi-stats strong{color:white;font-size:1.12rem}
.lumi-stats span{margin-top:3px;color:#748aae;font-size:.61rem}

.lumi-section{
  margin-top:16px;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(134,181,255,.09);
  background:linear-gradient(180deg,rgba(8,20,48,.90),rgba(4,10,28,.94));
}
.lumi-section-head{
  max-width:820px;
  margin:0 auto 28px;
  text-align:center;
}
.lumi-section-head>span{
  color:#67eaff;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.16em;
}
.lumi-section-head h2{
  margin:10px 0 0;
  color:#fff;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.lumi-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.lumi-feature-grid article{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(134,181,255,.08);
  background:rgba(255,255,255,.025);
}
.lumi-icon{
  width:42px;height:42px;
  border-radius:13px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(118,93,255,.18),rgba(87,221,255,.10));
}
.lumi-feature-grid strong{
  display:block;
  margin-top:14px;
  color:white;
  font-size:1.05rem;
}
.lumi-feature-grid p{
  margin:9px 0 0;
  color:#8ba1c5;
  font-size:.79rem;
  line-height:1.7;
}

.lumi-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin-top:16px;
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(134,181,255,.10);
  background:
    radial-gradient(circle at 0% 100%,rgba(104,231,255,.06),transparent 24%),
    linear-gradient(135deg,rgba(8,21,51,.94),rgba(4,10,29,.97));
}
.lumi-banner>div>span{
  color:#67eaff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.lumi-banner h2{
  margin:8px 0 7px;
  color:white;
  font-size:clamp(1.8rem,3vw,2.8rem);
  line-height:1.04;
}
.lumi-banner p{
  margin:0;
  color:#8ea3c6;
  line-height:1.7;
}

@media(max-width:1040px){
  .lumi-stage{grid-template-columns:1fr}
  .lumi-crown{order:-1}
  .lumi-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .lumi-home{width:calc(100% - 18px)}
  .lumi-hero{padding:28px 18px;border-radius:28px}
  .lumi-headline h1{font-size:clamp(3rem,14vw,5rem)}
  .lumi-headline>p{font-size:.95rem}
  .lumi-actions{flex-direction:column}
  .lumi-primary,.lumi-secondary{width:100%}
  .lumi-stats{grid-template-columns:repeat(2,1fr)}
  .lumi-stats>div{border-bottom:1px solid rgba(134,181,255,.07)}
  .lumi-stats>div:nth-child(2n){border-right:0}
  .lumi-stats>div:last-child{grid-column:1/-1}
  .lumi-section{padding:24px 18px}
  .lumi-feature-grid{grid-template-columns:1fr}
  .lumi-banner{flex-direction:column;text-align:center;padding:22px 18px}
  .lumi-banner .lumi-primary{width:100%}
}


/* ==========================================================
   PRO HOMEPAGE — real SaaS/product landing page
   ========================================================== */

html,body{overflow-y:auto!important}

#publicPage-home,
#publicPage-home .pro-home{
  overflow:visible!important;
}

.pro-home{
  width:min(1460px,calc(100% - 26px));
  margin:0 auto;
  padding:6px 0 32px;
}

.pro-hero{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:42px;
  align-items:center;
  padding:56px;
  border-radius:38px;
  border:1px solid rgba(135,182,255,.12);
  background:
    radial-gradient(circle at 15% 12%,rgba(73,128,255,.14),transparent 28%),
    radial-gradient(circle at 100% 80%,rgba(146,96,255,.09),transparent 28%),
    linear-gradient(180deg,#07152e 0%,#061126 56%,#030916 100%);
  box-shadow:0 46px 120px rgba(0,0,0,.30);
}

.pro-overline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.pro-overline span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(133,181,255,.10);
  background:rgba(255,255,255,.025);
  color:#8197ba;
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.11em;
}
.pro-overline i{
  width:7px;height:7px;border-radius:50%;
  background:#55e3a9;
  box-shadow:0 0 11px rgba(85,227,169,.75);
}

.pro-hero-copy h1{
  margin:0;
  max-width:680px;
  color:white;
  font-size:clamp(3.1rem,5.2vw,5.3rem);
  line-height:.96;
  letter-spacing:-.06em;
}
.pro-hero-copy h1 span{
  display:block;
  margin-top:8px;
  background:linear-gradient(90deg,#fff 0%,#c0cdff 20%,#8e7cff 48%,#71b9ff 78%,#72eaff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pro-hero-copy>p{
  max-width:640px;
  margin:21px 0 0;
  color:#b3c5df;
  font-size:1rem;
  line-height:1.8;
}
.pro-hero-actions{
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  margin-top:27px;
}
.pro-btn-primary,.pro-btn-secondary{
  min-height:55px;
  padding:0 21px;
  border-radius:17px;
  font-weight:900;
  transition:.18s ease;
}
.pro-btn-primary{
  border:0;
  color:white;
  background:linear-gradient(135deg,#765dff,#3f80ff 58%,#56ddff);
  box-shadow:0 18px 44px rgba(65,128,255,.23);
}
.pro-btn-secondary{
  color:#dce8fa;
  border:1px solid rgba(135,181,255,.13);
  background:rgba(255,255,255,.03);
}
.pro-btn-primary:hover,.pro-btn-secondary:hover{
  transform:translateY(-2px);
}
.pro-proof{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
  color:#8297b9;
  font-size:.65rem;
  font-weight:750;
}

.pro-product-preview{
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(139,184,255,.14);
  background:#061126;
  box-shadow:0 32px 90px rgba(0,0,0,.35);
}
.preview-toolbar{
  height:48px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 15px;
  border-bottom:1px solid rgba(136,181,255,.08);
  background:rgba(255,255,255,.018);
  color:#7489aa;
  font-size:.58rem;
  letter-spacing:.1em;
}
.preview-toolbar>div{
  display:flex;
  gap:5px;
}
.preview-toolbar>span{text-align:right}
.preview-toolbar strong{
  color:#8ea2c1;
  font-size:.58rem;
}
.preview-dot{
  width:7px;height:7px;border-radius:50%;
  background:#4d6386;
}
.preview-dot:nth-child(1){background:#ff7083}
.preview-dot:nth-child(2){background:#ffd365}
.preview-dot:nth-child(3){background:#59dea7}

.preview-main{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:12px;
  padding:14px;
}
.preview-left,.preview-right{
  display:grid;
  gap:12px;
}
.preview-welcome,
.preview-match,
.preview-ranking,
.preview-ai,
.preview-kpis article{
  border-radius:17px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.024);
}
.preview-welcome{
  padding:17px;
}
.preview-welcome>span,
.preview-label-row>span{
  color:#64e8ff;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
}
.preview-welcome h3{
  margin:7px 0 3px;
  color:white;
  font-size:1.3rem;
}
.preview-welcome p{
  margin:0;
  color:#7f94b6;
  font-size:.68rem;
}
.preview-match{
  padding:16px;
}
.preview-label-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.preview-label-row small{
  color:#6f84a7;
  font-size:.55rem;
}
.preview-versus{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin-top:16px;
}
.preview-versus>div{
  display:grid;
  place-items:center;
  gap:6px;
}
.preview-versus i{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  background:rgba(255,255,255,.04);
  font-style:normal;
}
.preview-versus strong{
  font-size:.67rem;
  color:#dce7f7;
}
.preview-versus>b{
  color:#617597;
  font-size:.64rem;
}
.preview-match button{
  width:100%;
  min-height:38px;
  margin-top:13px;
  border:0;
  border-radius:12px;
  color:white;
  background:linear-gradient(135deg,#735cff,#3f82ff);
  font-size:.64rem;
  font-weight:850;
}
.preview-kpis{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.preview-kpis article{
  padding:12px;
}
.preview-kpis span,.preview-kpis strong,.preview-kpis small{display:block}
.preview-kpis span{
  color:#7085a8;
  font-size:.5rem;
  font-weight:900;
  letter-spacing:.1em;
}
.preview-kpis strong{
  margin-top:5px;
  color:white;
  font-size:1.2rem;
}
.preview-kpis small{
  margin-top:2px;
  color:#62779b;
  font-size:.5rem;
}

.preview-ranking{
  padding:15px;
}
.preview-rank-line{
  display:grid;
  grid-template-columns:22px 30px 1fr auto;
  gap:7px;
  align-items:center;
  min-height:40px;
  border-bottom:1px solid rgba(133,181,255,.055);
}
.preview-rank-line:last-child{border-bottom:0}
.preview-rank-line>b{
  color:#667b9d;
  font-size:.6rem;
}
.preview-rank-line>i{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:linear-gradient(135deg,#765dff,#57dcff);
  font-style:normal;
  color:white;
  font-size:.62rem;
  font-weight:900;
}
.preview-rank-line>strong{
  color:#dce8f7;
  font-size:.64rem;
}
.preview-rank-line>span{
  color:#8da2c1;
  font-size:.58rem;
}
.preview-rank-line.leader{
  margin:0 -5px;
  padding:0 5px;
  border-radius:10px;
  background:rgba(255,211,102,.04);
}
.preview-rank-line.leader>i{
  background:linear-gradient(135deg,#ffd66e,#ff9f4c);
}

.preview-ai{
  padding:14px;
}
.preview-ai-head{
  display:flex;
  gap:9px;
  align-items:center;
}
.preview-ai-orb{
  width:35px;height:35px;
  border-radius:11px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#765dff,#56ddff);
}
.preview-ai-head strong,.preview-ai-head small{display:block}
.preview-ai-head strong{
  color:white;
  font-size:.67rem;
}
.preview-ai-head small{
  margin-top:2px;
  color:#7186a8;
  font-size:.52rem;
}
.preview-ai>p{
  margin:12px 0 7px;
  color:#9db0ca;
  font-size:.62rem;
  line-height:1.5;
}
.preview-ai>span{
  display:block;
  padding:9px 10px;
  border-radius:10px;
  background:rgba(99,229,255,.035);
  color:#a9c5d7;
  font-size:.58rem;
  line-height:1.45;
}

.pro-metrics{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  overflow:hidden;
  margin-top:16px;
  border-radius:22px;
  border:1px solid rgba(133,181,255,.09);
  background:rgba(255,255,255,.02);
}
.pro-metrics>div{
  padding:18px 12px;
  text-align:center;
  border-right:1px solid rgba(133,181,255,.07);
}
.pro-metrics>div:last-child{border-right:0}
.pro-metrics strong,.pro-metrics span{display:block}
.pro-metrics strong{color:white;font-size:1.15rem}
.pro-metrics span{margin-top:3px;color:#748aae;font-size:.62rem}

.pro-section,
.pro-players-showcase{
  margin-top:16px;
  padding:38px;
  border-radius:30px;
  border:1px solid rgba(133,181,255,.09);
  background:linear-gradient(180deg,rgba(8,20,48,.91),rgba(4,10,28,.95));
}
.pro-section-head{
  max-width:860px;
  margin:0 auto 28px;
  text-align:center;
}
.pro-section-head>span{
  color:#65e8ff;
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.16em;
}
.pro-section-head h2{
  margin:10px 0 8px;
  color:white;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.pro-section-head p{
  max-width:740px;
  margin:0 auto;
  color:#8fa4c7;
  line-height:1.7;
}
.pro-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.pro-feature-grid article{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.025);
}
.pro-feature-icon{
  width:42px;height:42px;
  display:grid;place-items:center;
  border-radius:13px;
  background:linear-gradient(135deg,rgba(118,93,255,.18),rgba(87,221,255,.10));
}
.pro-feature-grid strong{
  display:block;
  margin-top:14px;
  color:white;
  font-size:1.04rem;
}
.pro-feature-grid p{
  margin:9px 0 0;
  color:#8ba1c5;
  font-size:.79rem;
  line-height:1.7;
}

.pro-player-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.pro-player-row article{
  padding:20px 12px;
  text-align:center;
  border-radius:20px;
  border:1px solid rgba(133,181,255,.08);
  background:rgba(255,255,255,.025);
}
.pro-player-row i{
  width:54px;height:54px;
  margin:0 auto 9px;
  display:grid;place-items:center;
  border-radius:17px;
  background:linear-gradient(135deg,#765dff,#56ddff);
  color:white;
  font-style:normal;
  font-weight:900;
}
.pro-player-row strong,.pro-player-row small{display:block}
.pro-player-row strong{color:white;font-size:.78rem}
.pro-player-row small{margin-top:3px;color:#7186a8;font-size:.58rem}
.pro-player-row .pro-admin{
  border-color:rgba(99,229,255,.18);
  background:rgba(99,229,255,.035);
}

.pro-bottom-cta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  margin-top:16px;
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(133,181,255,.10);
  background:
    radial-gradient(circle at 0% 100%,rgba(103,230,255,.06),transparent 24%),
    linear-gradient(135deg,rgba(8,21,51,.94),rgba(4,10,29,.97));
}
.pro-bottom-cta>div>span{
  color:#65e8ff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.16em;
}
.pro-bottom-cta h2{
  margin:8px 0 7px;
  max-width:760px;
  color:white;
  font-size:clamp(1.8rem,3.5vw,3rem);
  line-height:1.04;
}
.pro-bottom-cta p{
  margin:0;
  color:#8ea3c6;
}

@media(max-width:1120px){
  .pro-hero{grid-template-columns:1fr}
  .pro-hero-copy{max-width:900px}
  .pro-product-preview{max-width:800px}
  .pro-feature-grid{grid-template-columns:repeat(2,1fr)}
  .pro-player-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .pro-home{width:calc(100% - 18px)}
  .pro-hero{padding:26px 18px;border-radius:28px}
  .pro-hero-copy h1{font-size:clamp(2.8rem,13vw,4.5rem)}
  .pro-hero-copy>p{font-size:.95rem}
  .pro-hero-actions{flex-direction:column}
  .pro-btn-primary,.pro-btn-secondary{width:100%}
  .preview-main{grid-template-columns:1fr}
  .pro-metrics{grid-template-columns:repeat(2,1fr)}
  .pro-metrics>div{border-bottom:1px solid rgba(133,181,255,.07)}
  .pro-metrics>div:nth-child(2n){border-right:0}
  .pro-metrics>div:last-child{grid-column:1/-1}
  .pro-section,.pro-players-showcase{padding:26px 18px}
  .pro-feature-grid{grid-template-columns:1fr}
  .pro-player-row{grid-template-columns:repeat(2,1fr)}
  .pro-bottom-cta{flex-direction:column;text-align:center;padding:24px 18px}
  .pro-bottom-cta .pro-btn-primary{width:100%}
}


/* ==========================================================
   PRO REBUILT FINAL
   Structural reset of the public landing page.
   ========================================================== */

/* CRITICAL FIX:
   Old AETHER rules turned the whole public screen into a centered flexbox
   and hid overflow. Restore a normal document flow. */
.auth-screen-final{
  display:block!important;
  position:relative!important;
  min-height:100vh!important;
  width:100%!important;
  padding:108px 0 42px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-items:initial!important;
  justify-content:initial!important;
}

/* Public nav remains fixed and centered. */
.public-topnav.final-topnav{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(1460px,calc(100% - 28px))!important;
  z-index:1000!important;
}

/* Main landing occupies the full useful width. */
.final-landing,
.final-landing.omni-landing{
  display:block!important;
  position:relative!important;
  width:min(1460px,calc(100% - 26px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
}

#publicPage-home{
  display:block;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

#publicPage-home .pro-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 28px!important;
  transform:none!important;
}

/* Actual professional hero */
#publicPage-home .pro-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  gap:54px!important;
  align-items:center!important;
  padding:64px!important;
  min-height:650px!important;
  border-radius:38px!important;
  overflow:hidden!important;
}

/* Hero text — concise, readable, not poster-like */
#publicPage-home .pro-hero-copy{
  width:100%!important;
  max-width:650px!important;
  margin:0!important;
  text-align:left!important;
}
#publicPage-home .pro-hero-copy h1{
  max-width:620px!important;
  margin:0!important;
  font-size:clamp(3.4rem,5.2vw,5.5rem)!important;
  line-height:.91!important;
  letter-spacing:-.065em!important;
  text-wrap:balance!important;
}
#publicPage-home .pro-hero-copy h1 span{
  margin-top:9px!important;
}
#publicPage-home .pro-hero-copy>p{
  max-width:600px!important;
  margin:22px 0 0!important;
  font-size:1rem!important;
  line-height:1.78!important;
}
#publicPage-home .pro-overline,
#publicPage-home .pro-hero-actions,
#publicPage-home .pro-proof{
  justify-content:flex-start!important;
}

/* Product preview becomes the visual hero, not giant typography. */
#publicPage-home .pro-product-preview{
  width:100%!important;
  max-width:760px!important;
  justify-self:end!important;
  transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)!important;
  transform-origin:center!important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.016) inset!important;
}
#publicPage-home .pro-product-preview:hover{
  transform:perspective(1400px) rotateY(0deg) rotateX(0deg) translateY(-3px)!important;
  transition:.3s ease!important;
}

/* Stronger product card contrast */
.preview-toolbar{
  background:rgba(255,255,255,.025)!important;
}
.preview-welcome{
  background:
    radial-gradient(circle at 100% 0%,rgba(87,220,255,.08),transparent 28%),
    rgba(255,255,255,.025)!important;
}
.preview-match{
  background:
    radial-gradient(circle at 0% 100%,rgba(119,92,255,.07),transparent 30%),
    rgba(255,255,255,.025)!important;
}
.preview-ranking,
.preview-ai{
  background:rgba(255,255,255,.027)!important;
}

/* Metrics and sections full width, centered properly. */
.pro-metrics,
.pro-section,
.pro-players-showcase,
.pro-bottom-cta{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Remove old announcement spacing if their HTML is absent. */
.showstopper-ribbon,
.nebula-crown-line,
.omni-announcement{
  display:none!important;
}

/* Footer should follow normal flow, too. */
.omni-footer{
  width:min(1460px,calc(100% - 26px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Public subpages also centered, not flex-shifted. */
.public-page-view{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}
.public-page-view>.final-section,
.world-page-banner{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Tablet/mobile */
@media(max-width:1150px){
  #publicPage-home .pro-hero{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding:46px!important;
  }
  #publicPage-home .pro-hero-copy{
    max-width:780px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  #publicPage-home .pro-hero-copy h1,
  #publicPage-home .pro-hero-copy>p{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #publicPage-home .pro-overline,
  #publicPage-home .pro-hero-actions,
  #publicPage-home .pro-proof{
    justify-content:center!important;
  }
  #publicPage-home .pro-product-preview{
    justify-self:center!important;
    max-width:820px!important;
    transform:none!important;
  }
}
@media(max-width:760px){
  .auth-screen-final{
    padding-top:92px!important;
  }
  #publicPage-home .pro-hero{
    padding:26px 18px!important;
    min-height:auto!important;
    border-radius:28px!important;
  }
  #publicPage-home .pro-hero-copy h1{
    font-size:clamp(2.8rem,13vw,4.4rem)!important;
  }
  #publicPage-home .pro-product-preview{
    transform:none!important;
  }
}


/* ==========================================================
   PRO SCROLL LOCK FIX
   Force the public site to scroll normally.
   ========================================================== */

html,
body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-behavior:smooth;
}

body{
  position:relative!important;
}

#authScreen.auth-screen-final{
  height:auto!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding-bottom:72px!important;
}

.final-landing,
.final-landing.omni-landing,
#publicPage-home,
#publicPage-home .pro-home,
#publicPage-home .pro-hero,
.public-page-view.active{
  height:auto!important;
  max-height:none!important;
}

.final-landing,
.final-landing.omni-landing{
  overflow:visible!important;
}

#publicPage-home,
#publicPage-home .pro-home{
  overflow:visible!important;
}

#publicPage-home .pro-hero{
  min-height:auto!important;
  align-items:stretch!important;
}

#publicPage-home .pro-home{
  padding-bottom:48px!important;
}

.pro-metrics,
.pro-section,
.pro-players-showcase,
.pro-bottom-cta,
.public-page-view>.final-section,
.world-page-banner,
.omni-footer{
  position:relative!important;
  z-index:2!important;
}

/* Keep only the page content visible and stack sections naturally */
.public-page-view{
  width:100%!important;
  clear:both!important;
}

/* Desktop */
@media(min-width:1100px){
  #publicPage-home .pro-hero{
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;
  }
}

/* Tablet / mobile */
@media(max-width:1150px){
  #publicPage-home .pro-hero{
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
}

@media(max-width:760px){
  #authScreen.auth-screen-final{
    padding-bottom:42px!important;
  }
}


/* ==========================================================
   FRESH SEASON + DEFINITIVE SCROLL UNLOCK
   ========================================================== */
html,
body{
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
}

html.auth-page-open,
body.auth-page-open{
  overflow-y:scroll!important;
}

/* Only the dedicated auth modal may manage its own internal scrolling. */
#authModal:not([hidden]){
  overflow-y:auto!important;
}

#siteApp,
.app-shell,
#app{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
}

#siteApp{
  position:relative!important;
  padding-bottom:80px!important;
}

.app-shell{
  margin-bottom:140px!important;
  padding-bottom:40px!important;
}

/* Make sure long connected pages can always extend the document. */
.page,
.section,
.grid,
.card,
.table-wrap{
  max-height:none!important;
}

/* Public page remains part of the normal document flow. */
#authScreen.auth-screen-final{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:80px!important;
}


/* ==========================================================
   PUBLIC ROUTES + HOME RANKING CTA
   ========================================================== */
.pro-btn-ranking{
  min-height:55px;
  padding:0 20px;
  border-radius:17px;
  color:#d9f8ff;
  border:1px solid rgba(96,229,255,.20);
  background:linear-gradient(180deg,rgba(96,229,255,.07),rgba(78,126,255,.035));
  font-weight:900;
  transition:.18s ease;
}
.pro-btn-ranking:hover{
  transform:translateY(-2px);
  border-color:rgba(96,229,255,.34);
  box-shadow:0 14px 34px rgba(80,201,255,.08);
}
.preview-ranking-link{
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.preview-ranking-link:hover,
.preview-ranking-link:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(99,229,255,.20)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  outline:none;
}
@media(max-width:760px){
  .pro-btn-ranking{
    width:100%;
  }
}


/* ==========================================================
   TRUE MULTIPAGE
   ========================================================== */
a.public-tab,
a.public-brand,
a.public-ghost-btn,
a.public-cta-btn,
a.pro-btn-primary,
a.pro-btn-secondary,
a.pro-btn-ranking,
.omni-footer-links a{
  text-decoration:none!important;
}

a.public-tab{
  display:flex;
  align-items:center;
  justify-content:center;
}

a.public-brand{
  display:flex;
  align-items:center;
}

a.public-ghost-btn,
a.public-cta-btn,
a.pro-btn-primary,
a.pro-btn-secondary,
a.pro-btn-ranking{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.omni-footer-links a{
  color:#8398bb;
  font-size:.63rem;
}
.omni-footer-links a:hover{
  color:#63eaff;
}

/* One HTML file = one visible public page */
.public-page-view{
  display:block!important;
  animation:none!important;
}


/* ===== WORLD CLASS MAILBOX ===== */
.mailbox-nav{position:relative}
.mail-unread-badge{
  position:absolute;top:5px;right:5px;min-width:19px;height:19px;padding:0 5px;
  display:grid;place-items:center;border-radius:999px;
  background:linear-gradient(135deg,#ff5579,#ff7a55);color:#fff;
  font-size:.55rem;font-style:normal;font-weight:950;
  box-shadow:0 8px 18px rgba(255,75,102,.32);border:2px solid #07142e
}
.mail-unread-badge[hidden]{display:none!important}
.mailbox-page-head{align-items:center}
.mail-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:18px;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025)}
.mail-summary>span{font-size:1.5rem}.mail-summary strong,.mail-summary small{display:block}
.mail-summary strong{font-size:1.2rem}.mail-summary small{color:var(--muted);font-size:.62rem}
.mailbox-hero{padding:26px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:radial-gradient(circle at 0% 100%,rgba(84,222,255,.07),transparent 26%),radial-gradient(circle at 100% 0%,rgba(128,92,255,.09),transparent 30%),rgba(255,255,255,.025)}
.mailbox-hero-copy{max-width:800px}.mailbox-hero h3{margin:8px 0 7px;font-size:1.7rem}.mailbox-hero p{margin:0;color:var(--muted);line-height:1.7}
.mailbox-hero-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mailbox-hero-badges span{padding:9px 11px;border-radius:999px;border:1px solid rgba(137,181,255,.09);background:rgba(255,255,255,.025);color:#9fb2cf;font-size:.62rem;font-weight:800}
.mail-compose{padding:24px}.mail-compose-form{display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}
.mail-compose-form label{display:grid;gap:8px;color:#a5b7d2;font-size:.7rem;font-weight:800}
.mail-compose-form select,.mail-compose-form input,.mail-compose-form textarea,.mailbox-toolbar-actions input{width:100%;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025);color:#fff;border-radius:14px;outline:none}
.mail-compose-form select,.mail-compose-form input{min-height:50px;padding:0 13px}.mail-compose-form textarea{padding:13px;resize:vertical;line-height:1.55}
.mail-compose-form input:focus,.mail-compose-form textarea:focus,.mail-compose-form select:focus,.mailbox-toolbar-actions input:focus{border-color:rgba(103,234,255,.35);box-shadow:0 0 0 3px rgba(103,234,255,.06)}
.mail-compose-body{grid-column:1/-1}.mail-compose-body>small{justify-self:end;color:#6f84a5;font-weight:500}
.mail-compose-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px}.mail-compose-actions>span{color:#7287a9;font-size:.65rem}
.mailbox-box{padding:0;overflow:hidden}.mailbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(137,181,255,.08)}
.mail-tabs{display:flex;gap:6px;padding:5px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(137,181,255,.07)}
.mail-tab{min-height:40px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#8196b6;font-weight:850}
.mail-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.05);font-size:.56rem}
.mail-tab.active{color:#fff;background:linear-gradient(135deg,rgba(118,93,255,.40),rgba(65,130,255,.32))}
.mailbox-toolbar-actions{display:flex;align-items:center;gap:8px}.mailbox-toolbar-actions input{min-width:260px;min-height:42px;padding:0 12px}
.mail-list{display:grid}.mail-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:flex-start;padding:18px;border-bottom:1px solid rgba(137,181,255,.06);transition:.18s ease}
.mail-row:last-child{border-bottom:0}.mail-row:hover{background:rgba(255,255,255,.018)}
.mail-row.unread{background:linear-gradient(90deg,rgba(74,133,255,.075),rgba(85,224,255,.02));box-shadow:inset 3px 0 0 #5bdfff}
.mail-row-avatar .avatar{width:48px;height:48px;border-radius:16px}.mail-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.mail-row-top strong{font-size:.74rem}.mail-row-top time{color:#6d82a4;font-size:.58rem}
.mail-row-content h3{margin:5px 0 6px;font-size:1rem}.mail-row-content p{margin:0;max-width:850px;color:#91a6c7;font-size:.72rem;line-height:1.65;white-space:pre-wrap}
.mail-row-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.mail-chip{padding:5px 8px;border-radius:999px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.025);color:#7e93b4;font-size:.55rem}
.mail-chip.broadcast{color:#dfd0ff;border-color:rgba(138,102,255,.16);background:rgba(138,102,255,.06)}.mail-chip.unread-chip{color:#68eaff;border-color:rgba(103,234,255,.15);background:rgba(103,234,255,.05)}
.mail-row-actions{display:flex;gap:7px;align-self:center}.mail-row-actions .btn{white-space:nowrap}
.mail-empty{padding:60px 20px;text-align:center;color:#8196b6}.mail-empty>span{display:block;font-size:2.4rem;margin-bottom:12px}.mail-empty strong{display:block;color:#fff;font-size:1rem}.mail-empty p{margin:6px 0 0;font-size:.72rem}
@media(max-width:900px){
  .mailbox-hero{flex-direction:column;align-items:flex-start}.mailbox-hero-badges{justify-content:flex-start}
  .mail-compose-form{grid-template-columns:1fr}.mailbox-toolbar{align-items:flex-start;flex-direction:column}.mailbox-toolbar-actions{width:100%}
  .mailbox-toolbar-actions input{min-width:0;flex:1}.mail-row{grid-template-columns:auto 1fr}.mail-row-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:620px){
  .mailbox-toolbar-actions{flex-direction:column;align-items:stretch}.mail-tabs{width:100%}.mail-tab{flex:1}
  .mail-row{grid-template-columns:1fr}.mail-row-avatar{display:none}.mail-row-actions{grid-column:1}
  .mail-compose-actions{align-items:stretch;flex-direction:column}.mail-compose-actions .btn{width:100%}
}


/* =========================================================
   ULTIMATE MAX — Command Center / Announcements / Polls
   ========================================================= */
.ultimate-announcement{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  margin-bottom:14px;padding:16px 18px;border-radius:20px;
  border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025)
}
.ultimate-announcement>div>span{display:block;margin-bottom:4px;color:#67eaff;font-size:.58rem;font-weight:900;letter-spacing:.13em}
.ultimate-announcement strong{font-size:.9rem}.ultimate-announcement p{margin:5px 0 0;color:#91a6c7;font-size:.7rem;line-height:1.6}
.ultimate-announcement>small{color:#6d82a4;font-size:.56rem;white-space:nowrap}
.ultimate-announcement.priority-important{border-color:rgba(255,207,90,.20);background:rgba(255,207,90,.035)}
.ultimate-announcement.priority-important>div>span{color:#ffd36b}
.ultimate-announcement.priority-urgent{border-color:rgba(255,89,111,.22);background:rgba(255,89,111,.045)}
.ultimate-announcement.priority-urgent>div>span{color:#ff7184}

.ultimate-page-head{align-items:center}
.ultimate-profile-pill{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:18px;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025)}
.ultimate-profile-pill strong,.ultimate-profile-pill small{display:block}.ultimate-profile-pill small{margin-top:2px;color:#758baa;font-size:.58rem}

.ultimate-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ultimate-kpi{padding:17px}.ultimate-kpi>span{font-size:1.25rem}.ultimate-kpi small,.ultimate-kpi strong,.ultimate-kpi em{display:block}
.ultimate-kpi small{margin-top:8px;color:#8398b9;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.ultimate-kpi strong{margin-top:3px;font-size:1.55rem}.ultimate-kpi em{margin-top:3px;color:#6e83a4;font-size:.57rem;font-style:normal}

.ultimate-main-grid,.ultimate-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ultimate-missions,.ultimate-notes,.ultimate-board,.ultimate-quick,.ultimate-health,.ultimate-activity{padding:22px}
.ultimate-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.ultimate-section-head h3{margin:4px 0 0;font-size:1.15rem}.ultimate-section-head>strong{font-size:1.15rem}
.ultimate-progress{height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.05);margin-bottom:14px}
.ultimate-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#765dff,#4f82ff,#62eaff)}
.ultimate-mission-list{display:grid;gap:8px}.ultimate-mission-list button{min-height:52px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 11px;border-radius:14px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.02);color:#fff;text-align:left}
.ultimate-mission-list button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.035)}
.ultimate-mission-list strong,.ultimate-mission-list small{display:block}.ultimate-mission-list strong{font-size:.68rem}.ultimate-mission-list small{color:#6f85a7;font-size:.56rem}
.ultimate-mission-list button.done{border-color:rgba(87,223,169,.15);background:rgba(87,223,169,.035)}.ultimate-mission-list button.done>span{background:rgba(87,223,169,.10);color:#67e5ae}

.ultimate-notes textarea{width:100%;min-height:240px;padding:14px;border-radius:16px;border:1px solid rgba(137,181,255,.09);background:rgba(255,255,255,.02);color:#fff;resize:vertical;outline:none;line-height:1.6}
.ultimate-notes textarea:focus{border-color:rgba(103,234,255,.32);box-shadow:0 0 0 3px rgba(103,234,255,.05)}
.ultimate-notes-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.ultimate-notes-foot small{color:#7187a8}

.ultimate-admin-form{display:grid;grid-template-columns:1fr 170px;gap:9px;margin-bottom:14px;padding:12px;border-radius:16px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.02)}
.ultimate-admin-form textarea{grid-column:1/-1}.ultimate-admin-form button{grid-column:1/-1}
.ultimate-admin-form input,.ultimate-admin-form select,.ultimate-admin-form textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(137,181,255,.09);background:#07152f;color:#fff;outline:none}
.ultimate-announcement-list{display:grid;gap:8px}.ultimate-board-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border-radius:15px;border:1px solid rgba(137,181,255,.07);background:rgba(255,255,255,.018)}
.ultimate-board-item>div{display:flex;gap:10px}.ultimate-board-item>div>span{font-size:1.2rem}.ultimate-board-item strong,.ultimate-board-item p,.ultimate-board-item small{display:block}.ultimate-board-item p{margin:4px 0;color:#8fa4c3;font-size:.66rem;line-height:1.55}.ultimate-board-item small{color:#687e9f;font-size:.54rem}
.ultimate-board-item.priority-urgent{border-color:rgba(255,90,111,.18)}.ultimate-board-item.priority-important{border-color:rgba(255,211,107,.16)}

.ultimate-polls{display:grid;gap:10px}.ultimate-poll-card{padding:14px;border-radius:17px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.018)}
.ultimate-poll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ultimate-poll-head h3{margin:5px 0 0;font-size:.86rem}.ultimate-poll-admin{display:flex;gap:6px}
.ultimate-poll-options{display:grid;gap:7px;margin-top:12px}.ultimate-poll-option{display:grid;gap:7px;padding:10px;border-radius:13px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.02);color:#fff;text-align:left}
.ultimate-poll-option>div:first-child{display:flex;justify-content:space-between;gap:10px}.ultimate-poll-option strong{font-size:.65rem}.ultimate-poll-option span{color:#7186a7;font-size:.55rem}
.ultimate-poll-option.selected{border-color:rgba(103,234,255,.25);background:rgba(103,234,255,.04)}
.ultimate-poll-bar{height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.05)}.ultimate-poll-bar span{display:block;height:100%;background:linear-gradient(90deg,#765dff,#58ddff)}
.ultimate-poll-foot{display:flex;justify-content:space-between;margin-top:9px;color:#6d82a4;font-size:.55rem}.ultimate-poll-card.closed{opacity:.72}

.ultimate-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ultimate-action-grid button{min-height:92px;display:grid;align-content:center;justify-items:start;gap:4px;padding:14px;border-radius:16px;border:1px solid rgba(137,181,255,.08);background:rgba(255,255,255,.02);color:#fff;text-align:left}
.ultimate-action-grid button:hover{border-color:rgba(103,234,255,.20);background:rgba(103,234,255,.03)}.ultimate-action-grid button>strong{font-size:.68rem}.ultimate-action-grid button>small{color:#7388aa;font-size:.55rem}

.ultimate-health-list{display:grid;gap:7px}.ultimate-health-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(137,181,255,.06);font-size:.65rem}.ultimate-health-list span{color:#8195b5}.ultimate-health-list strong{color:#dce9f8}
.ultimate-local-note{margin:12px 0 0;color:#6f84a6;font-size:.62rem;line-height:1.6}
.ultimate-timeline{display:grid;gap:8px}.ultimate-timeline>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px;border-radius:13px;background:rgba(255,255,255,.018)}.ultimate-timeline>div>span{color:#60e9ff}.ultimate-timeline strong,.ultimate-timeline small{display:block}.ultimate-timeline strong{font-size:.66rem}.ultimate-timeline small{margin-top:3px;color:#6d82a4;font-size:.54rem}

/* enhanced mailbox */
.mail-chip.urgent{color:#ff7a8a;border-color:rgba(255,90,111,.18);background:rgba(255,90,111,.05)}
.mail-chip.important{color:#ffd36b;border-color:rgba(255,211,107,.17);background:rgba(255,211,107,.045)}
.mail-chip.pinned{color:#d9c6ff;border-color:rgba(142,103,255,.18);background:rgba(142,103,255,.05)}
.mail-chip.receipt{color:#67e5ad;border-color:rgba(87,223,169,.15);background:rgba(87,223,169,.04)}

@media(max-width:1200px){.ultimate-kpi-grid{grid-template-columns:repeat(3,1fr)}.ultimate-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.ultimate-main-grid,.ultimate-two-grid{grid-template-columns:1fr}.ultimate-admin-form{grid-template-columns:1fr}.ultimate-admin-form textarea,.ultimate-admin-form button{grid-column:1}.ultimate-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ultimate-kpi-grid{grid-template-columns:1fr 1fr}.ultimate-action-grid{grid-template-columns:1fr 1fr}.ultimate-poll-head,.ultimate-section-head{align-items:flex-start;flex-direction:column}.ultimate-board-item{flex-direction:column}}


/* =========================================================
   ULTIMATE MAX V2 ALL-IN
   ========================================================= */
.insight-score{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:18px;border:1px solid rgba(137,181,255,.10);background:rgba(255,255,255,.025)}
.insight-score>span{font-size:1.4rem}.insight-score strong,.insight-score small{display:block}.insight-score strong{font-size:1.25rem}.insight-score small{color:#768cac;font-size:.58rem}
.insight-table-wrap{overflow:auto}.insight-table{width:100%;border-collapse:collapse;min-width:720px}.insight-table th,.insight-table td{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(137,181,255,.06);font-size:.68rem}.insight-table th{color:#7186a8;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.insight-table tr.me{background:rgba(103,234,255,.035)}
.insight-heatmap-card,.insight-goal-card{padding:22px}.insight-heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:6px}.insight-heatmap span,.heatmap-legend i{aspect-ratio:1;border-radius:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.03)}.insight-heatmap .lv1,.heatmap-legend .lv1{background:rgba(82,130,255,.28)}.insight-heatmap .lv2,.heatmap-legend .lv2{background:rgba(82,151,255,.48)}.insight-heatmap .lv3,.heatmap-legend .lv3{background:rgba(91,201,255,.66)}.insight-heatmap .lv4,.heatmap-legend .lv4{background:rgba(103,234,255,.90)}.heatmap-legend{display:flex;align-items:center;gap:5px;margin-top:10px;justify-content:flex-end}.heatmap-legend i{width:15px;height:15px}.heatmap-legend small{font-size:.54rem;color:#7085a7}
.goal-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goal-form label{display:grid;gap:6px;color:#91a6c5;font-size:.62rem}.goal-form input,.goal-form textarea{padding:10px;border-radius:12px;border:1px solid rgba(137,181,255,.09);background:rgba(255,255,255,.02);color:#fff}.goal-note{grid-column:1/-1}.goal-form button{grid-column:1/-1}.goal-progress{display:grid;gap:6px;margin-top:14px}.goal-progress>div:not(.ultimate-progress){display:flex;justify-content:space-between;color:#8398b9;font-size:.62rem}
.performance-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.performance-grid article{padding:13px;border-radius:15px;border:1px solid rgba(137,181,255,.07);background:rgba(255,255,255,.018)}.performance-grid article>div{display:flex;align-items:center;gap:8px}.performance-grid article strong{font-size:.68rem}.performance-grid article>span{display:block;height:7px;margin:10px 0 7px;border-radius:999px;background:linear-gradient(90deg,#765dff var(--p),rgba(255,255,255,.05) var(--p))}.performance-grid article small{color:#7085a6;font-size:.55rem}

.hall-crown{font-size:2.5rem}.hall-hero{padding:30px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 100% 0%,rgba(255,211,107,.12),transparent 34%),rgba(255,255,255,.025)}.hall-hero h3{margin:6px 0;font-size:2.3rem}.hall-hero p{margin:0;color:#91a6c6}.hall-trophy{font-size:4rem}.hall-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.hall-record-grid article{padding:18px}.hall-record-grid span,.hall-record-grid small,.hall-record-grid strong,.hall-record-grid em{display:block}.hall-record-grid span{font-size:1.4rem}.hall-record-grid small{margin-top:8px;color:#7388a9;font-size:.56rem;text-transform:uppercase}.hall-record-grid strong{margin-top:4px;font-size:.95rem}.hall-record-grid em{margin-top:3px;color:#67eaff;font-size:.68rem;font-style:normal}.hall-list{display:grid}.hall-list article{display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid rgba(137,181,255,.06)}.hall-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.03);font-weight:900}.hall-list strong,.hall-list small{display:block}.hall-list small{margin-top:2px;color:#7186a6;font-size:.57rem}.hall-badges{display:flex;gap:6px}.hall-badges span{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(137,181,255,.07);font-size:.56rem}

.reminder-card,.template-card,.login-history-card{padding:22px}.reminder-form{display:grid;grid-template-columns:1fr 220px auto;gap:8px;margin-bottom:12px}.reminder-form input,.template-form input{padding:10px;border-radius:12px;border:1px solid rgba(137,181,255,.09);background:rgba(255,255,255,.02);color:#fff}.reminder-list{display:grid;gap:7px}.reminder-list article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:13px;background:rgba(255,255,255,.018);border:1px solid rgba(137,181,255,.06)}.reminder-list article.late{border-color:rgba(255,95,116,.14)}.reminder-list strong,.reminder-list small{display:block}.reminder-list small{margin-top:2px;color:#7186a7;font-size:.56rem}
.template-form{display:grid;gap:10px}.template-form label{display:grid;gap:6px;color:#8196b6;font-size:.62rem}.template-score{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.template-score input{text-align:center;font-size:1.2rem}.template-score span{color:#7186a8}.login-history-list{display:grid;gap:7px}.login-history-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(137,181,255,.06)}.login-history-list>div>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.03);font-size:.58rem}.login-history-list strong{font-size:.64rem}.login-history-list small{color:#6f84a6;font-size:.55rem}

@media(max-width:1100px){.performance-grid{grid-template-columns:repeat(2,1fr)}.hall-record-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.goal-form{grid-template-columns:1fr}.goal-note,.goal-form button{grid-column:1}.insight-heatmap{grid-template-columns:repeat(7,1fr)}.performance-grid{grid-template-columns:1fr}.hall-record-grid{grid-template-columns:1fr 1fr}.hall-list article{grid-template-columns:auto 1fr}.hall-list .avatar,.hall-badges{grid-column:2}.reminder-form{grid-template-columns:1fr}.hall-hero{align-items:flex-start;flex-direction:column}.hall-trophy{font-size:3rem}}


/* Onboarding removed */
#onboardingPanel,
.onboarding-panel,
.onboarding-progress,
.onboarding-actions,
#onboardingContent{
  display:none!important;
}


/* Legacy AI hidden: replaced by global Amigos AI widget */
#signatureChatFab,
#signatureChatPanel,
.signature-chat-fab,
.signature-chat-panel,
.wc-ai-fab,
.wc-ai-panel{
  display:none!important;
}