@font-face {
  font-family: arboria;
  src: url("assets/asset-004.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: arboria;
  src: url("assets/asset-005.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: arboria;
  src: url("assets/asset-006.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: arboria;
  src: url("assets/asset-007.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "arboria Fallback";
  src: local("Arial");
  ascent-override: 79.24%;
  descent-override: 19.56%;
  line-gap-override: 21.74%;
  size-adjust: 101.21%;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: arboria, "arboria Fallback", Arial, sans-serif;
  background-color: #1a1f2e;
  color: #fff;
  overflow-x: hidden;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a { text-decoration: none; color: inherit; }
button { cursor: pointer; border: none; background: none; }
ul, ol { list-style: none; }

::-webkit-scrollbar { height: 6px; width: 10px; }
::-webkit-scrollbar-track { border-radius: 100vh; background: #262b34; }
::-webkit-scrollbar-thumb { background: #5b616e; border-radius: 100vh; border: 1px solid #262b34; }
::-webkit-scrollbar-thumb:hover { background: #7a8290; }

:root {
  --brand: #1a1f2e;
  --brand-500: #1e2435;
  --brand-600: #242b3d;
  --gold: #c9a84c;
  --blue-darkest: #0f1520;
  --green: #2da44e;
  --gray: #8899aa;
  --white: #ffffff;
  --black: #000000;
  --transition: 0.2s ease;
}

.__className_2dbf0e { font-family: arboria, "arboria Fallback"; }
.antialiased { -webkit-font-smoothing: antialiased; }
.overflow-x-hidden { overflow-x: hidden; }
.bg-brand { background-color: var(--brand); }
.bg-brand-500 { background-color: var(--brand-500); }
.bg-brand-600 { background-color: var(--brand-600); }
.bg-gold { background-color: var(--gold); }
.bg-green { background-color: var(--green); }
.bg-blue-darkest { background-color: var(--blue-darkest); }
.bg-gray { background-color: rgba(136,153,170,0.15); }
.bg-black { background-color: #000; }
.text-brand { color: var(--brand); }
.text-white { color: var(--white); }
.text-gray { color: var(--gray); }
.text-gold { color: var(--gold); }
.text-green { color: var(--green); }

.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.font-medium { font-weight: 500; }
.font-light { font-weight: 300; }
.italic { font-style: italic; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.whitespace-nowrap { white-space: nowrap; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-start { text-align: start; }
.text-xs { font-size: 0.75rem; }
.text-sm { font-size: 0.875rem; }
.text-base { font-size: 1rem; }
.text-lg { font-size: 1.125rem; }
.text-xl { font-size: 1.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-3xl { font-size: 1.875rem; }
.text-4xl { font-size: 2.25rem; }
.text-6xl { font-size: 3.75rem; }
.text-12 { font-size: 0.75rem; }
.text-14 { font-size: 0.875rem; }
.text-16 { font-size: 1rem; }
.text-18 { font-size: 1.125rem; }
.text-24 { font-size: 1.5rem; }
.leading-none { line-height: 1; }
.leading-5 { line-height: 1.25rem; }

.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.hidden { display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.inset-0 { inset: 0; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.-top-1 { top: -0.25rem; }
.-left-1 { left: -0.25rem; }
.-right-1 { right: -0.25rem; }
.z-1 { z-index: 1; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }

.w-full { width: 100%; }
.w-min { width: min-content; }
.w-1\/2 { width: 50%; }
.h-full { height: 100%; }
.min-h-screen { min-height: 100vh; }
.min-h-full { min-height: 100%; }
.w-3 { width: 0.75rem; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-8 { width: 2rem; }
.w-10 { width: 2.5rem; }
.w-16 { width: 4rem; }
.w-20 { width: 5rem; }
.w-28 { width: 7rem; }
.h-0\.5 { height: 0.125rem; }
.h-1 { height: 0.25rem; }
.h-8 { height: 2rem; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-20 { height: 5rem; }
.h-26 { height: 6.5rem; }
.h-96 { height: 24rem; }
.h-110 { height: 27.5rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-xxl { max-width: 36rem; }
.max-h-6 { max-height: 1.5rem; }
.max-w-28 { max-width: 7rem; }
.min-w-10 { min-width: 2.5rem; }

.flex-col { flex-direction: column; }
.flex-row { flex-direction: row; }
.flex-1 { flex: 1 1 0%; }
.flex-grow { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.justify-start { justify-content: flex-start; }
.self-end { align-self: flex-end; }

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0,1fr)); }
.col-span-1 { grid-column: span 1; }
.col-span-2 { grid-column: span 2; }
.col-span-4 { grid-column: span 4; }
.col-span-8 { grid-column: span 8; }
.gap-2\.5 { gap: 0.625rem; }
.gap-2 { gap: 0.5rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-10 { gap: 2.5rem; }
.gap-x-2 { column-gap: 0.5rem; }

.overflow-hidden { overflow: hidden; }
.overflow-x-auto { overflow-x: auto; }
.overflow-auto { overflow: auto; }

.p-0\.5 { padding: 0.125rem; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-2\.5 { padding: 0.625rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-24 { padding-top: 6.75rem; }
.pt-28 { padding-top: 7rem; }
.pt-50 { padding-top: 12.5rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pr-0 { padding-right: 0; }
.pr-2 { padding-right: 0.5rem; }
.m-0 { margin: 0; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-3\.5 { margin-top: 0.875rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-7\.5 { margin-top: 1.875rem; }
.mt-8 { margin-top: 2rem; }
.mt-10 { margin-top: 2.5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mr-1 { margin-right: 0.25rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-5 { margin-right: 1.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 0.75rem; }
.ml-4 { margin-left: 1rem; }
.-mr-1 { margin-right: -0.25rem; }

.space-x-3 > * + * { margin-left: 0.75rem; }
.space-x-4 > * + * { margin-left: 1rem; }
.space-x-7 > * + * { margin-left: 1.75rem; }
.space-x-8 > * + * { margin-left: 2rem; }
.space-y-4 > * + * { margin-top: 1rem; }

.border { border-width: 1px; border-style: solid; }
.border-b-2 { border-bottom: 2px solid; }
.border-1 { border-width: 1px; border-style: solid; }
.border-white { border-color: var(--white); }
.border-brand-500 { border-color: var(--brand-500); }
.border-brand-600 { border-color: var(--brand-600); }
.rounded { border-radius: 0.25rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-lg { border-radius: 0.5rem; }
.rounded-xl { border-radius: 0.75rem; }
.rounded-full { border-radius: 9999px; }
.rounded-3xl { border-radius: 1.5rem; }
.rounded-br-lg { border-bottom-right-radius: 0.5rem; }

.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.object-center { object-position: center; }

.transition-all { transition: all var(--transition); }
.transition { transition: all var(--transition); }
.duration-300 { transition-duration: 300ms; }
.duration-500 { transition-duration: 500ms; }
.rotate-45 { transform: rotate(45deg); }
.-rotate-90 { transform: rotate(-90deg); }
.-rotate-0 { transform: rotate(0deg); }
.translate-y-1 { transform: translateY(0.25rem); }
.-translate-y-1\/2 { transform: translateY(-50%); }
.-translate-x-full { transform: translateX(-100%); }
.translate-x-9 { --tw-translate-x: 2.25rem; }
.-translate-y-9 { --tw-translate-y: -2.25rem; }
.translate-x-9.-translate-y-9 { transform: translateX(2.25rem) translateY(-2.25rem); }
.scale-100 { transform: scale(1); }

.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -2px rgba(0,0,0,0.15); }
.shadow-bannerShadow { box-shadow: 0 8px 32px rgba(0,0,0,0.5); }

.bg-gradient-to-t { background-image: linear-gradient(to top, #000 0%, transparent 100%); }
.from-black { background-image: linear-gradient(to top, #000 0%, transparent 100%); }

.aspect-w-1 { aspect-ratio: 1/1; }
.aspect-w-2 { aspect-ratio: 2/1; }
[style*="aspect-ratio"] { position: relative; overflow: hidden; }
[style*="aspect-ratio"] img {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}

/* Featured section — large card image */
.featured-main-img {
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (min-width: 768px) {
  .featured-main-img { aspect-ratio: 3/2; }
}

.container { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; }
.md\:container { width: 100%; max-width: 1280px; }

header {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 40;
  background-color: var(--brand);
  min-height: 6.5rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}

.header-inner {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 0.75rem;
}

/* Mobile: logo centered, actions right, nav hidden */
.header-nav {
  display: none;
  align-items: center;
  flex: 1;
}

.header-logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.header-btn-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
  color: white;
  border-radius: 0.5rem;
  padding: 0 1rem;
  height: 2.5rem;
  font-weight: 500;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 0.875rem;
}
.header-btn-login:hover { opacity: 0.75; }

.header-btn-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gold);
  color: var(--brand);
  border-radius: 0.5rem;
  padding: 0 1rem;
  height: 2.5rem;
  font-weight: 500;
  white-space: nowrap;
  transition: opacity 0.2s;
  font-size: 0.875rem;
}
.header-btn-register:hover { opacity: 0.75; }

/* Burger button component styles */
.burger-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
}
.burger-btn .burger-line {
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  background: white;
  margin-bottom: 0.25rem;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.burger-btn .burger-line:last-child { margin-bottom: 0; }
.burger-btn.is-active .burger-line:nth-child(1) {
  transform: translateY(0.375rem) rotate(45deg);
}
.burger-btn.is-active .burger-line:nth-child(2) { opacity: 0; }
.burger-btn.is-active .burger-line:nth-child(3) {
  transform: translateY(-0.375rem) rotate(-45deg);
}

/* Hero content */
.hero-content-wrap {
  position: relative;
  z-index: 30;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-content {
  width: 100%;
  max-width: 640px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Game nav sticky bar */
.game-nav-sticky {
  position: sticky;
  top: 6.5rem;
  z-index: 20;
  background-color: var(--brand);
  padding: 0.75rem 1rem;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}

/* Game nav inner */
.game-nav-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.game-nav-scroll {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding-bottom: 0.25rem;
}
.game-nav-scroll::-webkit-scrollbar { display: none; }

/* New badge (corner ribbon) */
.new-badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background-color: #22c55e;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 0 0.375rem 0 0.375rem;
  line-height: 1;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 999;
  padding: 0.5rem 1rem;
  background: var(--gold);
  color: var(--brand);
  font-weight: 700;
}
.skip-link:focus { left: 0; }

#mobile-menu {
  transform: translateX(-100%);
  transition: transform 0.3s ease;
}
#mobile-menu.is-open {
  transform: translateX(0);
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0.4); }
  50% { box-shadow: 0 0 0 8px rgba(201,168,76,0); }
}
.fe-pulse { animation: pulse 2s infinite; }

.hover\:bg-opacity-70:hover { opacity: 0.75; }
.hover\:text-gold:hover { color: var(--gold); }
.group { position: relative; overflow: hidden; }
.group.md\:hover\:scale-105:hover { transform: scale(1.05); }

.slider-track {
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
}
.slider-track::-webkit-scrollbar { display: none; }
.payment-slider, .studio-slider { position: relative; }
.slider-prev, .slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: var(--brand-600);
  border-radius: 9999px;
  padding: 0.25rem;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-prev { left: 0; }
.slider-next { right: 0; }

.seo-text-block {
  font-size: 0.9375rem;
  line-height: 1.75;
  color: #c8d4e0;
}
.seo-text-block h1 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
  margin-top: 0;
}
.seo-text-block h2 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.75rem;
  margin-top: 1.75rem;
}
.seo-text-block h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 0.5rem;
  margin-top: 1.25rem;
}
.seo-text-block p { margin-bottom: 1rem; }
.seo-text-block ol,
.seo-text-block ul {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  list-style: decimal;
}
.seo-text-block ul { list-style: disc; }
.seo-text-block li { margin-bottom: 0.5rem; }
.seo-text-block a.seo-link {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--transition);
}
.seo-text-block a.seo-link:hover { color: #e0c06a; }

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  color: var(--gray);
}
.breadcrumbs a { color: var(--gold); transition: color var(--transition); }
.breadcrumbs a:hover { color: var(--white); }

.page-hero {
  background: linear-gradient(135deg, var(--brand-600) 0%, var(--brand) 100%);
  padding: 3rem 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid var(--brand-600);
}
.page-hero h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.page-hero p {
  font-size: 1.125rem;
  color: var(--gray);
  max-width: 42rem;
  margin: 0 auto 1.5rem;
}

.info-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.info-table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--brand);
  font-size: 0.9375rem;
}
.info-table tr:nth-child(odd) td { background-color: var(--brand-600); }
.info-table tr:nth-child(even) td { background-color: rgba(36,43,61,0.5); }
.info-table tr:first-child td {
  background-color: var(--blue-darkest);
  font-weight: 700;
  color: var(--gold);
}

.inner-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem 1rem;
}
.inner-sidebar {
  background: var(--brand-600);
  border-radius: 0.75rem;
  padding: 1.5rem;
}
.inner-sidebar h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--gold);
}
.inner-sidebar nav a {
  display: block;
  padding: 0.5rem 0;
  color: var(--gray);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: color var(--transition);
}
.inner-sidebar nav a:hover { color: var(--white); }

[style*="text-overflow: ellipsis"] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media (min-width: 640px) {
  .sm\:text-24 { font-size: 1.5rem; }
  .sm\:p-8 { padding: 2rem; }
}

@media (min-width: 768px) {
  header { padding: 0 1.25rem; }
  .hero-content-wrap { padding: 0 3rem; }
  .md\:mx-auto { margin-left: auto; margin-right: auto; }
  .pt-24 { padding-top: 7rem; }
  .md\:block { display: block; }
  .md\:inline-block { display: inline-block; }
  .md\:flex { display: flex; }
  .md\:hidden { display: none; }
  .md\:col-span-4 { grid-column: span 4; }
  .md\:col-span-8 { grid-column: span 8; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .md\:gap-8 { gap: 2rem; }
  .md\:gap-x-32 { column-gap: 8rem; }
  .md\:px-0 { padding-left: 0; padding-right: 0; }
  .md\:px-28 { padding-left: 7rem; padding-right: 7rem; }
  .md\:mt-2 { margin-top: 0.5rem; }
  .md\:mt-0 { margin-top: 0; }
  .md\:my-9 { margin-top: 2.25rem; margin-bottom: 2.25rem; }
  .md\:rounded { border-radius: 0.25rem; }
  .md\:justify-center { justify-content: center; }
  .md\:overflow-visible { overflow: visible; }
  .md\:top-26 { top: 6.5rem; }
  .md\:text-3xl { font-size: 1.875rem; }
  .md\:text-2xl { font-size: 1.5rem; }
  .md\:text-6xl { font-size: 3.75rem; }
  .md\:w-1\/2 { width: 50%; }
  .md\:flex-row { flex-direction: row; }
  .md\:hover\:scale-105:hover { transform: scale(1.05); }
  .md\:w-20 { width: 5rem; }
  .md\:mb-8 { margin-bottom: 2rem; }
  .md\:mb-2 { margin-bottom: 0.5rem; }
  .inner-layout { grid-template-columns: 2fr 1fr; padding: 2rem; }
  .slider-prev, .slider-next { display: flex; }
}

@media (min-width: 1024px) {
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
  .lg\:col-span-4 { grid-column: span 4; }
  .lg\:text-sm { font-size: 0.875rem; }
  .lg\:h-11 { height: 2.75rem; }
  .lg\:w-6 { width: 1.5rem; }
  .lg\:h-6 { height: 1.5rem; }
  .lg\:mb-0 { margin-bottom: 0; }
  .lg\:text-xs { font-size: 0.75rem; }
  /* Header: show desktop nav, hide burger, center logo */
  .header-nav { display: flex; }
  .header-logo { justify-content: center; }
  .burger-btn { display: none; }
  .game-nav-sticky { padding: 0.75rem 1.75rem; }
}

@media (min-width: 1280px) {
  .xl\:container { max-width: 1280px; margin-left: auto; margin-right: auto; }
  .xl\:px-28 { padding-left: 7rem; padding-right: 7rem; }
  .xl\:text-base { font-size: 1rem; }
  .xl\:h-14 { height: 3.5rem; }
  .xl\:hidden { display: none; }
  .xl\:col-span-4 { grid-column: span 4; }
  .xl\:space-x-4 > * + * { margin-left: 1rem; }
  .header-inner { max-width: 1280px; margin: 0 auto; padding: 0 7rem; width: 100%; }
  header { padding: 0; }
  .game-nav-sticky { padding: 0.75rem 0; max-width: 1280px; margin: 0 auto; }
}

@media (min-width: 1536px) {
  .2xl\:space-x-7 > * + * { margin-left: 1.75rem; }
  .2xl\:text-18 { font-size: 1.125rem; }
  .2xl\:h-16 { height: 4rem; }
}