:root {
  --ak-bg: #071638;
  --ak-bg-soft: #091d4a;
  --ak-surface: #0f2456;
  --ak-surface-strong: #15306b;
  --ak-line: #2a4a8e;
  --ak-line-soft: #1b3569;
  --ak-text: #f2f6ff;
  --ak-muted: #aebddd;
  --ak-dim: #8496c2;
  --ak-red: #c92d44;
  --ak-red-light: #f05a6e;
  --ak-red-dark: #8f1e31;
  --ak-green: #78d7a2;
  --ak-max: 1240px;
  --ak-radius: 14px;
  --ak-shadow: 0 20px 60px rgba(2,8,26,.45);
}

html { background: var(--ak-bg); scroll-behavior: smooth; }
body.ak-site-body {
  margin: 0;
  background: var(--ak-bg);
  color: var(--ak-text);
  font-family: Inter, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-rendering: optimizeLegibility;
}
body.ak-site-body *, body.ak-site-body *::before, body.ak-site-body *::after { box-sizing: border-box; }
body.ak-site-body img { max-width: 100%; height: auto; }
body.ak-site-body a { color: #f08b99; text-underline-offset: 3px; }
body.ak-site-body a:hover { color: #ffb1bb; }
body.ak-site-body :focus-visible { outline: 3px solid #ff8b9a; outline-offset: 4px; }
body.ak-site-body ::selection { background: rgba(201,45,68,.45); color: #fff; }

.ak-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  color: var(--ak-text);
  background: rgba(5,15,42,.92);
  border-bottom: 1px solid rgba(91,127,255,.22);
  backdrop-filter: blur(18px);
}
.ak-site-topbar {
  min-height: 34px;
  border-bottom: 1px solid rgba(91,127,255,.14);
  color: var(--ak-muted);
  font-size: 12px;
}
.ak-site-topbar-inner, .ak-site-nav, .ak-site-mobile-inner, .ak-site-footer-inner {
  width: min(var(--ak-max), calc(100% - 40px));
  margin: 0 auto;
}
.ak-site-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 34px;
}
.ak-site-topbar a { color: var(--ak-muted); text-decoration: none; }
.ak-site-topbar a:hover { color: var(--ak-text); }
.ak-site-topbar-left, .ak-site-topbar-right { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.ak-site-nav { min-height: 74px; display: flex; align-items: center; gap: 30px; }
.ak-site-brand { display: inline-flex; width: 138px; min-width: 138px; align-items: center; }
.ak-site-brand img { display: block; width: 100%; max-height: 44px; object-fit: contain; }
.ak-site-menu { display: flex; align-items: center; justify-content: flex-end; gap: 22px; margin-left: auto; }
.ak-site-menu a { color: #dbe1e8; text-decoration: none; font-size: 14px; white-space: nowrap; }
.ak-site-menu a:hover, .ak-site-menu a[aria-current="page"] { color: #fff; }
.ak-site-menu .ak-site-cta { color: #fff; background: var(--ak-red); padding: 10px 15px; border-radius: 9px; font-weight: 700; }
.ak-site-menu .ak-site-cta:hover { background: var(--ak-red-light); }
.ak-site-login { border: 1px solid var(--ak-line); padding: 9px 13px; border-radius: 9px; }
.ak-menu-toggle { display: none; margin-left: auto; border: 1px solid var(--ak-line); border-radius: 9px; background: var(--ak-surface); color: #fff; padding: 9px 12px; cursor: pointer; font: inherit; }
.ak-menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px 0; background: currentColor; }
.ak-site-mobile { display: none; border-top: 1px solid var(--ak-line-soft); background: #061436; }
.ak-site-mobile.open { display: block; }
.ak-site-mobile-inner { padding: 12px 0 18px; display: grid; gap: 6px; }
.ak-site-mobile a { display: block; color: #dbe1e8; text-decoration: none; padding: 10px 12px; border-radius: 8px; }
.ak-site-mobile a:hover { background: var(--ak-surface); color: #fff; }
.ak-site-mobile a[aria-current="page"] { background: var(--ak-surface); color: #fff; font-weight: 800; }

.ak-shell { width: min(var(--ak-max), calc(100% - 40px)); margin: 0 auto; }
.ak-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 20%, rgba(87,57,190,.42), transparent 30%), radial-gradient(circle at 12% 78%, rgba(21,93,202,.22), transparent 32%), linear-gradient(135deg, #070d24 0%, #0c1c4a 54%, #130b32 100%); color: var(--ak-text); }
.ak-hero::after { content: ""; position: absolute; inset: auto -12% -55% 36%; height: 70%; background: radial-gradient(ellipse, rgba(201,45,68,.14), transparent 65%); pointer-events: none; }
.ak-hero-grid { min-height: 620px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: center; gap: 54px; padding-top: 78px; padding-bottom: 78px; position: relative; z-index: 1; }
.ak-kicker { color: #ff9cab; font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.ak-hero h1 { max-width: 760px; margin: 12px 0 20px; font-size: 64px; line-height: 1.06; letter-spacing: 0; }
.ak-hero p { max-width: 680px; color: #c4ccd7; font-size: 19px; margin: 0; }
.ak-hero-note { margin-top: 18px; color: var(--ak-muted); font-size: 13px; }
.ak-hero-actions, .ak-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 30px; }
.ak-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; border-radius: 10px; padding: 12px 18px; color: #fff !important; text-decoration: none !important; font-weight: 800; transition: background .18s, border-color .18s, transform .18s; }
.ak-btn:hover { transform: translateY(-2px); }
.ak-btn-primary { background: var(--ak-red); }
.ak-btn-primary:hover { background: var(--ak-red-light); }
.ak-btn-secondary { border-color: #4d6cb3; background: rgba(255,255,255,.04); }
.ak-btn-secondary:hover { border-color: #93aaff; background: rgba(255,255,255,.08); }
.ak-hero-art { min-height: 370px; position: relative; display: flex; align-items: center; justify-content: center; }
.ak-hero-art::before { content: ""; position: absolute; width: 82%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(201,45,68,.32), rgba(201,45,68,.04) 58%, transparent 70%); filter: blur(2px); }
.ak-hero-art img { position: relative; z-index: 1; width: min(100%, 560px); max-height: 420px; object-fit: contain; filter: drop-shadow(0 24px 35px rgba(0,0,0,.42)); }

.ak-section { padding: 86px 0; background: var(--ak-bg); }
.ak-section-alt { background: var(--ak-bg-soft); border-top: 1px solid var(--ak-line-soft); border-bottom: 1px solid var(--ak-line-soft); }
.ak-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.ak-section-head > div { max-width: 760px; }
.ak-section h2 { margin: 0; color: var(--ak-text); font-size: 42px; line-height: 1.15; letter-spacing: 0; }
.ak-section-lead { margin: 13px 0 0; color: var(--ak-muted); max-width: 760px; }
.ak-grid { display: grid; gap: 18px; }
.ak-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ak-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ak-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ak-card { min-width: 0; padding: 24px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: linear-gradient(165deg, rgba(20,61,140,.55), rgba(10,33,82,.9)); box-shadow: 0 10px 28px rgba(2,8,26,.25); }
.ak-card:hover { border-color: #5b7fd8; }
.ak-card h3 { margin: 0 0 8px; color: var(--ak-text); font-size: 21px; line-height: 1.3; }
.ak-card p { margin: 0; color: var(--ak-muted); }
.ak-card .ak-card-kicker { margin-bottom: 9px; color: #ff9cab; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ak-card-link { display: inline-flex; margin-top: 20px; color: #ff9cab !important; font-weight: 800; text-decoration: none !important; }
.ak-card-link:hover { color: #ffd2d8 !important; }
.ak-icon-card { min-height: 212px; }
.ak-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 12px; color: #fff; background: rgba(201,45,68,.18); border: 1px solid rgba(240,90,110,.45); font-weight: 900; }

.ak-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ak-plan-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: var(--ak-surface); }
.ak-plan-card.ak-featured { border-color: var(--ak-red); box-shadow: 0 0 0 1px rgba(201,45,68,.3), 0 18px 48px rgba(201,45,68,.12); }
.ak-plan-card h3 { margin: 0; font-size: 21px; }
.ak-plan-price { margin: 18px 0 12px; color: #fff; font-size: 34px; font-weight: 900; line-height: 1; }
.ak-plan-price small { color: var(--ak-muted); font-size: 13px; font-weight: 500; }
.ak-plan-specs { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--ak-muted); font-size: 14px; }
.ak-plan-specs li { display: flex; gap: 8px; align-items: flex-start; }
.ak-plan-specs li::before { content: "✓"; color: var(--ak-green); font-weight: 800; }
.ak-plan-card .ak-btn { width: 100%; margin-top: 22px; }
.ak-status { display: inline-flex; width: fit-content; padding: 4px 8px; border-radius: 999px; color: #bfead0; background: rgba(120,215,162,.12); border: 1px solid rgba(120,215,162,.32); font-size: 12px; font-weight: 800; }
.ak-status-manual { color: #ffd68a; background: rgba(231,169,68,.12); border-color: rgba(231,169,68,.34); }
.ak-status-unknown { color: #cbd3df; background: rgba(171,180,194,.12); border-color: rgba(171,180,194,.3); }
.ak-note { margin: 22px 0 0; padding: 16px 18px; border-left: 3px solid var(--ak-red); color: var(--ak-muted); background: rgba(201,45,68,.08); border-radius: 8px; }
.ak-note strong { color: var(--ak-text); }

.ak-game-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ak-game-card { display: flex; flex-direction: column; min-width: 0; min-height: 235px; padding: 24px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: var(--ak-surface); }
.ak-game-card .ak-game-number { color: var(--ak-red-light); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.ak-game-card h3 { margin: 14px 0 3px; font-size: 24px; }
.ak-game-card .ak-game-en { color: var(--ak-dim); font-size: 13px; }
.ak-game-card p { color: var(--ak-muted); font-size: 14px; }
.ak-game-card .ak-game-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--ak-line-soft); }
.ak-game-kind { color: #d1d9e3; font-size: 12px; }
.ak-game-actions { display: grid; justify-items: end; gap: 4px; text-align: right; }
.ak-game-footer a { color: #ff9cab !important; font-weight: 800; text-decoration: none; }
.ak-game-footer .ak-game-purchase { color: #a9d7ff !important; font-size: 11px; white-space: nowrap; }

.ak-mock-panel { overflow: hidden; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: #0a1c47; box-shadow: var(--ak-shadow); }
.ak-mock-top { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; background: #12285e; border-bottom: 1px solid var(--ak-line); }
.ak-mock-dots { display: flex; gap: 6px; }
.ak-mock-dots span { width: 8px; height: 8px; border-radius: 50%; background: #687488; }
.ak-mock-label { color: var(--ak-muted); font-size: 12px; }
.ak-mock-body { display: grid; grid-template-columns: 130px 1fr; min-height: 285px; }
.ak-mock-nav { padding: 18px 12px; border-right: 1px solid var(--ak-line); background: #0c2050; }
.ak-mock-nav span { display: block; padding: 8px 10px; border-radius: 7px; color: var(--ak-muted); font-size: 12px; }
.ak-mock-nav span:first-child { color: #fff; background: rgba(201,45,68,.24); }
.ak-mock-content { padding: 22px; }
.ak-mock-content h3 { margin: 0 0 6px; font-size: 22px; }
.ak-mock-content p { color: var(--ak-muted); font-size: 13px; }
.ak-mock-status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 20px; }
.ak-mock-status div { padding: 13px; border: 1px solid var(--ak-line); border-radius: 9px; background: var(--ak-surface); }
.ak-mock-status strong { display: block; color: #fff; font-size: 17px; }
.ak-mock-status span { color: var(--ak-dim); font-size: 11px; }

.ak-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; counter-reset: step; }
.ak-step { position: relative; padding: 22px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: var(--ak-surface); counter-increment: step; }
.ak-step::before { content: counter(step, decimal-leading-zero); display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 18px; border-radius: 11px; background: var(--ak-red); color: #fff; font-weight: 900; }
.ak-step h3 { margin: 0 0 7px; font-size: 19px; }
.ak-step p { margin: 0; color: var(--ak-muted); font-size: 14px; }

.ak-faq { display: grid; gap: 10px; }
.ak-faq details { border: 1px solid var(--ak-line); border-radius: 10px; background: var(--ak-surface); }
.ak-faq summary { cursor: pointer; padding: 17px 20px; color: #fff; font-weight: 800; }
.ak-faq p { margin: 0; padding: 0 20px 18px; color: var(--ak-muted); }

.ak-page-hero { position: relative; overflow: hidden; padding: 84px 0 72px; background: radial-gradient(circle at 80% 10%, rgba(87,57,190,.42), transparent 36%), radial-gradient(circle at 8% 90%, rgba(21,93,202,.2), transparent 34%), linear-gradient(135deg, #070d24 0%, #0c1c4a 58%, #130b32 100%); border-bottom: 1px solid rgba(91,127,255,.3); }
.ak-page-hero h1 { margin: 10px 0 14px; max-width: 900px; font-size: 56px; line-height: 1.1; letter-spacing: 0; }
.ak-page-hero p { max-width: 800px; margin: 0; color: var(--ak-muted); font-size: 18px; }
.ak-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; color: var(--ak-dim); font-size: 13px; }
.ak-breadcrumbs a { color: var(--ak-muted); }

.ak-data-table-wrap { overflow-x: auto; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); }
.ak-data-table { width: 100%; min-width: 720px; border-collapse: collapse; background: var(--ak-surface); }
.ak-data-table th, .ak-data-table td { padding: 14px 16px; border-bottom: 1px solid var(--ak-line-soft); text-align: left; vertical-align: top; }
.ak-data-table th { color: #fff; background: #12285e; font-size: 13px; white-space: nowrap; }
.ak-data-table td { color: var(--ak-muted); font-size: 14px; }
.ak-data-table tr:last-child td { border-bottom: 0; }
.ak-data-table a { color: #ff9cab; font-weight: 800; }

/* Existing pages that are kept for URL compatibility. */
body.ak-site-body .ak-top, body.ak-site-body .ak-footer { background: var(--ak-bg); color: var(--ak-muted); }
body.ak-site-body main, body.ak-site-body .ak-game-directory, body.ak-site-body .ak-discovery-summary { background: var(--ak-bg); color: var(--ak-text); }
body.ak-site-body .ak-game-directory { border-top: 1px solid var(--ak-line-soft); border-bottom: 1px solid var(--ak-line-soft); }
body.ak-site-body .ak-game-directory h2, body.ak-site-body .ak-discovery-summary h2 { color: var(--ak-text); }
body.ak-site-body .ak-game-directory p, body.ak-site-body .ak-discovery-summary p { color: var(--ak-muted); }
body.ak-site-body .card, body.ak-site-body .pack-card, body.ak-site-body .steam-card, body.ak-site-body .step, body.ak-site-body .feature, body.ak-site-body .faq details, body.ak-site-body .ak-guide-facts { border-color: var(--ak-line); background: var(--ak-surface); color: var(--ak-text); box-shadow: none; }
body.ak-site-body .card h3, body.ak-site-body .pack-card h3, body.ak-site-body .steam-card h3, body.ak-site-body .step h3 { color: var(--ak-text); }
body.ak-site-body .card p, body.ak-site-body .pack-card p, body.ak-site-body .steam-card p, body.ak-site-body .step p, body.ak-site-body .faq p { color: var(--ak-muted); }
body.ak-site-body .catalog-tools input, body.ak-site-body .catalog-tools select, body.ak-site-body .steam-controls input, body.ak-site-body .steam-controls select, body.ak-site-body .steam-controls button { color: var(--ak-text); background: var(--ak-surface); border-color: var(--ak-line); }
body.ak-site-body .catalog-count, body.ak-site-body .lead, body.ak-site-body .source { color: var(--ak-muted); }
body.ak-site-body .pack-card .pack-meta span, body.ak-site-body .related a { color: #ffd2d8; background: rgba(201,45,68,.14); }
body.ak-site-body .ak-hero, body.ak-site-body .sub__banner--wrapper { background-color: var(--ak-bg-soft); }
body.ak-site-body .sub__banner--wrapper { min-height: 320px; padding: 72px 0; background-image: linear-gradient(90deg, rgba(11,13,18,.9), rgba(11,13,18,.55)); }
body.ak-site-body .sub__banner--main h1, body.ak-site-body .sub__banner--main p { color: var(--ak-text); }
body.ak-site-body .sub__banner--main p { max-width: 760px; color: var(--ak-muted); }
body.ak-site-body .games__listing--block, body.ak-site-body .dedicated-server-details, body.ak-site-body .dedicated-server-table-details { background: var(--ak-bg); color: var(--ak-text); }
body.ak-site-body .games__listing--box, body.ak-site-body .dedicated-server-table-details { border-color: var(--ak-line); background: var(--ak-surface); }
body.ak-site-body .server-table-head, body.ak-site-body .server-details-data-block { border-color: var(--ak-line); }
body.ak-site-body .dedicated-server-data-block { border-color: var(--ak-line-soft); background: var(--ak-surface); color: var(--ak-muted); }
body.ak-site-body .server-table-head-name, body.ak-site-body .responsive-head-name { color: var(--ak-muted); }
body.ak-site-body .server-details-block { background: var(--ak-surface); border-color: var(--ak-line); }
body.ak-site-body .ak-nav, body.ak-site-body .ak-top { background: var(--ak-bg); }

.ak-site-footer { padding: 54px 0 26px; border-top: 1px solid var(--ak-line); background: #050f2b; color: var(--ak-muted); }
.ak-site-footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 34px; }
.ak-site-footer h2, .ak-site-footer h3 { margin: 0 0 13px; color: #fff; font-size: 16px; }
.ak-site-footer p { margin: 0; max-width: 360px; font-size: 14px; }
.ak-site-footer ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.ak-site-footer a { color: var(--ak-muted); text-decoration: none; }
.ak-site-footer a:hover { color: #fff; }
.ak-site-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 28px; margin-top: 38px; border-top: 1px solid var(--ak-line-soft); color: var(--ak-dim); font-size: 12px; }
.ak-site-footer-bottom a { color: var(--ak-dim); }

@media (max-width: 1040px) {
  .ak-site-menu { gap: 14px; }
  .ak-site-menu a { font-size: 13px; }
  .ak-hero-grid { gap: 32px; }
  .ak-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .ak-site-topbar-right { display: none; }
  .ak-site-menu { display: none; }
  .ak-menu-toggle { display: block; }
  .ak-hero-grid { grid-template-columns: 1fr; min-height: auto; padding-top: 64px; padding-bottom: 62px; }
  .ak-hero-art { order: -1; min-height: 250px; }
  .ak-hero-art img { max-height: 280px; }
  .ak-grid-3, .ak-game-grid, .ak-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ak-site-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .ak-site-topbar-inner, .ak-site-nav, .ak-site-mobile-inner, .ak-site-footer-inner, .ak-shell { width: min(100% - 28px, var(--ak-max)); }
  .ak-site-nav { min-height: 66px; }
  .ak-site-brand { width: 118px; min-width: 118px; }
  .ak-hero h1 { font-size: 44px; }
  .ak-section h2 { font-size: 34px; }
  .ak-page-hero h1 { font-size: 40px; }
  .ak-hero p, .ak-page-hero p { font-size: 16px; }
  .ak-section { padding: 62px 0; }
  .ak-section-head { display: block; }
  .ak-section-head .ak-card-link { margin-top: 16px; }
  .ak-grid-2, .ak-grid-3, .ak-grid-4, .ak-game-grid, .ak-plan-grid, .ak-steps { grid-template-columns: 1fr; }
  .ak-card, .ak-plan-card, .ak-game-card, .ak-step { padding: 20px; }
  .ak-mock-body { grid-template-columns: 1fr; }
  .ak-mock-nav { display: flex; gap: 4px; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--ak-line); }
  .ak-mock-nav span { white-space: nowrap; }
  .ak-mock-status { grid-template-columns: 1fr; }
  .ak-site-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
  .ak-site-footer-grid > :first-child { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .ak-btn { transition: none; }
  .ak-btn:hover { transform: none; }
}

/* Homepage refresh: the older product pages keep their existing theme while
   the front page uses the supplied neon game-hosting artwork and a denser
   product discovery layout. */
body.ak-site-body .ak-home-hero,
body.ak-site-body .ak-home-section { position: relative; overflow: hidden; }
body.ak-site-body .ak-home-hero {
  color: #f4f7ff;
  background:
    radial-gradient(circle at 76% 20%, rgba(87, 57, 190, .45), transparent 28%),
    radial-gradient(circle at 12% 72%, rgba(21, 93, 202, .24), transparent 30%),
    linear-gradient(135deg, #070d24 0%, #0c1c4a 54%, #130b32 100%);
  border-bottom: 1px solid rgba(91, 127, 255, .35);
}
body.ak-site-body .ak-home-hero::before,
body.ak-site-body .ak-home-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .13;
  background-image: radial-gradient(circle, #dce7ff 0 1px, transparent 1.5px), radial-gradient(circle, #8bb8ff 0 1px, transparent 1.4px);
  background-size: 56px 60px, 93px 84px;
  background-position: 0 0, 20px 14px;
}
body.ak-site-body .ak-home-hero-grid {
  min-height: 640px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr);
  align-items: center;
  gap: 24px;
  position: relative;
  z-index: 1;
}
body.ak-site-body .ak-home-hero-copy { padding: 68px 0 74px; position: relative; z-index: 2; }
body.ak-site-body .ak-home-hero h1 {
  max-width: 760px;
  margin: 13px 0 20px;
  font-size: 56px;
  line-height: 1.08;
  letter-spacing: 0;
  text-shadow: 0 10px 30px rgba(0, 0, 0, .32);
}
body.ak-site-body .ak-home-hero h1 span { color: #ff9be9; text-shadow: 0 0 22px rgba(255, 88, 224, .4); }
body.ak-site-body .ak-home-hero-copy > p { max-width: 600px; margin: 0; color: #c4d0ee; font-size: 18px; line-height: 1.8; }
body.ak-site-body .ak-home-hero-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
body.ak-site-body .ak-home-hero-links a { color: #9dc6ff; font-size: 13px; font-weight: 800; text-decoration: none; }
body.ak-site-body .ak-home-hero-links a:hover { color: #fff; }
body.ak-site-body .ak-home-hero-art { min-height: 620px; align-self: stretch; position: relative; }
body.ak-site-body .ak-home-hero-art::after { content: ""; position: absolute; width: 530px; height: 530px; right: 8%; top: 50%; transform: translateY(-50%); border-radius: 50%; background: radial-gradient(circle, rgba(102, 91, 255, .37), rgba(212, 54, 232, .08) 46%, transparent 69%); filter: blur(2px); }
body.ak-site-body .ak-home-hero-art img { position: absolute; z-index: 2; right: -76px; bottom: -18px; width: min(690px, 118%); max-width: none; height: auto; filter: drop-shadow(0 24px 28px rgba(0, 0, 0, .45)); }
body.ak-site-body .ak-home-hero-stamp { position: absolute; z-index: 3; right: 16px; top: 112px; display: grid; gap: 4px; max-width: 200px; padding: 14px 17px; color: #eef4ff; border: 1px solid rgba(132, 153, 255, .72); border-radius: 13px; background: rgba(8, 25, 73, .78); box-shadow: 0 13px 34px rgba(0, 0, 0, .25); transform: rotate(4deg); }
body.ak-site-body .ak-home-hero-stamp strong { color: #91d8ff; font-size: 17px; }
body.ak-site-body .ak-home-hero-stamp span { color: #bdc9e9; font-size: 11px; line-height: 1.5; }
body.ak-site-body .ak-home-section { padding: 76px 0; background: #071638; color: #f2f6ff; }
body.ak-site-body .ak-home-section:nth-of-type(even) { background: #091d4a; }
body.ak-site-body .ak-home-section-head { position: relative; z-index: 1; display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
body.ak-site-body .ak-home-section-head h2 { margin: 4px 0 9px; color: #f6f8ff; font-size: 40px; line-height: 1.16; letter-spacing: 0; }
body.ak-site-body .ak-home-section-head p { max-width: 720px; margin: 0; color: #abbbe0; }
body.ak-site-body .ak-home-section-link { color: #c5dcff; font-weight: 800; white-space: nowrap; text-decoration: none; }
body.ak-site-body .ak-home-section-link:hover { color: #fff; }
body.ak-site-body .ak-home-service-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
body.ak-site-body .ak-home-service { min-height: 224px; display: flex; flex-direction: column; padding: 22px; border: 1px solid rgba(80, 133, 248, .56); border-radius: 14px; color: #fff; background: linear-gradient(165deg, rgba(20, 61, 140, .88), rgba(8, 29, 76, .9)); box-shadow: 0 13px 30px rgba(0, 0, 0, .16); text-decoration: none; transition: transform .2s, border-color .2s, box-shadow .2s; }
body.ak-site-body .ak-home-service:hover { border-color: #93aaff; box-shadow: 0 18px 34px rgba(0, 0, 0, .28); transform: translateY(-4px); }
body.ak-site-body .ak-home-service-kind, body.ak-site-body .ak-home-pack-label, body.ak-site-body .ak-home-plan-label { color: #83cfff; font-size: 11px; font-weight: 900; letter-spacing: .11em; }
body.ak-site-body .ak-home-service-number { align-self: end; color: rgba(160, 201, 255, .55); font-size: 29px; font-weight: 900; line-height: 1; }
body.ak-site-body .ak-home-service h3 { margin: 18px 0 7px; font-size: 21px; }
body.ak-site-body .ak-home-service p { margin: 0; color: #bfcae7; font-size: 13px; line-height: 1.65; }
body.ak-site-body .ak-home-service-link { margin-top: auto; padding-top: 20px; color: #f0a8ed; font-size: 13px; font-weight: 800; }
body.ak-site-body .ak-home-games { background: #071638; }
body.ak-site-body .ak-home-games .ak-game-grid { position: relative; z-index: 1; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 10px; }
body.ak-site-body .ak-home-games .ak-game-card { position: relative; isolation: isolate; min-height: 198px; padding: 17px; overflow: hidden; border-color: rgba(61, 115, 221, .55); border-radius: 12px; background-image: linear-gradient(180deg, rgba(5, 18, 48, .24), rgba(5, 16, 43, .96) 88%), var(--ak-game-image); background-color: #0a245b; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 13px 28px rgba(0,0,0,.16); }
body.ak-site-body .ak-home-games .ak-game-card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(135deg, rgba(71, 133, 255, .28), transparent 48%); pointer-events: none; }
body.ak-site-body .ak-home-games .ak-game-card > * { position: relative; z-index: 1; }
body.ak-site-body .ak-home-games .ak-game-card:hover { border-color: rgba(175, 193, 255, .9); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 18px 34px rgba(0,0,0,.3); }
body.ak-site-body .ak-home-games .ak-game-card h3 { margin-top: 12px; font-size: 18px; }
body.ak-site-body .ak-home-games .ak-game-card p { font-size: 12px; line-height: 1.55; }
body.ak-site-body .ak-home-games .ak-game-footer { padding-top: 12px; }
body.ak-site-body .ak-home-games .ak-game-footer a { color: #f3a6ea !important; }
body.ak-site-body .ak-home-games .ak-game-footer .ak-game-purchase { color: #a9d7ff !important; }
body.ak-site-body .ak-home-modpacks { padding-top: 60px; background: #081d4a; }
body.ak-site-body .ak-home-pack-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.ak-site-body .ak-home-pack { min-height: 152px; display: flex; flex-direction: column; padding: 19px; border: 1px solid rgba(91, 142, 248, .55); border-radius: 12px; background: rgba(9, 36, 90, .72); }
body.ak-site-body .ak-home-pack h3 { margin: 8px 0 3px; color: #fff; font-size: 19px; }
body.ak-site-body .ak-home-pack p { margin: 0; color: #bac8e6; font-size: 13px; }
body.ak-site-body .ak-home-pack a { margin-top: auto; color: #f6a8ea; font-size: 13px; font-weight: 800; text-decoration: none; }
body.ak-site-body .ak-home-pricing { background: linear-gradient(180deg, #071638 0%, #0a204e 100%); }
body.ak-site-body .ak-home-plan-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
body.ak-site-body .ak-home-plan { position: relative; min-height: 238px; overflow: hidden; display: flex; flex-direction: column; padding: 21px; border: 1px solid rgba(82, 134, 244, .63); border-radius: 14px; background: linear-gradient(150deg, rgba(20, 64, 145, .9), rgba(8, 30, 80, .92)); }
body.ak-site-body .ak-home-plan:nth-child(2) { border-color: #f179dc; box-shadow: 0 0 28px rgba(242, 90, 216, .22); }
body.ak-site-body .ak-home-plan-copy { position: relative; z-index: 2; }
body.ak-site-body .ak-home-plan h3 { margin: 10px 0 5px; color: #fff; font-size: 21px; }
body.ak-site-body .ak-home-plan p { margin: 0; color: #c3d0ec; font-size: 12px; }
body.ak-site-body .ak-home-plan-price { margin-top: 16px; color: #fff; font-size: 32px; font-weight: 900; line-height: 1.1; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
body.ak-site-body .ak-home-plan-price small { color: #c1cde8; font-size: 13px; font-weight: 600; letter-spacing: 0; }
body.ak-site-body .ak-home-plan img { position: absolute; right: -8px; bottom: 30px; z-index: 1; width: 145px; height: 145px; object-fit: contain; filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .32)); }
body.ak-site-body .ak-home-plan > a { position: relative; z-index: 2; margin-top: auto; align-self: flex-start; padding: 8px 12px; border: 1px solid rgba(150, 182, 255, .7); border-radius: 8px; color: #f6f8ff; font-size: 12px; font-weight: 800; text-decoration: none; background: rgba(6, 29, 79, .55); }
body.ak-site-body .ak-home-plan:nth-child(2) > a { border-color: #ff9bec; background: #dd5fc8; color: #1b123b; }
body.ak-site-body .ak-home-plan-note { position: relative; z-index: 1; margin-top: 18px; padding: 13px 16px; border-left: 3px solid #e56bd7; color: #aebddd; background: rgba(31, 51, 104, .45); font-size: 13px; }
body.ak-site-body .ak-home-plan-note strong { color: #f1f5ff; }
body.ak-site-body .ak-home-all-plans { position: relative; z-index: 1; margin-top: 18px; border-top: 1px solid rgba(99, 139, 230, .34); }
body.ak-site-body .ak-home-all-plans summary { padding-top: 16px; color: #b9d7ff; cursor: pointer; font-weight: 800; }
body.ak-site-body .ak-home-all-plans .ak-plan-table-wrap { margin-top: 17px; }
body.ak-site-body .ak-home-management { background: #091d4a; }
body.ak-site-body .ak-home-management > .ak-shell { position: relative; z-index: 1; }
body.ak-site-body .ak-home-management h2 { margin: 5px 0 10px; color: #f6f8ff; font-size: 40px; }
body.ak-site-body .ak-home-management .ak-section-lead { max-width: 560px; }
body.ak-site-body .ak-home-management .ak-mock-panel { border-color: rgba(83, 135, 238, .64); background: #091a43; }
body.ak-site-body .ak-home-network { padding-top: 54px; padding-bottom: 54px; background: #071638; }
body.ak-site-body .ak-home-network-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 28px; }
body.ak-site-body .ak-home-network h2 { margin: 5px 0 10px; color: #f6f8ff; font-size: 40px; line-height: 1.16; }
body.ak-site-body .ak-home-network p { max-width: 480px; margin: 0; color: #aebddd; }
body.ak-site-body .ak-home-network-grid > img { display: block; width: 100%; max-height: 250px; object-fit: contain; filter: drop-shadow(0 15px 18px rgba(0, 0, 0, .3)); }
body.ak-site-body .ak-home-node-list { display: grid; gap: 7px; margin-top: 20px; color: #a7d9ff; font-size: 12px; font-weight: 800; }
body.ak-site-body .ak-home-node-list span { padding-left: 15px; position: relative; }
body.ak-site-body .ak-home-node-list span::before { content: ""; position: absolute; left: 0; top: .65em; width: 6px; height: 6px; border-radius: 50%; background: #63e8ff; box-shadow: 0 0 10px #63e8ff; }
body.ak-site-body .ak-home-steps { padding-top: 60px; background: #071638; }
body.ak-site-body .ak-home-steps .ak-steps { position: relative; z-index: 1; }
body.ak-site-body .ak-home-faq { background: #091d4a; }
body.ak-site-body .ak-home-faq-heading { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
body.ak-site-body .ak-home-faq-heading h2 { margin: 4px 0 0; color: #f6f8ff; font-size: 40px; }
body.ak-site-body .ak-home-faq-heading img { width: 220px; max-height: 165px; object-fit: contain; object-position: right center; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .28)); }
body.ak-site-body .ak-home-faq .ak-faq { position: relative; z-index: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.ak-site-body .ak-home-faq .ak-faq details { border-color: rgba(100, 157, 255, .6); background: rgba(17, 35, 78, .92); box-shadow: 0 10px 24px rgba(0, 0, 0, .12); }
body.ak-site-body .ak-home-faq .ak-faq details[open] { border-color: rgba(151, 164, 255, .85); background: #142b5c; }
body.ak-site-body .ak-home-contact { position: relative; z-index: 1; margin: 22px 0 0; color: #aebddd; font-size: 13px; }
body.ak-site-body .ak-home-contact a { margin-left: 8px; color: #f3a6ea; font-weight: 800; }
body.ak-site-body .ak-home-mobile-break { display: none; }

@media (max-width: 1040px) {
  body.ak-site-body .ak-home-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(350px, .75fr); }
  body.ak-site-body .ak-home-hero-art img { right: -92px; width: 650px; }
  body.ak-site-body .ak-home-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ak-site-body .ak-home-games .ak-game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  body.ak-site-body .ak-home-hero-grid { grid-template-columns: 1fr; min-height: auto; }
  /* Keep the primary actions above the decorative mascot on touch layouts. */
  body.ak-site-body .ak-home-hero-copy { padding: 58px 0 18px; z-index: 4; }
  body.ak-site-body .ak-home-hero-art { min-height: 420px; z-index: 1; pointer-events: none; }
  body.ak-site-body .ak-home-hero-art img { right: 50%; transform: translateX(50%); bottom: -34px; width: 520px; }
  body.ak-site-body .ak-home-hero-art::after { right: 50%; transform: translate(50%, -50%); width: 390px; height: 390px; }
  body.ak-site-body .ak-home-hero-stamp { right: calc(50% - 180px); top: 18px; }
}
@media (max-width: 760px) {
  body.ak-site-body .ak-home-section { padding: 54px 0; }
  body.ak-site-body .ak-home-hero h1 { font-size: 40px; }
  body.ak-site-body .ak-home-section-head h2,
  body.ak-site-body .ak-home-management h2,
  body.ak-site-body .ak-home-network h2,
  body.ak-site-body .ak-home-faq-heading h2 { font-size: 31px; }
  body.ak-site-body .ak-home-section-head { display: block; }
  body.ak-site-body .ak-home-section-link { display: inline-block; margin-top: 14px; }
  body.ak-site-body .ak-home-games .ak-game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.ak-site-body .ak-home-pack-grid, body.ak-site-body .ak-home-plan-grid { grid-template-columns: 1fr; }
  body.ak-site-body .ak-home-network-grid { grid-template-columns: 1fr; gap: 12px; }
  body.ak-site-body .ak-home-network-grid > img { max-height: 190px; order: -1; }
  body.ak-site-body .ak-home-faq-heading { align-items: start; }
  body.ak-site-body .ak-home-faq-heading img { width: 145px; max-height: 120px; }
}
@media (max-width: 520px) {
  body.ak-site-body .ak-site-nav { position: relative; justify-content: space-between; }
  body.ak-site-body .ak-menu-toggle { display: grid !important; place-items: center; visibility: visible !important; opacity: 1 !important; position: absolute; top: 11px; right: 0; width: 46px; min-width: 46px; height: 44px; flex: 0 0 46px; }
  body.ak-site-body .ak-home-mobile-break { display: inline; }
  body.ak-site-body .ak-home-hero h1 { font-size: 31px; line-height: 1.12; }
  body.ak-site-body .ak-home-hero-copy > p { font-size: 16px; }
  body.ak-site-body .ak-home-hero-art { min-height: 400px; }
  body.ak-site-body .ak-home-hero-art img { top: 10px; bottom: auto; width: 390px; }
  body.ak-site-body .ak-home-hero-stamp { right: 8px; top: 4px; max-width: 160px; padding: 10px 12px; }
  body.ak-site-body .ak-home-service-grid { grid-template-columns: 1fr; }
  body.ak-site-body .ak-home-games .ak-game-grid { grid-template-columns: 1fr 1fr; }
  body.ak-site-body .ak-home-faq-heading { padding-right: 4px; }
  body.ak-site-body .ak-home-faq-heading img { width: 110px; max-height: 96px; }
}

.ak-site-brand {
  width: auto;
  min-width: 150px;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  font-weight: 800;
}
.ak-site-brand img {
  width: 40px;
  height: 40px;
  max-height: 40px;
  flex: none;
  padding: 2px;
  border-radius: 6px;
  background: #f5f7fa;
  object-fit: contain;
}
.ak-hero::after,
.ak-hero-art::before { display: none; }
.ak-plan-table-wrap { margin-top: 4px; }
.ak-plan-comparison { min-width: 760px; }
.ak-plan-comparison th:first-child { min-width: 220px; }
.ak-plan-comparison th small,
.ak-plan-comparison td small,
.ak-plan-comparison td span,
.ak-plan-comparison tbody th small {
  display: block;
  margin-top: 3px;
  color: var(--ak-muted);
  font-size: 12px;
  font-weight: 500;
  white-space: normal;
}
.ak-plan-comparison tbody th { min-width: 220px; }
.ak-plan-comparison tbody th a { text-decoration: none; }
.ak-plan-comparison tbody th a:hover { text-decoration: underline; }
.ak-plan-comparison tbody tr:hover { background: rgba(255,255,255,.035); }
.ak-plan-comparison .ak-comparison-price { min-width: 122px; }
.ak-plan-comparison .ak-comparison-price strong {
  color: var(--ak-text);
  font-size: 16px;
  white-space: nowrap;
}
.ak-plan-comparison .ak-comparison-price small {
  display: inline;
  margin-left: 5px;
}
.ak-plan-comparison .ak-comparison-price span {
  color: #ffb1bb;
  white-space: nowrap;
}
.ak-purchase-check { margin-top: 18px; }
.ak-credential-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.ak-credential {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ak-line);
  border-radius: 8px;
  background: var(--ak-surface);
}
.ak-credential > a { display: grid; place-items: center; padding: 12px; background: #fff; }
.ak-credential img {
  display: block;
  width: 100%;
  height: 420px;
  object-fit: contain;
}
.ak-credential figcaption {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 14px 16px;
  color: var(--ak-muted);
}
.ak-credential figcaption strong { color: var(--ak-text); }
.ak-site-footer-bottom > span:nth-child(2) { display: flex; flex-wrap: wrap; gap: 8px; }
.ak-site-footer-bottom > span:nth-child(2) a { color: #dce2ea; }
.ak-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
}

body.ak-site-body .ak-game-switch-inner {
  min-width: 0;
}
body.ak-site-body .ak-game-switch a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.catalog-clear {
  min-height: 46px;
  border: 1px solid var(--ak-line);
  border-radius: 9px;
  background: var(--ak-surface);
  color: var(--ak-text);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.catalog-clear:hover:not(:disabled),
.catalog-clear:focus-visible {
  border-color: var(--ak-red-light);
  background: var(--ak-red);
  color: #fff;
}
.catalog-clear:disabled {
  cursor: not-allowed;
  opacity: .5;
}
@media (max-width: 900px) {
  .ak-hero-art { order: 1; min-height: 220px; }
}
@media (max-width: 600px) {
  .ak-site-brand { min-width: 0; gap: 8px; font-size: 14px; }
  .ak-site-brand img { width: 36px; height: 36px; max-height: 36px; }
  .ak-hero-grid { gap: 14px; padding-top: 38px; padding-bottom: 38px; }
  .ak-hero-art { min-height: 0; margin-top: 8px; }
  .ak-hero-art img { max-height: 270px; width: min(100%, 390px); }
  .ak-hero h1 { font-size: 42px; }
  .ak-hero-actions { margin-top: 22px; }
  .ak-credential-grid { grid-template-columns: 1fr; }
  .ak-credential img { height: auto; max-height: 650px; }
  .ak-site-footer-bottom { display: grid; }
}

body.ak-site-body .spec-table {
  color: var(--ak-text);
  background: var(--ak-surface);
  border: 1px solid var(--ak-line);
  border-radius: 8px;
  box-shadow: none;
}
body.ak-site-body .spec-table th,
body.ak-site-body .spec-table td {
  border-bottom-color: var(--ak-line-soft);
}
body.ak-site-body .spec-table th {
  color: var(--ak-text);
  background: var(--ak-surface-strong);
}
body.ak-site-body .spec-table td {
  color: var(--ak-muted);
  background: transparent;
}
body.ak-site-body .spec-table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.025);
}

body.ak-site-body #deployment .spec-table {
  border-color: var(--ak-line);
}
body.ak-site-body #deployment .spec-table th,
body.ak-site-body #deployment .spec-table td {
  border-bottom-color: var(--ak-line-soft);
}
body.ak-site-body #deployment .spec-table td {
  color: #e2e8f0;
  font-weight: 500;
}
body.ak-site-body #deployment .spec-table th:nth-child(2),
body.ak-site-body #deployment .spec-table td:nth-child(2) {
  min-width: 88px;
  white-space: nowrap;
}
body.ak-site-body #deployment .spec-table tbody tr:nth-child(even) td {
  background: rgba(255,255,255,.035);
}

.ak-catalog-filter-shortcut {
  position: fixed;
  z-index: 30;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--ak-red-light);
  border-radius: 6px;
  background: var(--ak-red);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 22px rgba(0,0,0,.42);
}
.ak-catalog-filter-shortcut:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.ak-catalog-filter-shortcut[hidden] { display: none; }
body.ak-site-body #modpack-catalog,
body.ak-site-body #packSearch,
body.ak-site-body #games,
body.ak-site-body #plans,
body.ak-site-body #deployment,
body.ak-site-body #dedicated-plans { scroll-margin-top: 126px; }


.ak-plan-mobile-list { display: none; }
@media (max-width: 600px) {
  .ak-plan-table-wrap { display: none; }
  .ak-plan-mobile-list { display: grid; gap: 12px; }
  .ak-plan-mobile-card { min-width: 0; padding: 16px; border: 1px solid var(--ak-line); border-radius: 8px; background: var(--ak-surface); }
  .ak-plan-mobile-card h3 { margin: 0; font-size: 18px; }
  .ak-plan-mobile-card h3 a { color: var(--ak-text); text-decoration: none; }
  .ak-plan-mobile-card p { margin: 4px 0 12px; color: var(--ak-muted); font-size: 12px; }
  .ak-plan-mobile-terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ak-plan-mobile-term { min-width: 0; padding: 10px; border: 1px solid var(--ak-line-soft); border-radius: 6px; background: rgba(255,255,255,.025); }
  .ak-plan-mobile-term span, .ak-plan-mobile-term small { display: block; color: var(--ak-muted); font-size: 12px; }
  .ak-plan-mobile-term strong { display: block; margin: 4px 0; color: var(--ak-text); font-size: 16px; white-space: nowrap; }
}

.ak-mobile-quick-actions { display: none; }
.ak-dedicated-filter { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.ak-dedicated-filter button { min-height: 44px; padding: 9px 18px; border: 1px solid var(--ak-line); border-radius: 9px; background: var(--ak-surface); color: var(--ak-muted); font: inherit; font-weight: 800; cursor: pointer; }
.ak-dedicated-filter button:hover, .ak-dedicated-filter button.is-active { border-color: var(--ak-red-light); background: var(--ak-red); color: #fff; }
.ak-dedicated-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ak-dedicated-card { min-width: 0; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: var(--ak-surface); box-shadow: 0 8px 28px rgba(0,0,0,.16); }
.ak-dedicated-card[hidden] { display: none; }
.ak-dedicated-card h3 { margin: 0 0 4px; color: var(--ak-text); font-size: 22px; }
.ak-dedicated-price { margin: 8px 0 16px; color: var(--ak-text); font-size: 28px; font-weight: 900; line-height: 1.15; }
.ak-dedicated-price small { color: var(--ak-muted); font-size: 13px; font-weight: 600; }
.ak-dedicated-specs { display: grid; gap: 8px; margin: 0 0 20px; }
.ak-dedicated-specs div { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--ak-line-soft); }
.ak-dedicated-specs dt { color: var(--ak-dim); font-size: 12px; }
.ak-dedicated-specs dd { margin: 0; color: var(--ak-muted); font-size: 13px; }
.ak-dedicated-card .ak-btn { width: 100%; margin-top: auto; }
@media (max-width: 900px) {
  .ak-dedicated-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.ak-site-body { padding-bottom: 70px; }
  .ak-mobile-quick-actions { position: fixed; z-index: 1100; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); left: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px; border: 1px solid var(--ak-line); border-radius: 12px; background: rgba(6,18,48,.96); box-shadow: 0 12px 30px rgba(0,0,0,.42); backdrop-filter: blur(14px); opacity: 0; transform: translateY(calc(100% + 20px)); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
  .ak-mobile-quick-actions.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .ak-mobile-quick-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--ak-line); border-radius: 8px; color: var(--ak-text); font-weight: 800; text-decoration: none; }
  .ak-mobile-quick-actions .ak-mobile-quick-primary { border-color: var(--ak-red); background: var(--ak-red); color: #fff; }
  .ak-dedicated-grid { grid-template-columns: 1fr; }
}

.ak-about-intro { align-items: center; }
.ak-about-visual { margin: 0; padding: 12px; border: 1px solid var(--ak-line); border-radius: 8px; background: var(--ak-surface); }
.ak-about-visual img { display: block; width: 100%; border-radius: 6px; object-fit: cover; }
.ak-about-visual figcaption { padding: 12px 4px 0; color: var(--ak-muted); font-size: 13px; }
.ak-about-list { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.ak-about-list li { display: grid; gap: 2px; padding: 14px 16px; border-left: 3px solid var(--ak-red); background: var(--ak-surface); }
.ak-about-list strong { color: var(--ak-text); }
.ak-about-list span { color: var(--ak-muted); font-size: 14px; }

@media (prefers-reduced-motion: reduce) {
  .ak-mobile-quick-actions { transition: none; }
}

/* 2026-10-16 layout fixes: hero overlap, plan card art, game grid, credentials */
@media (min-width: 901px) and (max-width: 1180px) {
  body.ak-site-body .ak-home-hero-copy { z-index: 4; }
  body.ak-site-body .ak-home-hero h1 { font-size: clamp(40px, 4.6vw, 52px); }
  body.ak-site-body .ak-home-hero-art img { right: -60px; width: 560px; }
  body.ak-site-body .ak-home-hero-stamp { top: 64px; }
}
body.ak-site-body .ak-home-plan-copy { padding-right: 92px; }
body.ak-site-body .ak-home-plan img { right: 2px; bottom: 14px; width: 104px; height: 140px; }
body.ak-site-body .ak-home-games .ak-game-card { background-image: linear-gradient(180deg, rgba(5, 18, 48, .58), rgba(5, 16, 43, .97) 78%), var(--ak-game-image); }
body.ak-site-body .ak-home-games .ak-game-card h3 { text-shadow: 0 2px 10px rgba(0, 0, 0, .55); }
@media (max-width: 1040px) {
  /* 7 cards: let Minecraft span two columns so the 4- and 2-column grids end on a full row. */
  body.ak-site-body .ak-home-games .ak-game-card:first-child { grid-column: span 2; }
}
body.ak-site-body #company-credentials { background: #081a45; }
body.ak-site-body #company-credentials .ak-credential img { width: 100%; height: 380px; object-fit: contain; background: rgba(255, 255, 255, .04); }
@media (max-width: 600px) {
  body.ak-site-body #company-credentials .ak-credential img { height: 280px; }
  body.ak-site-body .ak-home-plan-copy { padding-right: 80px; }
}

/* ===== Theme switch (浅色云控制台 / 深色电竞模式) ===== */
.ak-theme-switch { display: inline-flex; flex: none; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--ak-line); border-radius: 999px; background: var(--ak-surface); }
.ak-theme-switch button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 30px; padding: 3px 11px; border: 0; border-radius: 999px; background: transparent; color: var(--ak-muted); font: inherit; font-size: 13px; font-weight: 700; line-height: 1.3; white-space: nowrap; cursor: pointer; transition: background .18s, color .18s; }
.ak-theme-switch button:hover { color: var(--ak-text); }
.ak-theme-switch button[aria-pressed="true"] { background: var(--ak-red); color: #fff; }
.ak-theme-icon { font-size: 14px; line-height: 1; }
.ak-theme-switch-compact { display: none; }
.ak-theme-switch-compact .ak-theme-label { display: none; }
.ak-theme-switch-compact button { min-width: 38px; min-height: 36px; padding: 4px 8px; }
@media (max-width: 1149px) {
  /* Not enough room next to the menu for both labels: keep the icons, names stay in aria-label/title. */
  .ak-theme-switch-nav .ak-theme-label { display: none; }
  .ak-theme-switch-nav button { min-width: 34px; padding: 3px 8px; }
}
@media (max-width: 900px) {
  .ak-theme-switch-compact { display: inline-flex; margin-left: auto; }
  /* .ak-site-nav has gap: 30px; pull the hamburger back so the pair reads as one group. */
  .ak-theme-switch-compact + .ak-menu-toggle { margin-left: -20px; }
}
@media (max-width: 520px) {
  /* The hamburger is absolutely positioned at right:0 (46px wide) on phones. */
  body.ak-site-body .ak-theme-switch-compact { margin-right: 56px; }
}
@media (prefers-reduced-motion: reduce) { .ak-theme-switch button { transition: none; } }

/* ===== 2026-10-16 UI pass ===== */
/* Nav, topbar and footer links lost to `body.ak-site-body a` (pink) through specificity. */
body.ak-site-body .ak-site-topbar a { color: var(--ak-muted); }
body.ak-site-body .ak-site-topbar a:hover { color: var(--ak-text); }
body.ak-site-body .ak-site-menu a { color: #dbe4f7; }
body.ak-site-body .ak-site-menu a:hover,
body.ak-site-body .ak-site-menu a[aria-current="page"] { color: #fff; }
body.ak-site-body .ak-site-menu a[aria-current="page"]:not(.ak-site-cta):not(.ak-site-login) { box-shadow: inset 0 -2px 0 var(--ak-red-light); padding-bottom: 4px; }
body.ak-site-body .ak-site-menu .ak-site-cta,
body.ak-site-body .ak-site-menu .ak-site-cta:hover { color: #fff; }
body.ak-site-body .ak-site-mobile a { color: #dbe4f7; }
body.ak-site-body .ak-site-mobile a:hover,
body.ak-site-body .ak-site-mobile a[aria-current="page"] { color: #fff; }
body.ak-site-body .ak-site-footer a { color: var(--ak-muted); }
body.ak-site-body .ak-site-footer a:hover { color: #fff; }

body.ak-site-body .ak-site-brand,
body.ak-site-body .ak-site-brand:hover { color: #fff; }
html[data-theme="light"] body.ak-site-body .ak-site-brand { color: #111827; }

/* Logo: white wordmark on dark, original black on light; no white tile behind it. */
.ak-site-brand .ak-logo-on-light { display: none; }
.ak-site-brand img.ak-logo-on-dark { padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
html[data-theme="light"] .ak-site-brand .ak-logo-on-dark { display: none; }
html[data-theme="light"] .ak-site-brand .ak-logo-on-light { display: block; }
html[data-theme="light"] .ak-site-brand img.ak-logo-on-light { padding: 0; background: transparent; box-shadow: none; }

/* Product page heroes get the homepage's star field. */
.ak-page-hero::before,
body.ak-site-body .ak-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .13; background-image: radial-gradient(circle, #dce7ff 0 1px, transparent 1.5px), radial-gradient(circle, #8bb8ff 0 1px, transparent 1.4px); background-size: 56px 60px, 93px 84px; background-position: 0 0, 20px 14px; }
.ak-page-hero > .ak-shell,
body.ak-site-body .ak-hero > * { position: relative; z-index: 1; }
html[data-theme="light"] .ak-page-hero::before,
html[data-theme="light"] body.ak-site-body .ak-hero::before { opacity: .5; background-image: radial-gradient(circle, #c9d4ea 0 1px, transparent 1.5px), radial-gradient(circle, #d6def0 0 1px, transparent 1.4px); }

/* Product pages built on minecraft-seo.css / game-pages.css / discovery.css used a teal-black palette. */
body.ak-site-body .ak-game-page .ak-hero { background: radial-gradient(ellipse at 80% 15%, var(--game-glow), transparent 52%), radial-gradient(circle at 78% 20%, rgba(87,57,190,.32), transparent 32%), linear-gradient(135deg, #070d24 0%, #0c1c4a 58%, #130b32 100%); }
body.ak-site-body .ak-game-switch { background: var(--ak-bg-soft); border-color: var(--ak-line-soft); }
body.ak-site-body .ak-game-switch a { color: #dbe4f7; border-color: var(--ak-line); }
body.ak-site-body .ak-game-switch a:hover { color: #fff; border-color: #93aaff; }
body.ak-site-body .ak-game-switch a[aria-current="page"] { background: var(--ak-red); border-color: var(--ak-red-light); color: #fff; }
body.ak-site-body .badge { border-color: var(--ak-line); background: rgba(255,255,255,.05); color: #dbe4f7; }
body.ak-site-body .cta.secondary { border-color: #4d6cb3; }
body.ak-site-body .crumb, body.ak-site-body .crumb a { color: var(--ak-muted); }
body.ak-site-body .step:before { background: var(--ak-red); }
body.ak-site-body .ak-discovery-links { background: var(--ak-bg-soft); border-top-color: var(--ak-line-soft); }
body.ak-site-body .ak-guide-nav { background: var(--ak-bg-soft); }
body.ak-site-body .steam-card-top,
body.ak-site-body .steam-card small { color: var(--ak-muted); }

/* Price table: the yearly column is the cheapest per month, so give it the emphasis. */
.ak-plan-comparison thead th:nth-child(5),
.ak-plan-comparison tbody td:nth-child(5) { background: rgba(201, 45, 68, .1); }
.ak-plan-comparison thead th:nth-child(5)::after { content: "最省"; display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--ak-red); color: #fff; font-size: 11px; font-weight: 800; vertical-align: 1px; }
.ak-plan-comparison tbody td:nth-child(5) strong { color: #fff; }
html[data-theme="light"] .ak-plan-comparison thead th:nth-child(5),
html[data-theme="light"] .ak-plan-comparison tbody td:nth-child(5) { background: #fdf3f5; }
html[data-theme="light"] .ak-plan-comparison tbody td:nth-child(5) strong { color: #111827; }

/* Homepage plan cards: yearly price under the monthly one. */
body.ak-site-body .ak-home-plan-save { margin-top: 4px; color: #f3a6ea; font-size: 12px; font-weight: 700; }
html[data-theme="light"] body.ak-site-body .ak-home-plan-save { color: #b3263c; }
html[data-theme="light"] body.ak-site-body .ak-home-plan-price { font-size: 32px; }

/* Four items in a three-column grid left one card alone on the last row. */
@media (min-width: 1101px) {
  .ak-plan-grid:has(> :nth-child(4):last-child),
  .ak-game-grid:not(.ak-home-games .ak-game-grid):has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 601px) and (max-width: 1100px) {
  .ak-plan-grid:has(> :nth-child(4):last-child),
  .ak-game-grid:not(.ak-home-games .ak-game-grid):has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== 浅色云控制台: light theme, applied via <html data-theme="light"> ===== */
html[data-theme="light"] {
  --ak-bg: #f5f7fb;
  --ak-bg-soft: #eef2f8;
  --ak-surface: #ffffff;
  --ak-surface-strong: #f1f4f9;
  --ak-line: #dde3ec;
  --ak-line-soft: #e8ecf3;
  --ak-text: #111827;
  --ak-muted: #4b5565;
  --ak-dim: #6b7585;
  --ak-red: #c92d44;
  --ak-red-light: #b3263c;
  --ak-red-dark: #8f1e31;
  --ak-green: #15803d;
  --ak-shadow: 0 18px 44px rgba(15, 23, 42, .08);
  --ak-blue: #2563eb;
  color-scheme: light;
}
/* :where() keeps base link colours at the original specificity so button/CTA colours still win. */
:where(html[data-theme="light"]) body.ak-site-body a { color: #b3263c; }
:where(html[data-theme="light"]) body.ak-site-body a:hover { color: #8f1e31; }
html[data-theme="light"] body.ak-site-body :focus-visible { outline-color: #2563eb; }
html[data-theme="light"] body.ak-site-body ::selection { background: rgba(37, 99, 235, .18); color: #111827; }

/* Header, mobile menu, footer */
html[data-theme="light"] .ak-site-header { background: rgba(255, 255, 255, .92); border-bottom-color: rgba(15, 23, 42, .08); box-shadow: 0 1px 0 rgba(15, 23, 42, .02), 0 8px 24px rgba(15, 23, 42, .04); }
html[data-theme="light"] .ak-site-topbar { border-bottom-color: rgba(15, 23, 42, .06); background: #f8fafc; }
html[data-theme="light"] body.ak-site-body .ak-site-topbar a { color: var(--ak-muted); }
html[data-theme="light"] body.ak-site-body .ak-site-topbar a:hover { color: var(--ak-text); }
html[data-theme="light"] body.ak-site-body .ak-site-brand { color: #111827; }
html[data-theme="light"] .ak-site-brand img { box-shadow: 0 0 0 1px #e2e7ef; background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-site-menu a { color: #374151; }
html[data-theme="light"] body.ak-site-body .ak-site-menu a:hover,
html[data-theme="light"] body.ak-site-body .ak-site-menu a[aria-current="page"] { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-site-menu .ak-site-cta { color: #fff; }
html[data-theme="light"] body.ak-site-body .ak-site-menu .ak-site-cta:hover { background: #b3263c; }
html[data-theme="light"] .ak-menu-toggle { color: #111827; }
html[data-theme="light"] .ak-site-mobile { background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-site-mobile a { color: #374151; }
html[data-theme="light"] body.ak-site-body .ak-site-mobile a:hover,
html[data-theme="light"] body.ak-site-body .ak-site-mobile a[aria-current="page"] { background: #f1f4f9; color: #111827; }
html[data-theme="light"] .ak-site-footer { background: #eef2f8; }
html[data-theme="light"] .ak-site-footer h2,
html[data-theme="light"] .ak-site-footer h3 { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-site-footer a { color: var(--ak-muted); }
html[data-theme="light"] body.ak-site-body .ak-site-footer a:hover { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-site-footer-bottom a,
html[data-theme="light"] body.ak-site-body .ak-site-footer-bottom > span:nth-child(2) a { color: #4b5565; }

/* Shared components */
html[data-theme="light"] body.ak-site-body .ak-hero,
html[data-theme="light"] body.ak-site-body .ak-page-hero { color: var(--ak-text); background: radial-gradient(circle at 80% 12%, rgba(37, 99, 235, .10), transparent 36%), radial-gradient(circle at 10% 90%, rgba(201, 45, 68, .07), transparent 32%), linear-gradient(145deg, #f8faff, #eef3fb); }
html[data-theme="light"] body.ak-site-body .ak-hero h1 { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-hero p { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-kicker { color: #b3263c; }
html[data-theme="light"] .ak-hero-art img { filter: drop-shadow(0 18px 28px rgba(15, 23, 42, .16)); }
html[data-theme="light"] .ak-btn-secondary { border-color: #c9d1dd; background: #fff; color: #111827 !important; }
html[data-theme="light"] .ak-btn-secondary:hover { border-color: #94a3b8; background: #f8fafc; }
html[data-theme="light"] .ak-card,
html[data-theme="light"] .ak-dedicated-card { background: #fff; box-shadow: 0 6px 22px rgba(15, 23, 42, .05); }
html[data-theme="light"] .ak-card:hover { border-color: #b6c0ce; }
html[data-theme="light"] body.ak-site-body .ak-card .ak-card-kicker { color: #b3263c; }
html[data-theme="light"] body.ak-site-body .ak-card-link { color: #b3263c !important; }
html[data-theme="light"] body.ak-site-body .ak-card-link:hover { color: #8f1e31 !important; }
html[data-theme="light"] .ak-icon { color: #b3263c; background: rgba(201, 45, 68, .08); border-color: rgba(201, 45, 68, .3); }
html[data-theme="light"] .ak-plan-price { color: #111827; }
html[data-theme="light"] .ak-plan-card.ak-featured { box-shadow: 0 0 0 1px rgba(201, 45, 68, .2), 0 16px 40px rgba(201, 45, 68, .08); }
html[data-theme="light"] .ak-status { color: #166534; background: rgba(22, 163, 74, .08); border-color: rgba(22, 163, 74, .28); }
html[data-theme="light"] .ak-status-manual { color: #92400e; background: rgba(217, 119, 6, .08); border-color: rgba(217, 119, 6, .3); }
html[data-theme="light"] .ak-status-unknown { color: #475569; background: rgba(100, 116, 139, .08); border-color: rgba(100, 116, 139, .28); }
html[data-theme="light"] .ak-note { background: #fdf3f5; }
html[data-theme="light"] .ak-game-kind { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-game-footer a { color: #b3263c !important; }
html[data-theme="light"] body.ak-site-body .ak-game-footer .ak-game-purchase { color: #1d4ed8 !important; }
html[data-theme="light"] .ak-mock-panel { background: #fff; }
html[data-theme="light"] .ak-mock-top { background: #f1f4f9; }
html[data-theme="light"] .ak-mock-dots span { background: #c4ccd8; }
html[data-theme="light"] .ak-mock-nav { background: #f8fafc; }
html[data-theme="light"] .ak-mock-nav span:first-child { color: #b3263c; background: rgba(201, 45, 68, .08); }
html[data-theme="light"] .ak-mock-status strong,
html[data-theme="light"] .ak-faq summary,
html[data-theme="light"] .ak-data-table th { color: #111827; }
html[data-theme="light"] .ak-data-table th { background: #f1f4f9; }
html[data-theme="light"] body.ak-site-body .ak-data-table a { color: #b3263c; }
html[data-theme="light"] .ak-plan-comparison tbody tr:hover { background: rgba(15, 23, 42, .03); }
html[data-theme="light"] .ak-plan-comparison .ak-comparison-price span { color: #b3263c; }
html[data-theme="light"] .ak-plan-mobile-term { background: #f8fafc; }
html[data-theme="light"] .ak-catalog-filter-shortcut { box-shadow: 0 8px 22px rgba(15, 23, 42, .18); }
html[data-theme="light"] .ak-catalog-filter-shortcut:focus-visible { outline-color: #111827; }
@media (max-width: 600px) {
  html[data-theme="light"] .ak-mobile-quick-actions { background: rgba(255, 255, 255, .96); box-shadow: 0 12px 30px rgba(15, 23, 42, .14); }
}
html[data-theme="light"] body.ak-site-body .spec-table tbody tr:nth-child(even) td { background: #f8fafc; }
html[data-theme="light"] body.ak-site-body #deployment .spec-table { border-color: var(--ak-line); }
html[data-theme="light"] body.ak-site-body #deployment .spec-table th,
html[data-theme="light"] body.ak-site-body #deployment .spec-table td { border-bottom-color: var(--ak-line-soft); }
html[data-theme="light"] body.ak-site-body #deployment .spec-table td { color: #1f2937; }
html[data-theme="light"] body.ak-site-body #deployment .spec-table tbody tr:nth-child(even) td { background: #f8fafc; }

/* Product/guide pages (minecraft-seo.css, game-pages.css, discovery.css) */
html[data-theme="light"] body.ak-site-body .pack-card .pack-meta span,
html[data-theme="light"] body.ak-site-body .related a { color: #9f1f33; background: rgba(201, 45, 68, .08); }
html[data-theme="light"] body.ak-site-body .sub__banner--wrapper { background-image: linear-gradient(90deg, rgba(245, 247, 251, .96), rgba(245, 247, 251, .72)); }
html[data-theme="light"] body.ak-site-body .sub__banner--wrapper .sub__banner--main h1.ak-page-title { color: #111827; }
html[data-theme="light"] body.ak-site-body .badge { border-color: #d4dbe5; background: #fff; color: #374151; }
html[data-theme="light"] body.ak-site-body .crumb { color: #6b7585; }
html[data-theme="light"] body.ak-site-body .crumb a { color: #374151; }
html[data-theme="light"] body.ak-site-body .cta.secondary { border-color: #c9d1dd; background: #fff; color: #111827; }
html[data-theme="light"] body.ak-site-body .modpack-hero-note { color: #374151; }
html[data-theme="light"] body.ak-site-body .step:before { background: var(--ak-red); }
html[data-theme="light"] body.ak-site-body .ak-game-switch { background: #fff; border-color: var(--ak-line); }
html[data-theme="light"] body.ak-site-body .ak-game-switch a { color: #374151; border-color: #d4dbe5; }
html[data-theme="light"] body.ak-site-body .ak-game-switch a:hover { border-color: #2563eb; color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-game-switch a[aria-current="page"] { background: #2563eb; border-color: #2563eb; color: #fff; }
html[data-theme="light"] body.ak-site-body .ak-game-page .ak-hero { background: radial-gradient(ellipse at 80% 15%, var(--game-glow), transparent 52%), linear-gradient(145deg, #f8faff, #eef3fb); }
html[data-theme="light"] body.ak-site-body .ak-game-page .game-note { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-game-page .game-note a { color: #1d4ed8; }
html[data-theme="light"] body.ak-site-body .ak-discovery-links { background: #eef2f8; color: #374151; border-top-color: var(--ak-line); }
html[data-theme="light"] body.ak-site-body .ak-discovery-links a { color: #374151; }
html[data-theme="light"] body.ak-site-body .ak-guide-nav { background: #eef2f8; color: #1f2937; }

/* Homepage: neon store → clean cloud console */
html[data-theme="light"] body.ak-site-body .ak-home-hero {
  color: #111827;
  background:
    radial-gradient(circle at 76% 22%, rgba(124, 108, 255, .16), transparent 30%),
    radial-gradient(circle at 10% 78%, rgba(37, 99, 235, .09), transparent 32%),
    linear-gradient(135deg, #f8faff 0%, #eef3ff 55%, #f5f1ff 100%);
  border-bottom-color: rgba(37, 99, 235, .14);
}
html[data-theme="light"] body.ak-site-body .ak-home-hero::before,
html[data-theme="light"] body.ak-site-body .ak-home-section::before { opacity: .5; background-image: radial-gradient(circle, #c9d4ea 0 1px, transparent 1.5px), radial-gradient(circle, #d6def0 0 1px, transparent 1.4px); }
html[data-theme="light"] body.ak-site-body .ak-home-hero h1 { color: #111827; text-shadow: none; }
html[data-theme="light"] body.ak-site-body .ak-home-hero h1 span { color: #c92d44; text-shadow: none; }
html[data-theme="light"] body.ak-site-body .ak-home-hero-copy > p { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-home-hero-links a { color: #1d4ed8; }
html[data-theme="light"] body.ak-site-body .ak-home-hero-links a:hover { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-home-hero-art::after { background: radial-gradient(circle, rgba(124, 108, 255, .22), rgba(37, 99, 235, .06) 46%, transparent 69%); }
html[data-theme="light"] body.ak-site-body .ak-home-hero-art img { filter: drop-shadow(0 22px 26px rgba(15, 23, 42, .22)); }
html[data-theme="light"] body.ak-site-body .ak-home-hero-stamp { color: #111827; border-color: #c7d2fe; background: rgba(255, 255, 255, .92); box-shadow: 0 13px 30px rgba(15, 23, 42, .1); }
html[data-theme="light"] body.ak-site-body .ak-home-hero-stamp strong { color: #1d4ed8; }
html[data-theme="light"] body.ak-site-body .ak-home-hero-stamp span { color: #4b5565; }

html[data-theme="light"] body.ak-site-body .ak-home-section { color: #111827; background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-home-services,
html[data-theme="light"] body.ak-site-body .ak-home-modpacks,
html[data-theme="light"] body.ak-site-body #company-credentials,
html[data-theme="light"] body.ak-site-body .ak-home-management,
html[data-theme="light"] body.ak-site-body .ak-home-faq { background: #f5f7fb; }
html[data-theme="light"] body.ak-site-body .ak-home-games,
html[data-theme="light"] body.ak-site-body .ak-home-pricing,
html[data-theme="light"] body.ak-site-body .ak-home-network,
html[data-theme="light"] body.ak-site-body .ak-home-steps { background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-home-section-head h2,
html[data-theme="light"] body.ak-site-body .ak-home-management h2,
html[data-theme="light"] body.ak-site-body .ak-home-network h2,
html[data-theme="light"] body.ak-site-body .ak-home-faq-heading h2 { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-home-section-head p,
html[data-theme="light"] body.ak-site-body .ak-home-network p,
html[data-theme="light"] body.ak-site-body .ak-home-contact { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-home-section-link { color: #1d4ed8; }
html[data-theme="light"] body.ak-site-body .ak-home-section-link:hover { color: #111827; }

html[data-theme="light"] body.ak-site-body .ak-home-service,
html[data-theme="light"] body.ak-site-body .ak-home-pack,
html[data-theme="light"] body.ak-site-body .ak-home-plan { color: #111827; border-color: var(--ak-line); background: #fff; box-shadow: 0 6px 22px rgba(15, 23, 42, .05); }
html[data-theme="light"] body.ak-site-body .ak-home-service:hover { border-color: #93a8f5; box-shadow: 0 16px 32px rgba(37, 99, 235, .1); }
html[data-theme="light"] body.ak-site-body .ak-home-service-kind,
html[data-theme="light"] body.ak-site-body .ak-home-pack-label,
html[data-theme="light"] body.ak-site-body .ak-home-plan-label { color: #2563eb; }
html[data-theme="light"] body.ak-site-body .ak-home-service-number { color: rgba(37, 99, 235, .3); }
html[data-theme="light"] body.ak-site-body .ak-home-service p,
html[data-theme="light"] body.ak-site-body .ak-home-pack p,
html[data-theme="light"] body.ak-site-body .ak-home-plan p { color: #4b5565; }
html[data-theme="light"] body.ak-site-body .ak-home-service-link,
html[data-theme="light"] body.ak-site-body .ak-home-pack a,
html[data-theme="light"] body.ak-site-body .ak-home-contact a { color: #c92d44; }
html[data-theme="light"] body.ak-site-body .ak-home-pack h3,
html[data-theme="light"] body.ak-site-body .ak-home-plan h3,
html[data-theme="light"] body.ak-site-body .ak-home-plan-price { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-home-plan-price small { color: #6b7585; }

html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-card { border-color: var(--ak-line); background-color: #fff; background-image: linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .97) 72%), var(--ak-game-image); box-shadow: 0 6px 22px rgba(15, 23, 42, .06); }
html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-card::before { background: linear-gradient(135deg, rgba(37, 99, 235, .08), transparent 48%); }
html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-card:hover { border-color: #93a8f5; box-shadow: 0 16px 32px rgba(37, 99, 235, .1); }
html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-card h3 { color: #111827; text-shadow: none; }
html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-footer a { color: #c92d44 !important; }
html[data-theme="light"] body.ak-site-body .ak-home-games .ak-game-footer .ak-game-purchase { color: #1d4ed8 !important; }

html[data-theme="light"] body.ak-site-body .ak-home-plan:nth-child(2) { border-color: #c92d44; box-shadow: 0 0 0 1px rgba(201, 45, 68, .14), 0 16px 36px rgba(201, 45, 68, .1); }
html[data-theme="light"] body.ak-site-body .ak-home-plan img { filter: drop-shadow(0 8px 10px rgba(15, 23, 42, .16)); }
html[data-theme="light"] body.ak-site-body .ak-home-plan > a { border-color: #c9d1dd; color: #111827; background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-home-plan:nth-child(2) > a { border-color: #c92d44; background: #c92d44; color: #fff; }
html[data-theme="light"] body.ak-site-body .ak-home-plan-note { border-left-color: #c92d44; color: #4b5565; background: #fdf3f5; }
html[data-theme="light"] body.ak-site-body .ak-home-plan-note strong { color: #111827; }
html[data-theme="light"] body.ak-site-body .ak-home-all-plans { border-top-color: var(--ak-line); }
html[data-theme="light"] body.ak-site-body .ak-home-all-plans summary { color: #1d4ed8; }

html[data-theme="light"] body.ak-site-body .ak-home-management .ak-mock-panel { border-color: var(--ak-line); background: #fff; }
html[data-theme="light"] body.ak-site-body .ak-home-network-grid > img,
html[data-theme="light"] body.ak-site-body .ak-home-faq-heading img { filter: drop-shadow(0 12px 16px rgba(15, 23, 42, .14)); }
html[data-theme="light"] body.ak-site-body .ak-home-node-list { color: #1d4ed8; }
html[data-theme="light"] body.ak-site-body .ak-home-node-list span::before { background: #2563eb; box-shadow: 0 0 8px rgba(37, 99, 235, .45); }
html[data-theme="light"] body.ak-site-body .ak-home-faq .ak-faq details { border-color: var(--ak-line); background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, .04); }
html[data-theme="light"] body.ak-site-body .ak-home-faq .ak-faq details[open] { border-color: #93a8f5; background: #fff; }
html[data-theme="light"] body.ak-site-body #company-credentials .ak-credential img { background: #fff; }

/* Partner page: its inline styles hardcode a light card layout, which left the
   title white-on-white and the CTAs pink-on-blue in the dark theme. Follow theme tokens instead. */
body.ak-site-body .simple-page { background: var(--ak-bg); }
body.ak-site-body .simple-page h1,
body.ak-site-body .simple-card h2,
body.ak-site-body .simple-card h3 { color: var(--ak-text); }
body.ak-site-body .simple-page .text-center p,
body.ak-site-body .simple-card p { color: var(--ak-muted); }
body.ak-site-body .simple-card { border: 1px solid var(--ak-line); background: var(--ak-surface); color: var(--ak-text); box-shadow: 0 8px 28px rgba(0, 0, 0, .16); }
body.ak-site-body .simple-actions .primary-action { background: var(--ak-red); color: #fff; }
body.ak-site-body .simple-actions .primary-action:hover { background: var(--ak-red-light); color: #fff; }
body.ak-site-body .simple-actions .secondary-action { border: 1px solid var(--ak-line); color: var(--ak-text); }
html[data-theme="light"] body.ak-site-body .simple-card { box-shadow: 0 6px 22px rgba(15, 23, 42, .05); }

/* 404 page (inline styles assume a dark page; the site-wide img max-width also overrode its logo cap) */
body.ak-site-body main.wrap .logo { width: 100%; max-width: 270px; }
body.ak-site-body main.wrap .home { color: #111; }
body.ak-site-body main.wrap .support { color: var(--ak-text); }
html[data-theme="light"] body.ak-site-body main.wrap .desc { color: var(--ak-muted); }
html[data-theme="light"] body.ak-site-body main.wrap .logo { box-shadow: 0 0 0 1px var(--ak-line), 0 10px 30px rgba(15, 23, 42, .08); }
html[data-theme="light"] body.ak-site-body main.wrap .home { background: var(--ak-red); color: #fff; }
html[data-theme="light"] body.ak-site-body main.wrap .support { border-color: #c9d1dd; color: var(--ak-text); }

/* Steam catalog filter labels were #375667 on the dark page background. */
body.ak-site-body .steam-controls label { color: var(--ak-muted); }