/* VETERANII NX — Model C+ Profile Hub v60 (mockup 1:1) */
:root{
  color-scheme:dark;
  --bg:#0e0f12;
  --panel:#1e1f22;
  --panel-2:#2b2d31;
  --text:#f2f3f5;
  --muted:#b5bac1;
  --faint:#6d6f78;
  --blurple:#5865F2;
  --cyan:#22d3ee;
  --violet:#a855f7;
  --ok:#23a559;
  --pad:clamp(12px,1.5vw,20px);
  --max:100%;
  --radius:14px;
  --font:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --display:"Space Grotesk",Inter,system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.hidden{display:none!important}
.ico{display:inline-flex;width:1em;height:1em;vertical-align:-.15em}
.ico svg{width:100%;height:100%}
.shell{width:100%;max-width:none;margin:0;padding:0 clamp(12px,2vw,28px);box-sizing:border-box}

/* visibility */
body.is-guest .auth-only{display:none!important}
body.is-authed .guest-only{display:none!important}
body.is-guest .guest-only{display:flex}
body.is-guest .guest-layout.guest-only{display:grid!important}
body.is-guest .guest-foot.guest-only{display:flex!important}
body.is-authed .auth-only{display:flex}
body.is-authed .auth-layout.auth-only{display:block!important}
body.is-authed .main-nav.auth-only{display:flex!important}
body.is-authed .topbar-user.auth-only{display:inline-flex!important}
body.is-authed .hub-tabs{display:flex!important}
body.is-authed .model-foot.auth-only{display:block!important}

/* topbar */
.topbar{position:sticky;top:0;z-index:30;background:rgba(14,15,18,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{min-height:56px;display:flex;align-items:center;gap:14px}
.brand-lockup{display:inline-flex;align-items:center;gap:10px}
.brand-mark-img{border-radius:8px;box-shadow:0 0 16px rgba(88,101,242,.35)}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text b{font-size:13px;letter-spacing:.04em;font-family:var(--display)}
.brand-text em{font-style:normal;font-size:10px;color:var(--violet);font-weight:700;letter-spacing:.14em}
.main-nav{flex:1;justify-content:center;gap:6px}
.main-nav a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600}
.main-nav a.is-active{color:#fff;box-shadow:inset 0 -2px 0 var(--violet)}
.top-guest-label{flex:1;justify-content:center;align-items:center;font-weight:800;letter-spacing:.08em;font-size:12px;background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.top-guest-label span{color:var(--cyan);-webkit-text-fill-color:var(--cyan)}
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.topbar-auth,.topbar-user{align-items:center;gap:8px}
.icon-btn{position:relative;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--muted);display:grid;place-items:center;cursor:pointer}
.icon-btn.bell i{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--violet);color:#fff;font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center}
.avatar-chip{position:relative;width:34px;height:34px}
.avatar-chip img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--violet)}
.online-dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--bg)}
.online-dot.lg{width:14px;height:14px;right:4px;bottom:4px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:10px 14px;font-weight:700;font-size:12px;letter-spacing:.03em;cursor:pointer}
.btn-sm{padding:8px 12px}
.btn-block{width:100%}
.btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed 55%,#5865F2);color:#fff;box-shadow:0 8px 22px rgba(168,85,247,.35)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.14);color:var(--text)}
.btn-oauth{width:100%;background:#111214;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;margin-top:8px}
.btn-connect,.btn-forum{flex:1;border-radius:10px;padding:9px 10px;font-size:11px;background:#111214;border:1px solid rgba(255,255,255,.14);color:#fff}
.btn-connect{background:rgba(88,101,242,.18);border-color:rgba(88,101,242,.35)}

.hub-stage{padding:14px 0 28px}

/* ===== GUEST LAYOUT ===== */
.guest-layout{grid-template-columns:280px minmax(0,1fr) 300px;gap:14px;align-items:start}
.guest-left,.guest-right{flex-direction:column;gap:12px;min-width:0}
.guest-center{min-width:0}
.guest-mode-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em}
.pill.purple{background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.45);color:#e9d5ff}
.muted{color:var(--faint);font-size:12px}
.panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}
.panel > header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.panel h2,.panel h3{margin:0;font-size:12px;letter-spacing:.08em;font-family:var(--display);display:inline-flex;align-items:center;gap:6px}
.feat-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05)}
.feat-row img{width:56px;height:42px;object-fit:cover;border-radius:8px}
.feat-row strong{display:block;font-size:11px;letter-spacing:.04em}
.feat-row span{display:block;font-size:11px;color:var(--muted)}
.feat-row em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11px;color:var(--muted)}
.feat-row .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.tag{font-size:9px;font-weight:800;letter-spacing:.06em;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--muted);white-space:nowrap}
.tag.purple{background:rgba(168,85,247,.2);color:#e9d5ff}
.tag.cyan{background:rgba(34,211,238,.15);color:#a5f3fc}

.lounge-locked .lounge-lock-body{position:relative;height:120px;border-radius:10px;overflow:hidden}
.lounge-blur-art{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(3px) brightness(.45)}
.lounge-lock-msg{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:10px;font-size:12px;color:var(--muted)}
.lounge-lock-msg b{color:#fff}

.guest-hero{position:relative;min-height:420px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(88,101,242,.28);background-size:cover;background-position:center;box-shadow:0 0 40px rgba(88,101,242,.15)}
.guest-hero-veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(14,15,18,.15),rgba(14,15,18,.72) 70%)}
.guest-hero-inner{position:relative;z-index:1;height:100%;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.guest-av-wrap{position:relative;margin-bottom:14px}
.guest-av{width:132px;height:132px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px rgba(168,85,247,.7),0 0 28px rgba(168,85,247,.45)}
.lock-pin{position:absolute;right:2px;bottom:2px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--violet);border:2px solid var(--bg);color:#fff}
.guest-hero h1{margin:0;font-family:var(--display);font-size:clamp(26px,3.2vw,40px);letter-spacing:.05em}
.grad-title{margin:6px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(18px,2.4vw,28px);letter-spacing:.06em;background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.guest-hero .sub{margin:10px 0 0;color:var(--muted);max-width:36ch;line-height:1.45;font-size:13px}

.login-card{background:rgba(30,31,34,.92);border:1px solid rgba(168,85,247,.45);border-radius:16px;padding:18px;box-shadow:0 0 36px rgba(88,101,242,.22),inset 0 0 0 1px rgba(34,211,238,.12);display:flex;flex-direction:column;gap:10px}
.login-card h2{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--display);letter-spacing:.08em;font-size:16px}
.login-card header p{margin:4px 0 0;color:var(--muted);font-size:12px}
.login-form{display:flex;flex-direction:column;gap:10px}
.login-form > label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.field{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0e0f12}
.field input{flex:1;border:0;background:transparent;color:#fff;padding:12px 0;outline:none}
.login-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}
.login-meta a{color:var(--violet);font-weight:600}
.chk{display:inline-flex;align-items:center;gap:6px;color:var(--muted);letter-spacing:0;font-weight:500;text-transform:none}
.or{text-align:center;font-size:10px;letter-spacing:.12em;color:var(--faint);margin-top:4px}
.login-foot{margin:6px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.login-foot a{color:var(--cyan);font-weight:700}

.guest-foot{flex-direction:column;gap:12px;margin-top:16px}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.04em}
.stat-row b{color:#fff;margin-right:4px}
.feat-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.feat-foot div{padding:10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.feat-foot b{display:block;font-size:11px;letter-spacing:.06em;margin-bottom:4px}
.feat-foot span{font-size:12px;color:var(--faint)}
.copy{margin:0;font-size:11px;color:var(--faint);letter-spacing:.04em}

/* ===== LOGGED LAYOUT ===== */
.profile-banner{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(88,101,242,.28);background-size:cover;background-position:center;min-height:190px;margin-bottom:12px}
.profile-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,18,.55),rgba(14,15,18,.25) 55%,rgba(14,15,18,.45))}
.profile-row{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:22px;flex-wrap:wrap}
.profile-av-wrap{position:relative;flex:0 0 auto}
.profile-av{width:118px;height:118px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #a855f7,0 0 0 5px rgba(250,204,21,.55),0 0 28px rgba(168,85,247,.5)}
.profile-meta{flex:1;min-width:220px}
.name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.name-row h1{margin:0;font-family:var(--display);font-size:clamp(26px,3vw,34px)}
.rank-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(168,85,247,.45);background:rgba(88,101,242,.18);font-size:11px;font-weight:700}
.online-line{margin:6px 0 10px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.online-line i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.badge-row{display:flex;flex-wrap:wrap;gap:8px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(168,85,247,.16);border:1px solid rgba(168,85,247,.4);color:#e9d5ff}
.badge.gold{background:rgba(250,204,21,.1);border-color:rgba(250,204,21,.4);color:#fde68a}
.profile-notes{width:min(320px,100%);display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#12131a;border:1px solid rgba(255,255,255,.10)}
.note b{font-size:12px}.note span{float:right;font-size:10px;color:var(--faint)}.note p{margin:2px 0 0;font-size:12px;color:var(--muted)}

.hub-tabs{gap:4px;margin:0 0 12px;width:fit-content;max-width:100%;overflow:auto}
.hub-tabs button{appearance:none;border:0;background:transparent;color:var(--muted);padding:10px 14px;font-weight:800;font-size:12px;letter-spacing:.1em;cursor:pointer;border-bottom:2px solid transparent}
.hub-tabs button.is-active{color:#fff;border-bottom-color:var(--violet)}

.auth-grid{display:grid;grid-template-columns:minmax(0,1.7fr) 300px;gap:14px;align-items:start}
.game-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.game-card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.gc-cover{height:120px;background-size:cover;background-position:center;position:relative}
.gc-cover h3{position:absolute;left:10px;top:10px;margin:0;font-size:14px;font-family:var(--display);text-shadow:0 2px 8px #000;display:inline-flex;align-items:center;gap:6px}
.gc-body{padding:12px;display:flex;flex-direction:column;gap:8px;flex:1}
.gc-mode{margin:0;font-size:12px;color:var(--muted)}
.gc-players{margin:0;font-size:13px;color:var(--muted)}
.gc-players b{color:#fff;font-size:16px;font-family:var(--display)}
.gc-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.gc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),#7c3aed)}
.gc-bar.cyan i{background:linear-gradient(90deg,var(--cyan),var(--blurple))}
.gc-actions{display:flex;gap:8px;margin-top:auto}

.auth-side{display:flex;flex-direction:column;gap:12px}
.lounge-live header a{color:var(--violet);font-size:12px;font-weight:700}
.lounge-msgs{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow:auto}
.lounge-msgs a,.lm{display:block;font-size:12px;color:var(--muted);line-height:1.35}
.lm b{color:#fff;margin-right:6px}.lm span{float:right;color:var(--faint);font-size:10px}.lm p{margin:2px 0 0}
.lounge-input{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;background:#0e0f12;border:1px solid rgba(255,255,255,.1);color:var(--faint);font-size:13px}
.wipe-card{overflow:hidden}
.wipe-card h4{margin:0;font-family:var(--display);font-size:22px}
.wipe-meta{margin:0;color:var(--muted);font-size:12px}
.wipe-art{height:78px;border-radius:10px;background-size:cover;background-position:center;margin:4px 0}
.wipe-when{margin:0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}
.wipe-cd{margin:0;font-family:var(--display);color:var(--cyan);font-weight:700;font-size:15px}
.model-foot{margin:14px 0 0;text-align:right;font-size:11px;letter-spacing:.08em;color:var(--faint)}

@media (max-width:1080px){
  .guest-layout{grid-template-columns:1fr}
  .auth-grid{grid-template-columns:1fr}
  .game-cards{grid-template-columns:1fr}
  .feat-foot,.stat-row{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .main-nav,.top-guest-label{display:none!important}
  .feat-foot,.stat-row{grid-template-columns:1fr}
}

/* GHOST FIX v61 */
.guest-hero h1,.guest-hero .grad-title{position:relative;z-index:2;text-shadow:0 2px 24px rgba(0,0,0,.85)}
.guest-hero{background-color:#0e0f12}
.grad-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#c084fc,#22d3ee);-webkit-background-clip:text;background-clip:text;font-family:var(--display);font-size:clamp(22px,2.6vw,34px);font-weight:800;margin:6px 0 0;letter-spacing:.04em}

/* FULLSCREEN C+ v62 — exact wide like user mockup */
html,body{width:100%;overflow-x:hidden}
body.nx-model-c .shell,
body.nx-hub .shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:clamp(14px,2vw,32px) !important;
  padding-right:clamp(14px,2vw,32px) !important;
}
.hub-stage{padding:10px 0 20px !important}
.auth-layout{width:100%}
.profile-banner{
  width:100%;
  min-height:clamp(160px,18vw,220px);
  border-radius:16px;
  background-size:cover;
  background-position:center;
}
.auth-main{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(280px,0.7fr);
  gap:14px;
  width:100%;
}
.server-cards, .game-grid, .overview-games{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.guest-layout{
  grid-template-columns:minmax(260px,0.85fr) minmax(0,1.4fr) minmax(280px,0.9fr) !important;
  width:100%;
}
@media (max-width:1100px){
  .auth-main,.guest-layout{grid-template-columns:1fr !important}
  .server-cards,.game-grid,.overview-games{grid-template-columns:1fr}
}

/* v62b game-cards stretch */
.auth-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.75fr) minmax(300px,0.7fr) !important;
  gap:14px !important;
  width:100% !important;
}
.game-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
.auth-main{width:100% !important; max-width:none !important}
.profile-banner{max-width:none !important}
@media (max-width:1100px){
  .auth-grid{grid-template-columns:1fr !important}
  .game-cards{grid-template-columns:1fr !important}
}

/* NO DOUBLE PROFILE v64 */
.profile-banner{
  position:relative;
  overflow:hidden;
  background-color:#0e0f12;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.profile-veil{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,11,16,.55) 0%,rgba(10,11,16,.25) 45%,rgba(10,11,16,.5) 100%);
  pointer-events:none;
}
.profile-row{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:22px 22px;min-height:180px}
.profile-av{border-radius:50%;border:3px solid #a855f7;box-shadow:0 0 24px rgba(168,85,247,.55);object-fit:cover;background:#111}
.profile-meta h1{margin:0;font-size:clamp(1.6rem,2.5vw,2.2rem);letter-spacing:.02em}
.profile-notes{margin-left:auto;max-width:280px}

/* CLONE TARGET v65 — match approved mockup, single profile layer */
.profile-banner{
  background-image:none; /* set inline */
  background-color:#0b0c10 !important;
  min-height:200px !important;
  border:1px solid rgba(168,85,247,.28);
  border-radius:18px !important;
  box-shadow:0 0 40px rgba(88,101,242,.12);
}
.profile-veil{
  background:
    linear-gradient(90deg, rgba(8,9,14,.72) 0%, rgba(8,9,14,.28) 42%, rgba(8,9,14,.55) 100%) !important;
}
.profile-row{gap:18px !important; padding:24px 26px !important}
.profile-av-wrap{position:relative; flex:0 0 auto}
.profile-av{
  width:118px !important; height:118px !important;
  border-radius:50% !important;
  border:3px solid #a855f7 !important;
  box-shadow:0 0 28px rgba(168,85,247,.6) !important;
  object-fit:cover !important;
}
.online-dot.lg{position:absolute; right:8px; bottom:10px; width:14px; height:14px; background:#22c55e; border:2px solid #0b0c10; border-radius:50%}
.profile-meta .name-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.profile-meta h1{font-size:clamp(1.8rem,2.8vw,2.4rem)!important; font-weight:800}
.rank-pill{display:inline-flex; align-items:center; gap:6px; border:1px solid rgba(96,165,250,.55); color:#93c5fd; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700}
.badge-row{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.badge{font-size:11px; font-weight:700; letter-spacing:.04em; padding:5px 10px; border-radius:8px; background:rgba(168,85,247,.18); border:1px solid rgba(168,85,247,.45); color:#e9d5ff}
.badge.gold{background:rgba(234,179,8,.12); border-color:rgba(234,179,8,.45); color:#fde68a}
.profile-notes{background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:10px 12px}
.auth-grid{align-items:start}
.game-card{border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:#14151a}
.gc-cover{height:120px; background-size:cover; background-position:center}
.btn-connect{background:linear-gradient(90deg,#7c3aed,#5865f2)!important; border:none!important; color:#fff!important}
.btn-forum{background:rgba(255,255,255,.04)!important; border:1px solid rgba(255,255,255,.12)!important}

/* FIX DOUBLE v66 — single profile layer, pure banner, stretch cards */
.profile-banner{
  background-color:#090a0e !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  isolation:isolate;
  contain:paint;
}
.profile-banner *{text-shadow:none !important}
.profile-meta h1,
.rank-pill,
.badge,
.online-line,
.note,
.note b,
.note p,
.note span{
  -webkit-text-stroke:0 !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}
.profile-banner::before,
.profile-banner::after,
.profile-row::before,
.profile-row::after,
.profile-meta::before,
.profile-meta::after,
.badge-row::before,
.badge-row::after,
.profile-notes::before,
.profile-notes::after{content:none !important; display:none !important}
.profile-row{display:flex !important; align-items:center !important; gap:18px !important; flex-wrap:wrap !important}
.profile-notes{position:relative; z-index:3; margin-left:auto; width:min(300px,100%); flex:0 1 300px}
.profile-av{background:transparent !important}
.auth-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 320px !important;
  gap:16px !important;
  width:100% !important;
}
.auth-main{min-width:0; width:100%}
.game-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
.game-card{width:100% !important}
@media (max-width:1100px){
  .auth-grid{grid-template-columns:1fr !important}
  .game-cards{grid-template-columns:1fr !important}
}

/* NUCLEAR CLEAN PROFILE v68 */
.profile-banner{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:200px !important;
  border-radius:18px !important;
  border:1px solid rgba(168,85,247,.35) !important;
  /* CSS-only neon — NO photo, NO baked UI */
  background:
    radial-gradient(ellipse 80% 120% at 10% 50%, rgba(168,85,247,.35), transparent 55%),
    radial-gradient(ellipse 70% 100% at 90% 40%, rgba(34,211,238,.22), transparent 50%),
    radial-gradient(ellipse 50% 80% at 50% 100%, rgba(88,101,242,.2), transparent 60%),
    linear-gradient(135deg, #0a0b10 0%, #12131c 40%, #0d1020 100%) !important;
  background-image:
    radial-gradient(ellipse 80% 120% at 10% 50%, rgba(168,85,247,.35), transparent 55%),
    radial-gradient(ellipse 70% 100% at 90% 40%, rgba(34,211,238,.22), transparent 50%),
    radial-gradient(ellipse 50% 80% at 50% 100%, rgba(88,101,242,.2), transparent 60%),
    linear-gradient(135deg, #0a0b10 0%, #12131c 40%, #0d1020 100%) !important;
}
.profile-banner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-20% -10% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    repeating-linear-gradient(115deg, transparent 0 40px, rgba(168,85,247,.07) 40px 42px, transparent 42px 90px),
    repeating-linear-gradient(70deg, transparent 0 55px, rgba(34,211,238,.06) 55px 57px, transparent 57px 110px);
  opacity:.9;
  transform:none !important;
  filter:none !important;
}
.profile-veil{display:none !important}
.profile-row{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  padding:24px !important;
  background:transparent !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.profile-meta, .profile-av-wrap, .profile-notes, .badge-row, .name-row, .rank-pill, .badge, .online-line, .note{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  text-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
}
.profile-notes{
  margin-left:auto !important;
  background:#12131a !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.45) !important;
}
.profile-row::before, .profile-row::after,
.profile-meta::before, .profile-meta::after,
.badge-row::before, .badge-row::after,
.profile-notes::before, .profile-notes::after,
.profile-av-wrap::before, .profile-av-wrap::after{
  content:none !important;
  display:none !important;
}

/* LIVE CARDS v69 */
.gc-cover{
  height:168px !important;
  background-size:cover !important;
  background-position:center 18% !important;
  background-repeat:no-repeat !important;
}
.live-status .note{display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:baseline}
.live-status .note b{grid-column:1; color:#e9d5ff}
.live-status .live-count{grid-column:2; justify-self:end; font-size:12px; color:#fff; font-style:normal}
.live-status .live-count em{font-style:normal; font-weight:700}
.live-status .note p{grid-column:1 / -1; margin:0; font-size:11px; color:var(--muted)}
.live-badges .badge b{color:#fff; font-weight:800}

/* NOTIF BADGE v70 */
.icon-btn.bell{position:relative}
.icon-btn.bell i[data-nx-notif-count]{
  position:absolute; top:-4px; right:-4px; min-width:16px; height:16px; padding:0 4px;
  border-radius:999px; background:var(--violet,#a855f7); color:#fff; font-size:10px;
  font-style:normal; font-weight:800; display:grid; place-items:center; line-height:1;
}
.icon-btn.bell i[data-nx-notif-count].hidden{display:none!important}

/* DENSITY v71 — fill empty main column + ambient */
.nx-ambient{
  pointer-events:none;
  position:fixed;
  inset:0;
  z-index:0;
  background:
    radial-gradient(ellipse 70% 50% at 15% 10%, rgba(168,85,247,.18), transparent 55%),
    radial-gradient(ellipse 60% 45% at 90% 20%, rgba(34,211,238,.10), transparent 50%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(88,101,242,.12), transparent 55%),
    linear-gradient(180deg, #07080c 0%, #0b0c12 40%, #08090e 100%);
}
.nx-ambient::after{
  content:"";
  position:absolute; inset:0;
  opacity:.35;
  background-image:
    linear-gradient(rgba(168,85,247,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,211,238,.05) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
}
body.nx-hub, body.nx-model-c{background:transparent !important}
body.nx-hub > *:not(.nx-ambient){position:relative; z-index:1}
.auth-main{display:flex; flex-direction:column; gap:14px; min-height:100%}
.live-strip{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.live-pill{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(20,21,28,.92);
  border:1px solid rgba(168,85,247,.22);
  box-shadow:0 0 24px rgba(88,101,242,.08), inset 0 0 0 1px rgba(255,255,255,.03);
}
.live-pill.accent{border-color:rgba(34,211,238,.35)}
.live-pill b{display:block; font-size:1.25rem; font-weight:800; line-height:1.1; color:#fff}
.live-pill span{display:block; font-size:10px; letter-spacing:.08em; color:var(--muted); font-weight:700; margin-top:2px}
.pulse-dot{
  width:10px; height:10px; border-radius:50%;
  background:#22c55e; box-shadow:0 0 12px rgba(34,197,94,.8);
  animation:nxPulse 1.6s ease-in-out infinite;
}
.pulse-dot.steam{background:#66c0f4; box-shadow:0 0 12px rgba(102,192,244,.7)}
@keyframes nxPulse{0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.45; transform:scale(.85)}}
.activity-panel{padding:14px}
.activity-panel > header{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px}
.activity-panel > header a{color:var(--violet); font-size:12px; font-weight:700}
.activity-grid{display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr); gap:12px}
.activity-feed{display:flex; flex-direction:column; gap:8px; max-height:260px; overflow:auto}
.act-row{
  display:block; padding:10px 12px; border-radius:10px;
  background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.06);
  color:var(--text); font-size:13px; line-height:1.35;
}
.act-row:hover{border-color:rgba(168,85,247,.4); background:rgba(168,85,247,.08)}
.quick-links{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.ql{
  display:flex; flex-direction:column; gap:2px;
  padding:12px; border-radius:12px;
  background:linear-gradient(160deg, rgba(88,101,242,.16), rgba(14,15,18,.9));
  border:1px solid rgba(255,255,255,.08);
}
.ql span{font-size:12px; font-weight:800; letter-spacing:.06em}
.ql em{font-style:normal; font-size:11px; color:var(--muted)}
.ql:hover{border-color:rgba(34,211,238,.4)}
.game-card{
  box-shadow:0 10px 30px rgba(0,0,0,.35), 0 0 0 1px rgba(168,85,247,.08);
  transition:transform .15s ease, box-shadow .15s ease;
}
.game-card:hover{transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.45), 0 0 24px rgba(168,85,247,.15)}
@media (max-width:1100px){
  .live-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-grid{grid-template-columns:1fr}
}

/* POLISH v73 — trademark footer, cinematic cards, motion */
.site-mark{
  margin:18px 0 8px;
  text-align:right;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(232,237,242,.45);
}
.site-mark sup{font-size:9px; letter-spacing:0}
.top-guest-label span{letter-spacing:.14em}
.gc-cover{
  height:180px !important;
  background-size:cover !important;
  background-position:center 30% !important;
  position:relative;
}
.gc-cover::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(8,9,14,.15) 45%, rgba(8,9,14,.88) 100%);
  pointer-events:none;
}
.gc-cover h3{z-index:1; text-shadow:0 2px 12px rgba(0,0,0,.85)}
.game-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.22) !important;
  background:linear-gradient(180deg, rgba(24,25,34,.96), rgba(12,13,18,.98)) !important;
}
.game-card::before{
  content:"";
  position:absolute; inset:-40% auto auto -20%;
  width:160px; height:160px;
  background:radial-gradient(circle, rgba(168,85,247,.25), transparent 70%);
  filter:blur(8px);
  opacity:.7;
  pointer-events:none;
  animation:nxGlowDrift 7s ease-in-out infinite alternate;
}
@keyframes nxGlowDrift{
  from{transform:translate(0,0)}
  to{transform:translate(40px,24px)}
}
.live-pill, .activity-panel, .panel, .profile-banner, .wipe-card{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.live-pill{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.live-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.45);
  box-shadow:0 0 28px rgba(88,101,242,.2);
}
.nx-ambient::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(168,85,247,.12), transparent 28%),
    radial-gradient(circle at 80% 20%, rgba(34,211,238,.08), transparent 26%);
  animation:nxAmbientPulse 8s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes nxAmbientPulse{
  from{opacity:.55}
  to{opacity:1}
}
.btn-connect{
  box-shadow:0 0 18px rgba(88,101,242,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
.btn-connect:hover{transform:translateY(-1px); box-shadow:0 0 26px rgba(168,85,247,.5)}
.hub-tabs button{transition:color .15s ease, border-color .15s ease}


/* ===== MODEL C MOBILE POLISH v75 ===== */
@media (max-width: 900px) {
  html, body { overflow-x: hidden !important; }
  body.nx-model-c .shell,
  body.nx-hub .shell {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .topbar-inner { gap: 8px; min-height: 52px; }
  .brand-text em { display: none; }
  .topbar-auth .btn { padding: 8px 10px; font-size: 11px; }
  .topbar-auth .btn-ghost { display: none; } /* keep primary CTA only on narrow */

  .guest-layout,
  .auth-grid,
  .auth-main {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .guest-left, .guest-right, .guest-center { width: 100%; min-width: 0; }

  .profile-banner { min-height: 0 !important; }
  .profile-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 16px !important;
    min-height: 0 !important;
  }
  .profile-notes {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
  .profile-av { width: 88px !important; height: 88px !important; }
  .profile-meta h1 { font-size: 1.45rem !important; }
  .badge-row { flex-wrap: wrap; gap: 6px; }

  .game-cards,
  .server-cards,
  .game-grid,
  .overview-games {
    grid-template-columns: 1fr !important;
  }
  .gc-cover { height: 150px !important; }
  .gc-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .gc-actions .btn {
    min-height: 44px;
    font-size: 12px;
  }

  .live-strip {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .live-pill {
    min-height: 56px;
    padding: 10px 12px !important;
  }
  .activity-grid { grid-template-columns: 1fr !important; }
  .quick-links { grid-template-columns: 1fr 1fr !important; }
  .ql { min-height: 56px; justify-content: center; }

  .guest-hero, .guest-hero-inner { min-height: 320px !important; }
  .guest-av { width: 104px !important; height: 104px !important; }
  .login-card { padding: 14px !important; }
  .field input, .btn-oauth, .btn-block { min-height: 44px; }
  .feat-row {
    grid-template-columns: 52px 1fr !important;
    gap: 8px !important;
  }
  .feat-row .tag { grid-column: 2; justify-self: start; margin-top: 2px; }
  .hub-tabs {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .hub-tabs::-webkit-scrollbar { display: none; }
  .hub-tabs button {
    min-height: 40px;
    padding: 8px 14px;
    white-space: nowrap;
  }
  .wipe-card { padding: 12px !important; }
  .site-mark { text-align: center; margin-top: 12px; }
}

@media (max-width: 480px) {
  .live-strip { grid-template-columns: 1fr !important; }
  .quick-links { grid-template-columns: 1fr !important; }
  .stat-row, .feat-foot { grid-template-columns: 1fr !important; }
  .topbar-auth .btn-primary { padding: 8px 12px; }
  .brand-text b { font-size: 11px; }
}

/* ===== HUB PROFILE PERSONALIZATION v76 ===== */
.hub-status{
  margin:0 0 8px;
  font-size:13px;
  color:#c4b5fd;
  font-weight:500;
  max-width:42ch;
  line-height:1.35;
}
.hub-status:not([hidden]){display:block}
.hub-status::before{content:"“"; opacity:.55; margin-right:2px}
.hub-status::after{content:"”"; opacity:.55; margin-left:2px}
.hub-badges{margin-bottom:8px}
.hub-badges .badge.hub-b-veteran{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.5);color:#e9d5ff}
.hub-badges .badge.hub-b-premium,
.hub-badges .badge.hub-b-og,
.hub-badges .badge.hub-b-founder,
.hub-badges .badge.hub-b-competitive,
.hub-badges .badge.hub-b-vip{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.45);color:#fde68a}
.hub-badges .badge.hub-b-rust{background:rgba(214,76,44,.18);border-color:rgba(214,76,44,.5);color:#fdba74}
.hub-badges .badge.hub-b-cs2{background:rgba(57,126,215,.18);border-color:rgba(57,126,215,.5);color:#93c5fd}
.hub-badges .badge.hub-b-ark{background:rgba(61,181,189,.18);border-color:rgba(61,181,189,.5);color:#a5f3fc}
.hub-badges .badge.hub-b-support{background:rgba(0,188,212,.16);border-color:rgba(0,188,212,.45);color:#67e8f9}

.profile-banner.has-hub-banner{
  /* CSS var set by JS — beats the nuclear neon gradient !important */
  background:
    linear-gradient(90deg, rgba(10,11,16,.55), rgba(10,11,16,.22) 45%, rgba(10,11,16,.45)),
    var(--hub-banner-image) center / cover no-repeat !important;
  background-image:
    linear-gradient(90deg, rgba(10,11,16,.55), rgba(10,11,16,.22) 45%, rgba(10,11,16,.45)),
    var(--hub-banner-image) !important;
  background-size: auto, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}
.profile-banner.has-hub-banner::before{
  opacity:.22 !important;
  background:
    linear-gradient(90deg, rgba(10,11,16,.55), rgba(10,11,16,.15) 50%, rgba(10,11,16,.4)) !important;
}
.profile-banner.has-hub-banner .profile-veil{
  display:none !important;
}
.hub-mini-banner.has-hub-banner{
  background:
    linear-gradient(180deg, rgba(10,11,16,.15), rgba(10,11,16,.55)),
    var(--hub-banner-image) center / cover no-repeat !important;
  background-image:
    linear-gradient(180deg, rgba(10,11,16,.15), rgba(10,11,16,.55)),
    var(--hub-banner-image) !important;
  background-size: auto, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
}

.hub-customize-btn{
  position:absolute; top:12px; right:12px; z-index:5;
  display:inline-flex; align-items:center; gap:6px;
  padding:7px 12px; border-radius:999px; cursor:pointer;
  border:1px solid rgba(168,85,247,.45);
  background:rgba(14,15,18,.72); color:#e9d5ff;
  font-size:11px; font-weight:800; letter-spacing:.06em;
  backdrop-filter:blur(8px);
}
.hub-customize-btn:hover{border-color:#a855f7; color:#fff; background:rgba(88,101,242,.35)}
.hub-customize-btn .ico{width:14px;height:14px;display:inline-grid;place-items:center}
.hub-customize-btn .ico svg{width:14px;height:14px}

body.is-guest .auth-edit-only,
body[data-nx-preview="logged"] .auth-edit-only{display:none !important}
body.is-authed:not([data-nx-preview="logged"]) .auth-edit-only{display:inline-flex}

/* Mini sidebar Discord-style user box */
.hub-mini-card{
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.32) !important;
  background:#12131a !important;
}
.hub-mini-banner{
  height:54px;
  background:
    radial-gradient(ellipse 80% 120% at 20% 50%, rgba(168,85,247,.4), transparent 55%),
    radial-gradient(ellipse 70% 100% at 90% 40%, rgba(34,211,238,.22), transparent 50%),
    linear-gradient(135deg,#0a0b10,#161822);
  background-size:cover;
  background-position:center;
}
.hub-mini-body{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:start;
  padding:0 12px 12px;
  margin-top:-22px;
  position:relative;
  z-index:1;
}
.hub-mini-av-wrap{position:relative}
.hub-mini-av{
  width:52px;height:52px;border-radius:50%;object-fit:cover;
  box-shadow:0 0 0 3px #12131a, 0 0 0 5px rgba(168,85,247,.75);
  background:#0e0f12;
}
.hub-mini-av-wrap .online-dot{
  position:absolute; right:2px; bottom:2px;
  width:10px;height:10px;border-radius:50%;
  background:#22c55e; box-shadow:0 0 0 2px #12131a;
}
.hub-mini-meta{min-width:0; padding-top:24px}
.hub-mini-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-mini-name-row strong{
  font-family:var(--display); font-size:15px; color:#fff; letter-spacing:.02em;
}
.hub-mini-rank{
  font-size:10px; font-weight:800; letter-spacing:.06em;
  padding:2px 7px; border-radius:999px;
  border:1px solid rgba(168,85,247,.45);
  background:rgba(88,101,242,.18); color:#e9d5ff;
}
.hub-mini-status{
  margin:4px 0 0; font-size:12px; color:#a78bfa;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  min-height:1.2em;
}
.hub-mini-status:empty{display:none}
.hub-mini-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.hub-mini-badges .badge{
  padding:3px 7px; font-size:9px; border-radius:6px;
}
.hub-mini-edit{
  margin-top:24px;
  width:32px;height:32px;border-radius:8px;cursor:pointer;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04); color:var(--muted);
  display:inline-grid; place-items:center;
}
.hub-mini-edit:hover{color:#fff;border-color:rgba(168,85,247,.5)}
.hub-mini-edit .ico,.hub-mini-edit .ico svg{width:14px;height:14px}

/* Customize modal */
.hub-modal[hidden]{display:none !important}
.hub-modal{
  position:fixed; inset:0; z-index:80;
  display:grid; place-items:center; padding:16px;
}
.hub-modal-backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.72);
  backdrop-filter:blur(4px);
}
.hub-modal-panel{
  position:relative; z-index:1;
  width:min(480px,100%);
  max-height:min(90vh,720px); overflow:auto;
  border-radius:16px;
  border:1px solid rgba(168,85,247,.4);
  background:#12131a;
  box-shadow:0 24px 64px rgba(0,0,0,.55), 0 0 40px rgba(88,101,242,.15);
  padding:18px 18px 16px;
}
.hub-modal-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-bottom:14px;
}
.hub-modal-head h2{
  margin:0; font-size:16px; font-family:var(--display);
  display:inline-flex; align-items:center; gap:8px;
}
.hub-modal-x{
  appearance:none; border:0; background:transparent; color:var(--muted);
  cursor:pointer; padding:6px; border-radius:8px;
}
.hub-modal-x:hover{color:#fff;background:rgba(255,255,255,.06)}
.hub-modal-x .ico,.hub-modal-x .ico svg{width:18px;height:18px}
.hub-field{display:flex; flex-direction:column; gap:6px; margin-bottom:12px}
.hub-field > span, .hub-field > legend{
  font-size:11px; font-weight:700; letter-spacing:.06em; color:var(--muted); text-transform:uppercase;
}
.hub-field em{font-style:normal; opacity:.7; text-transform:none; letter-spacing:0; font-weight:500}
.hub-field input[type="url"],
.hub-field input[type="text"]{
  width:100%; box-sizing:border-box;
  padding:11px 12px; border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:#0e0f12; color:#fff; font-size:13px;
}
.hub-field input:focus{outline:none; border-color:rgba(168,85,247,.55)}
.hub-banner-presets{display:flex; flex-wrap:wrap; gap:6px; margin:-4px 0 12px}
.hub-banner-presets button{
  appearance:none; cursor:pointer;
  padding:6px 10px; border-radius:8px; font-size:11px; font-weight:700;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:var(--muted);
}
.hub-banner-presets button:hover{color:#fff;border-color:rgba(168,85,247,.45)}
.hub-badge-pick{border:0;padding:0;margin:0 0 12px}
.hub-badge-grid{display:flex;flex-wrap:wrap;gap:8px}
.hub-badge-grid label{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 10px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03);
  font-size:11px;font-weight:700;color:var(--muted);
}
.hub-badge-grid label.is-on{
  border-color:rgba(168,85,247,.55); background:rgba(88,101,242,.22); color:#e9d5ff;
}
.hub-badge-grid input{accent-color:#a855f7}
.hub-modal-msg{margin:0 0 10px;font-size:12px;color:#fca5a5}
.hub-modal-msg.is-ok{color:#86efac}
.hub-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}

@media (max-width:640px){
  .hub-customize-btn span{display:none}
  .hub-mini-body{grid-template-columns:auto 1fr}
  .hub-mini-edit{grid-column:2; justify-self:end; margin-top:0}
}

/* hide hero live servers box — personal profile space */
.profile-banner .profile-notes.live-status{display:none!important}

/* simplify profile: no live/VIP badge rows */
.profile-banner .live-badges,
.profile-banner .hub-badges,
.hub-mini-badges{display:none!important}

/* hide leftover rank pills — profile stays name + status only */
.profile-banner .rank-pill,
.hub-mini-rank{display:none!important}

/* Level + earned badges */
.hub-level-row{
  display:flex; align-items:center; gap:10px; margin-top:8px; flex-wrap:wrap;
}
a.hub-lvl-pill{text-decoration:none;color:#fde68a}
.hub-lvl-pill{
  display:inline-flex; align-items:center;
  padding:4px 10px; border-radius:999px;
  font-size:11px; font-weight:800; letter-spacing:.06em;
  color:#fde68a; border:1px solid rgba(250,204,21,.45);
  background:rgba(250,204,21,.12);
}
.hub-lvl-bar{
  flex:1; min-width:80px; max-width:180px; height:6px; border-radius:999px;
  background:rgba(255,255,255,.08); overflow:hidden;
}
.hub-lvl-bar > i{
  display:block; height:100%; width:0;
  background:linear-gradient(90deg,#a855f7,#22d3ee);
  border-radius:999px;
}
.hub-lvl-xp{font-size:11px; color:rgba(226,232,240,.65); font-weight:600}
.hub-earned{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.hub-earned .badge.hub-earned-b{
  font-size:10px; font-weight:800; letter-spacing:.04em;
  padding:3px 8px; border-radius:999px;
  border:1px solid rgba(168,85,247,.4);
  background:rgba(88,101,242,.16); color:#e9d5ff;
}
.hub-earned .hub-b-recruit{border-color:rgba(148,163,184,.45);background:rgba(148,163,184,.12);color:#cbd5e1}
.hub-earned .hub-b-operator{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.12);color:#7dd3fc}
.hub-earned .hub-b-veteran{border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.12);color:#fde68a}
.hub-earned .hub-b-elite{border-color:rgba(168,85,247,.55);background:rgba(168,85,247,.18);color:#e9d5ff}
.hub-earned .hub-b-legend{border-color:rgba(251,146,60,.55);background:rgba(251,146,60,.16);color:#fdba74}
.hub-earned .hub-b-immortal{border-color:rgba(244,63,94,.55);background:rgba(244,63,94,.16);color:#fda4af}
.hub-mini-level{
  display:flex; align-items:center; gap:8px; margin-top:4px;
  font-size:10px; font-weight:800; letter-spacing:.04em; color:#fde68a;
}
.hub-mini-earned{color:#c4b5fd; font-weight:700}

.hub-earned .hub-b-newbie,.hub-earned .hub-b-rookie{border-color:rgba(148,163,184,.45);background:rgba(148,163,184,.12);color:#cbd5e1}
.hub-earned .hub-b-apprentice,.hub-earned .hub-b-rising{border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.12);color:#7dd3fc}
.hub-earned .hub-b-explorer,.hub-earned .hub-b-proficient{border-color:rgba(250,204,21,.5);background:rgba(250,204,21,.12);color:#fde68a}
.hub-earned .hub-b-contributor{border-color:rgba(74,222,128,.5);background:rgba(74,222,128,.12);color:#86efac}
.hub-earned .hub-b-enthusiast{border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.14);color:#fca5a5}
.hub-earned .hub-b-collaborator,.hub-earned .hub-b-regular{border-color:rgba(232,121,249,.5);background:rgba(232,121,249,.14);color:#f0abfc}
.hub-earned .hub-b-experienced,.hub-earned .hub-b-mentor,.hub-earned .hub-b-operator,.hub-earned .hub-b-elite{border-color:rgba(168,85,247,.55);background:rgba(168,85,247,.18);color:#e9d5ff}
.hub-earned .hub-b-grandmaster,.hub-earned .hub-b-legend,.hub-earned .hub-b-immortal{border-color:rgba(251,146,60,.55);background:rgba(251,146,60,.16);color:#fdba74}

.hub-badge-hint{margin:0 0 8px;font-size:11px;color:#94a3b8}
.hub-badge-hint a{color:#c4b5fd}
.hub-badge-grid{display:flex;flex-wrap:wrap;gap:6px}
.hub-badge-grid label{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;
  border:1px solid rgba(148,163,184,.3);background:rgba(15,16,22,.8);color:#cbd5e1;
}
.hub-badge-grid label.is-on{border-color:rgba(168,85,247,.55);background:rgba(168,85,247,.18);color:#e9d5ff}
.hub-badge-grid label input{accent-color:#a855f7}
.hub-badge-empty{font-size:11px;color:#94a3b8}