:root{--bg:#020914;--panel:#061426;--panel2:#091b31;--line:#12385d;--blue:#0798ff;--blue2:#36b6ff;--orange:#ff7b1a;--text:#f5f8ff;--muted:#8fa6c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#082747 0,#020914 38%);color:var(--text);font:14px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:70px;display:flex;align-items:center;gap:24px;padding:0 3%;position:sticky;top:0;z-index:10;background:rgba(2,9,20,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{font-size:30px}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand em{color:var(--blue);font-style:normal}.brand small{display:block;color:#7892ae;font-size:8px;letter-spacing:.14em}nav{display:flex;gap:18px;flex:1;justify-content:center}nav a{color:#bfd0e4;padding:24px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#fff;border-color:var(--blue)}.header-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.icon-btn,.primary-btn{border:1px solid var(--line);background:transparent;color:#dbe9f8;border-radius:7px;padding:9px 14px;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#008fff,#16b1ff);border:0;color:white;font-weight:800;box-shadow:0 8px 28px #008fff2b}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:420px;position:relative;background:#031224 url("assets/rocket-port-hero.png") center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020b18 0%,#020b18df 34%,#020b1840 70%,#020b1800)}.hero-content{position:relative;max-width:1200px;margin:auto;padding:72px 3%}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.15em;font-size:12px}.hero h1{font-size:48px;line-height:1.02;margin:8px 0 18px;text-transform:uppercase;letter-spacing:-.03em}.hero h1 span{color:var(--blue)}.hero-copy{max-width:560px;color:#b7c8dc;font-size:16px}.search{max-width:620px;margin-top:28px;display:flex;align-items:center;background:#061426e8;border:1px solid #1c4c77;border-radius:8px;padding:4px 5px 4px 15px}.search span{font-size:24px;color:var(--blue)}.search input{flex:1;background:none;border:0;outline:0;color:#fff;padding:12px;font-size:14px}.search-results{max-width:620px;background:#07192c;border:1px solid var(--line);border-radius:8px;margin-top:5px;padding:8px}.result{padding:10px;border-radius:6px}.result:hover{background:#0b2744}.quick-links{display:grid;grid-template-columns:repeat(6,1fr);background:#041225;border-bottom:1px solid var(--line);padding:20px 3%}.quick-links a{display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.quick-links a:last-child{border:0}.quick-links b{font-size:25px;color:var(--blue)}.quick-links small,.quick-links strong{display:block}.quick-links small{color:var(--muted)}.container{max-width:1240px;margin:auto;padding:28px 3% 60px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature-card,.panel{background:linear-gradient(145deg,#071a2e,#04101e);border:1px solid var(--line);border-radius:9px;overflow:hidden}.feature-card{transition:.2s}.feature-card:hover{transform:translateY(-3px);border-color:#177cc0}.feature-card>div:last-child{padding:15px}.card-image{height:110px;background:linear-gradient(135deg,#0a4f82,#051326);position:relative}.players-img{background:linear-gradient(135deg,#0a5d99,#06101f)}.servers-img{background:linear-gradient(135deg,#242a59,#081124)}.tourney-img{background:linear-gradient(135deg,#7b421f,#101424)}.clans-img{background:linear-gradient(135deg,#8a3b18,#0b1527)}.directory-img{background:linear-gradient(135deg,#155f91,#071426)}.feature-card h3{margin:0 0 5px;font-size:17px}.feature-card p{color:#a5bad0;margin:0 0 13px}.feature-card span,.section-head a{color:var(--blue);font-weight:800}.two-col{display:grid;grid-template-columns:1.55fr .95fr;gap:18px;margin-top:24px}.panel{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.section-head h2{font-size:17px;margin:0}.tournament-feature{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}.tourney-art,.community-hero{min-height:185px;background:linear-gradient(135deg,#0a5a8f,#1d1b38 52%,#6d3518)}.tourney-info{padding:18px}.tourney-info h3{display:inline-block;margin:0 8px 8px 0;font-size:20px}.pill,.tourney-list i{font-size:10px;color:#62c3ff;background:#073b62;padding:4px 7px;border-radius:20px;font-style:normal}.tourney-info p,.tourney-info small{color:var(--muted)}.tourney-info strong{display:block;font-size:23px;margin:20px 0}.tourney-info strong small{font-size:11px;margin-left:5px}.tourney-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.tourney-list article{border:1px solid var(--line);padding:11px;border-radius:7px;display:flex;flex-direction:column;gap:3px}.tourney-list span{color:var(--muted);font-size:11px}.tourney-list i{width:max-content}.news-list article{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.news-list article:last-child{border:0}.thumb{width:82px;height:50px;border-radius:5px;background:linear-gradient(135deg,#0d6ca4,#111a37);flex:none}.news-list b{display:block}.news-list small{color:var(--muted)}.community-panel{position:relative}.community-body{display:flex;gap:12px;padding:15px 0}.discord-icon{font-size:28px;color:#9d8cff}.community-body h3{margin:0}.community-body p,.community-body span{color:var(--muted);font-size:12px}.leaderboard{list-style:none;padding:0;margin:0}.leaderboard li{display:grid;grid-template-columns:30px 1fr auto;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.leaderboard li:last-child{border:0}.leaderboard span{color:var(--orange);font-weight:900}.leaderboard small{color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.directory-item{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:7px}.dir-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#0b3153;color:var(--blue);font-weight:900;font-size:18px;flex:none}.directory-item b{display:inline-block}.directory-item span{font-size:10px;color:var(--blue);margin-left:5px}.directory-item p{margin:3px 0;color:var(--muted);font-size:11px}.directory-item small{color:#ffc44f}.cta{margin-top:24px;padding:28px;border:1px solid #145583;border-radius:10px;background:linear-gradient(110deg,#062849,#051323);display:flex;align-items:center;justify-content:space-between}.cta h2{margin:3px 0;font-size:26px}.cta p{color:var(--muted)}footer{border-top:1px solid var(--line);background:#020a15;padding:30px 3%}.footer-inner{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:15px;color:#9fb3ca}.social{color:#7791ab}.legal{max-width:1240px;margin:20px auto 0;color:#506a83;font-size:11px}.toast{position:fixed;right:22px;bottom:22px;background:#0b2440;border:1px solid #17669d;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:950px){nav{display:none}.menu-toggle{display:block}.site-header{justify-content:space-between}.header-actions{margin-left:auto}.quick-links{grid-template-columns:repeat(3,1fr);gap:15px}.quick-links a{border:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-content{padding:52px 5%}.hero h1{font-size:35px}.quick-links{grid-template-columns:repeat(2,1fr)}.feature-grid,.directory-grid{grid-template-columns:1fr}.tournament-feature{grid-template-columns:1fr}.tourney-list{grid-template-columns:1fr}.header-actions .ghost-btn{display:none}.footer-inner{flex-direction:column;align-items:flex-start}.cta{flex-direction:column;align-items:flex-start;gap:15px}.brand strong{font-size:14px}}.data-note{color:var(--muted);max-width:760px;margin:0 0 14px}.tracker-lookup{display:grid;grid-template-columns:150px 1fr auto;gap:8px;margin:14px 0}.tracker-lookup input,.tracker-lookup select{background:#03101e;border:1px solid var(--line);border-radius:7px;color:#fff;padding:11px 12px;outline:none}.tracker-lookup input:focus,.tracker-lookup select:focus{border-color:var(--blue)}.data-source{border-top:1px solid var(--line);padding-top:12px;color:#7892ae;font-size:11px}.data-source strong{color:#b8c9db}@media(max-width:600px){.tracker-lookup{grid-template-columns:1fr}.tracker-lookup .primary-btn{width:100%}}


.player-directory { margin-top: 24px; }
.directory-search-help { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px; }
.directory-search-help > div { padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:rgba(255,255,255,.025); }
.directory-search-help strong { display:block; margin-bottom:5px; }
.directory-search-help span { color:#8fa6c1; font-size:.9rem; line-height:1.45; display:block; }
@media (max-width: 760px) { .directory-search-help { grid-template-columns:1fr; } }
/* =========================================
   Improve Your Game / Guides
   Clean, readable layout
   ========================================= */

#improve {
  margin-top: 28px;
}

#improve .data-note {
  max-width: 760px;
  line-height: 1.7;
}

#improve .directory-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

#improve .directory-item {
  min-height: 150px;
  padding: 22px;
  border-radius: 14px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

#improve .directory-item b {
  display: block;
  margin-bottom: 5px;
  font-size: 1.05rem;
}

#improve .directory-item span {
  display: block;
  margin-bottom: 9px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.7;
}

#improve .directory-item p {
  margin: 0;
  line-height: 1.55;
  opacity: 0.85;
}

#improve .dir-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  font-size: 1.25rem;
}


/* Guides page */

main > .panel {
  margin-bottom: 28px;
}

main > .panel .data-note {
  max-width: 780px;
  line-height: 1.7;
}

main > .panel .directory-grid {
  margin-top: 24px;
}

main > .panel .directory-item {
  min-height: 145px;
  padding: 22px;
  border-radius: 14px;
}

main > .panel .directory-item b {
  display: block;
  margin-bottom: 5px;
  font-size: 1.05rem;
}

main > .panel .directory-item span {
  display: block;
  margin-bottom: 9px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.7;
}

main > .panel .directory-item p {
  margin: 0;
  line-height: 1.55;
  opacity: 0.85;
}

main > .panel .dir-icon {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  font-size: 1.25rem;
}


/* Smaller screens */

@media (max-width: 900px) {
  #improve .directory-grid,
  main > .panel .directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  #improve .directory-grid,
  main > .panel .directory-grid {
    grid-template-columns: 1fr;
  }

  #improve .directory-item,
  main > .panel .directory-item {
    min-height: auto;
    padding: 18px;
  }
}
/* Clean hero for guide pages */
body:has(a[href="guides.html"].active) .hero {
  background: #031224;
  min-height: 300px;
}

body:has(a[href="guides.html"].active) .hero-overlay {
  display: none;
}
/* Remove large hero background images site-wide */
.hero {
  background-image: none !important;
  background-color: #031224 !important;
}
/* Rocket League section images */
.players-img {
  background: url("assets/players-card.png") center/cover no-repeat;
}

.servers-img {
  background: url("assets/guides-card.png") center/cover no-repeat;
}

.tourney-img {
  background: url("assets/tournaments-card.png") center/cover no-repeat;
}

.clans-img {
  background: url("assets/communities-card.png") center/cover no-repeat;
}

.directory-img {
  background: url("assets/directory-card.png") center/cover no-repeat;
}