/* Gaming-Studio homepage: night blue, coral and restrained ice blue. */
body.home-gaming {
  --bg: #0d1928;
  --panel: #14283e;
  --line: #2b4761;
  --text: #f2f6fa;
  --muted: #aec0d0;
  --violet: #df7463;
  --cyan: #8ec8f0;
  background: radial-gradient(circle at 76% 4%, #213a55 0, #0d1928 38%, #091522 100%);
}

.home-gaming .topbar {
  height: 60px;
  background: rgba(9, 20, 34, .94);
  border-bottom-color: #29445c;
}

.home-gaming .brand > span:last-child > span,
.home-gaming .brand-mark { color: #e27b69; }
.home-gaming .brand-mark { text-shadow: 0 0 16px rgba(226, 123, 105, .28); }
.home-gaming .main-nav .nav-home.active {
  background: #bd6254;
  box-shadow: 0 3px 17px rgba(189, 98, 84, .24);
}
.home-gaming .nav-menu > button:hover,
.home-gaming .nav-menu > button:focus-visible {
  background: #1e3952;
  box-shadow: inset 0 0 0 1px #6685a0;
}
.home-gaming .menu { background: #11243a; border-color: #34536d; }
.home-gaming .menu a:hover { background: #9e554b; }
.home-gaming .search { background: #102239; border-color: #35516a; }

.home-gaming .hero {
  height: clamp(170px, 15vw, 210px);
  margin-top: 60px;
  background: #101d31 url('/assets/hero-mediaoase-crossover-wide-v2.png') center 48% / cover no-repeat;
  border-bottom-color: #385872;
}
.home-gaming .hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 16, 30, .92) 0%, rgba(6, 19, 35, .32) 45%, rgba(7, 19, 34, .75) 100%),
    linear-gradient(0deg, rgba(7, 20, 34, .32), transparent 46%);
}
.home-gaming .hero-copy { width: min(570px, 55vw); padding: 42px 0 0 3.3%; }
.home-gaming .hero .eyebrow { color: #a8d8f6; font-size: 11px; font-weight: 750; letter-spacing: .19em; }
.home-gaming .hero h1 {
  margin: 7px 0 8px;
  font: 800 clamp(43px, 5vw, 68px)/1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.035em;
}
.home-gaming .hero-copy > p:not(.eyebrow) { margin: 0; color: #e3edf5; font-size: 16px; }
.home-gaming .hero-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.home-gaming .hero-meta span {
  padding: 3px 9px;
  border: 1px solid rgba(175, 206, 229, .42);
  border-radius: 6px;
  background: rgba(10, 28, 47, .68);
  color: #cdddea;
  font-size: 11px;
  font-weight: 650;
}
.home-gaming .hero-actions { margin-top: 15px; }
.home-gaming .hero-actions a { padding: 10px 17px; border-radius: 8px; }
.home-gaming .hero-actions .primary {
  background: #cd6b5b;
  box-shadow: 0 5px 22px rgba(131, 56, 52, .3);
}
.home-gaming .hero-actions .primary:hover,
.home-gaming .hero-actions .primary:focus-visible { background: #e47a68; }

.home-gaming .row-title a { color: #a9d5f2; }

.home-gaming .continue-section { padding: 24px 5% 2px; background: none; }
.home-gaming .continue-card { border-color: #34536d; }
.home-gaming .continue-card:hover,
.home-gaming .continue-card:focus-within { border-color: #e08b78; }
.home-gaming .continue-cards,
.home-gaming .cards {
  scrollbar-width: thin;
  scrollbar-color: #bd6254 #14283e;
}
.home-gaming .continue-cards::-webkit-scrollbar,
.home-gaming .cards::-webkit-scrollbar { height: 8px; }
.home-gaming .continue-cards::-webkit-scrollbar-track,
.home-gaming .cards::-webkit-scrollbar-track { background: #14283e; border-radius: 999px; }
.home-gaming .continue-cards::-webkit-scrollbar-thumb,
.home-gaming .cards::-webkit-scrollbar-thumb { background: #bd6254; border: 1px solid #14283e; border-radius: 999px; }
.home-gaming .continue-cards::-webkit-scrollbar-thumb:hover,
.home-gaming .cards::-webkit-scrollbar-thumb:hover { background: #e47a68; }
.home-gaming .continue-cards::-webkit-scrollbar-button,
.home-gaming .cards::-webkit-scrollbar-button { display: none; }
.home-gaming .progress span { background: linear-gradient(90deg, #cd6b5b, #8ec8f0); box-shadow: 0 0 12px rgba(205, 107, 91, .3); }
.home-gaming .continue-title h2 span,
.home-gaming .section-head h2 span { background: #e27b69; box-shadow: 0 0 9px rgba(226, 123, 105, .48); }
.home-gaming .new-section { min-height: 0; padding: 28px 5% 38px; }
.home-gaming .section-head { gap: 18px; margin-bottom: 15px; }
.home-gaming .section-head h2 { font-size: 21px; }
.home-gaming .filters { flex-wrap: wrap; gap: 6px; }
.home-gaming .filters button {
  min-width: 0;
  padding: 6px 11px;
  border-color: #34516b;
  border-radius: 8px;
  background: #14283d;
  color: #c8d6e3;
  font-size: 13px;
}
.home-gaming .filters button.active {
  background: #b86153;
  border-color: #e38976;
  box-shadow: 0 2px 12px rgba(184, 97, 83, .22);
}
.home-gaming .filters button:not(.active):hover,
.home-gaming .filters button:not(.active):focus-visible {
  border-color: #9cc6df;
  background: #1d3952;
  box-shadow: none;
}
.home-gaming .rows { gap: 18px; }
.home-gaming .row-title { margin-bottom: 8px; }
.home-gaming .row-title h3 { font-size: 16px; }
.home-gaming .cards { grid-auto-columns: clamp(150px, 13vw, 194px); gap: 16px; }
.home-gaming #neu .media-row > .row-title { display: none; }
.home-gaming .cards .card {
  min-width: 0;
  display: block;
  height: auto;
  background: transparent;
  transition: transform .2s;
}
.home-gaming .cards .card:hover,
.home-gaming .cards .card:focus-visible {
  transform: translateY(-2px);
}
.home-gaming .cards .card[hidden] { display: none; }
.home-gaming .cards .card .thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  border: 1px solid #34536d;
  border-radius: 11px;
}
.home-gaming .cards .card .thumb.has-poster {
  padding-bottom: 30px;
  background-origin: content-box;
  background-clip: content-box;
}
.home-gaming .cards .card .thumb::after {
  content: "";
  position: absolute;
  z-index: 4;
  inset: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.home-gaming .cards .card:hover .thumb,
.home-gaming .cards .card:focus-visible .thumb { border-color: #e08b78; }
.home-gaming .cards .card:hover .thumb::after,
.home-gaming .cards .card:focus-visible .thumb::after {
  border-color: #ee8b78;
  box-shadow: inset 0 0 12px rgba(238, 139, 120, .32), 0 0 14px rgba(238, 139, 120, .22);
}
.home-gaming .cards .card .thumb strong { font: 650 19px/1.05 Georgia, serif; }
.home-gaming .cover-media-rail {
  position: absolute;
  z-index: 6;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 29px;
  overflow: hidden;
  padding: 4px 3px;
  border: 1px solid #315a78;
  border-radius: 0 0 10px 10px;
  background: #10283f;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .34);
  pointer-events: none;
}
.home-gaming .cover-episode-badge {
  position: absolute;
  z-index: 7;
  bottom: 35px;
  left: 7px;
  padding: 4px 7px;
  border: 1px solid rgba(87, 131, 164, .78);
  border-radius: 6px;
  background: rgba(7, 24, 40, .78);
  color: #fff;
  font-size: clamp(8px, .67vw, 10px);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 4px #000;
  pointer-events: none;
}
.home-gaming .cover-duration-badge {
  position: absolute;
  z-index: 7;
  right: 7px;
  bottom: 35px;
  padding: 4px 7px;
  border: 1px solid rgba(87, 131, 164, .78);
  border-radius: 6px;
  background: rgba(7, 24, 40, .78);
  color: #fff;
  font-size: clamp(8px, .67vw, 10px);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 1px 4px #000;
  pointer-events: none;
}
.home-gaming .cover-rail-entry {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  gap: 2px;
  padding: 0 2px;
  color: #fff;
  font-size: clamp(7px, .6vw, 9px);
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.home-gaming .cover-rail-entry b {
  color: #f28a76;
  font-size: .95em;
  font-weight: 800;
}
.home-gaming .cover-media-rail > i {
  flex: 0 0 1px;
  width: 1px;
  height: 14px;
  background: #315a78;
}
.home-gaming .cards .card .thumb.has-poster:not(:has(.game-media-rail)) {
  padding-bottom: 0;
  background-origin: border-box;
  background-clip: border-box;
}
.home-gaming .cover-media-rail:not(.game-media-rail) {
  top: 8px;
  right: auto;
  bottom: auto;
  left: 50%;
  justify-content: center;
  width: auto;
  min-height: 0;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%);
}
.home-gaming .cover-media-rail:not(.game-media-rail) .cover-rail-entry {
  text-shadow: 0 1px 4px #000, 0 0 6px #000;
}
.home-gaming .cover-media-rail:not(.game-media-rail) > i {
  background: rgba(209,226,239,.68);
  box-shadow: 0 1px 3px #000;
}
.home-gaming .cover-video-rail {
  right: auto !important;
  left: 8px !important;
  justify-content: flex-start !important;
  transform: none !important;
}
.home-gaming .cover-language-rail {
  right: 8px !important;
  left: auto !important;
  justify-content: flex-end !important;
  transform: none !important;
}
.home-gaming .cover-episode-badge,
.home-gaming .cover-duration-badge {
  bottom: 7px;
  min-width: 42px;
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
  text-shadow: 0 1px 4px #000, 0 0 6px #000;
}
.home-gaming .cover-episode-badge { left: 8px; }
.home-gaming .cover-duration-badge { right: 8px; }
.home-gaming .cover-media-rail:not(.game-media-rail) .cover-rail-entry {
  gap: 3px;
  font-size: clamp(9px, .72vw, 11px);
}
.home-gaming .cover-media-rail:not(.game-media-rail) .status-icon {
  width: 16px;
  height: 16px;
  flex-basis: 16px;
}
.home-gaming .cover-media-rail:not(.game-media-rail) .language-flag {
  width: 17px;
  height: 12px;
}
.home-gaming .cover-episode-badge,
.home-gaming .cover-duration-badge {
  font-size: clamp(10px, .78vw, 12px);
}
.home-gaming .game-media-rail .cover-rail-entry { padding: 0 3px; }
.home-gaming .game-media-rail .game-kind,
.home-gaming .game-media-rail .game-release { color: #f28a76; }
.home-gaming .cards .card .media-kind { font-size: 11px; font-weight: 750; letter-spacing: .04em; }
.home-gaming .cards .card h4 {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-gaming #neu { padding-bottom: 24px; }
.home-gaming #neu .cards { padding-bottom: 8px; }
.home-gaming .meta i { margin: 0 4px; color: #7590a8; }
.home-gaming .media-kind { color: #9ccdeb; }
.home-gaming .status-new { color: #e78d7c; }
.home-gaming .status-update { color: #a1d4ef; }
.home-gaming .new-empty { border-color: #2f4b65; background: #14283e; }
.home-gaming footer { border-top-color: #2b455e; color: #9aafc2; }

@media (max-width: 1000px) {
  .home-gaming .section-head { flex-wrap: wrap; }
}
@media (max-width: 720px) {
  .home-gaming .topbar { height: auto; }
  .home-gaming .hero { height: 185px; margin-top: 112px; background-position: 56% center; }
  .home-gaming .hero-copy { width: min(92vw, 500px); padding: 38px 16px 0; }
  .home-gaming .hero h1 { font-size: clamp(42px, 10vw, 60px); }
  .home-gaming .section-head { gap: 10px; }
  .home-gaming .filters { flex-wrap: nowrap; }
  .home-gaming .continue-section,
  .home-gaming .new-section { padding-right: 16px; padding-left: 16px; }
  .home-gaming .cards { grid-auto-columns: min(44vw, 194px); }
}
@media (max-width: 480px) {
  .home-gaming .hero { height: 165px; }
  .home-gaming .hero-shade { background: linear-gradient(90deg, rgba(5, 16, 30, .95), rgba(6, 19, 35, .72) 70%, rgba(6, 19, 35, .42)); }
  .home-gaming .hero-copy > p:not(.eyebrow) { font-size: 14px; }
  .home-gaming .cards { grid-auto-columns: min(44vw, 194px); }
}

@media (prefers-reduced-motion: reduce) {
  .home-gaming .cards .card { transition: none; }
  .home-gaming .cards .card .thumb::after { transition: none; }
}