/* Homepage only. Preserve the rewards script's hidden/tab/expanded states. */
/* Standalone original posters: no enclosing panel, clipping, or image repaint. */
body.meow-home-v2 #home-v2-lower .home-feature-gallery {
  position: relative; isolation: isolate; width: 100%; margin: 6px 0 44px; padding: 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
body.meow-home-v2 #home-v2-lower .home-feature-gallery::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  inset: 12% -2% 3%; opacity: .6;
  background: radial-gradient(ellipse at 12% 55%, #54c4ec16, transparent 33%),
    radial-gradient(ellipse at 42% 55%, #eab57712, transparent 30%),
    radial-gradient(ellipse at 72% 55%, #b09af51a, transparent 30%),
    radial-gradient(ellipse at 95% 55%, #8bd5b512, transparent 30%);
}
body.meow-home-v2 #home-v2-lower .home-feature-posters {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 20px;
}
body.meow-home-v2 #home-v2-lower .home-feature-poster {
  min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; overflow: visible;
  transition: transform .22s ease;
}
body.meow-home-v2 #home-v2-lower .home-feature-poster img {
  display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain;
  border: 0; border-radius: 0; box-shadow: none;
  filter: drop-shadow(0 12px 16px #00000024);
}
body.meow-home-v2 #home-v2-lower .home-adventure-actions {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 0 0 36px;
}
body.meow-home-v2 #home-v2-lower .home-adventure-actions a {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 28px;
  min-height: 46px; padding: 11px 20px; border: 1px solid var(--line-strong); border-radius: 10px;
  background: var(--panel); color: var(--ink); font-size: 15px; font-weight: 700; text-decoration: none;
}
body.meow-home-v2 #home-v2-lower .home-adventure-actions a span { color: var(--cyan); }
body.meow-home-v2 #home-v2-lower .home-adventure-actions a:hover { border-color: var(--cyan); color: var(--cyan); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.meow-home-v2 #home-v2-lower .home-feature-poster:hover { transform: translateY(-5px); }
}
@media (max-width: 1000px) {
  body.meow-home-v2 #home-v2-lower .home-feature-posters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 760px; margin: 0 auto; }
}
@media (max-width: 600px) {
  body.meow-home-v2 #home-v2-lower .home-feature-gallery { margin-bottom: 32px; }
  body.meow-home-v2 #home-v2-lower .home-feature-posters { grid-template-columns: minmax(0, 1fr); max-width: 380px; gap: 24px; }
  body.meow-home-v2 #home-v2-lower .home-adventure-actions { gap: 8px; }
  body.meow-home-v2 #home-v2-lower .home-adventure-actions a { flex: 1 1 100%; max-width: 380px; }
}
@media (prefers-reduced-motion: reduce) {
  body.meow-home-v2 #home-v2-lower .home-feature-poster { transition: none; }
}

body.meow-home-v2 .home-community-grid {
  display: grid; grid-template-columns: minmax(0, 2.12fr) minmax(320px, 1fr);
  align-items: stretch; gap: 24px; margin: 0 0 40px; min-width: 0;
}
body.meow-home-v2 .home-community-grid :is(.home-rewards-column, .home-contest-column) {
  min-width: 0; display: flex; flex-direction: column;
}
body.meow-home-v2 .home-community-grid .section-label { min-height: 112px; margin-bottom: 22px; }
body.meow-home-v2 .home-community-grid .section-label h2 { font-size: clamp(23px, 2.15vw, 29px); line-height: 1.45; }
body.meow-home-v2 .home-community-grid .section-label > p:last-child { font-size: 14px; line-height: 1.7; }
body.meow-home-v2 .home-community-grid .hcs-section-label { display: block; grid-template-columns: none; min-width: 0; }
body.meow-home-v2 .home-community-grid .hcs-section-label .eyebrow { margin: 0 0 9px; }
body.meow-home-v2 .home-community-grid .hcs-section-label h2 { margin: 0 0 9px; font-size: clamp(22px, 1.8vw, 24px); line-height: 1.45; }
body.meow-home-v2 .home-community-grid .hcs-section-label > p:last-child { margin: 0; }
body.meow-home-v2 .home-community-grid .hcs-section-label .eyebrow { color: var(--cyan); }

/* The smaller rewards column keeps every item and every label readable. */
body.meow-home-v2 .home-community-grid #game-rewards { margin-bottom: 0; flex: 1; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-head { padding: 22px; gap: 15px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-heading h2 { font-size: 23px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-panel { padding: 20px 22px 24px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-panel-heading { flex-wrap: wrap; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-rewards h3,
body.meow-home-v2 .home-community-grid #game-rewards .mr-panel-heading h3 { font-size: 14px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-items { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-item {
  grid-template-columns: 32px minmax(0, 1fr); column-gap: 8px; row-gap: 5px;
  padding: 13px 11px; min-height: 100px; align-content: center;
}
body.meow-home-v2 .home-community-grid #game-rewards .mr-icon { width: 32px; height: 40px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-name {
  font-size: 15px; line-height: 1.65; font-weight: 700; overflow-wrap: anywhere; word-break: normal;
}
body.meow-home-v2 .home-community-grid #game-rewards .mr-detail { font-size: 13px; line-height: 1.55; font-weight: 400; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-quantity { font-size: 16px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-quantity small { font-size: 12px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-item--currency { grid-template-columns: minmax(0, 1fr); }
body.meow-home-v2 .home-community-grid #game-rewards .mr-foot { padding: 18px 22px; gap: 15px; flex-wrap: wrap; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-tab { font-size: 15px !important; font-weight: 700 !important; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-foot p span,
body.meow-home-v2 .home-community-grid #game-rewards .mr-resource { font-size: 12px; }
body.meow-home-v2 .home-community-grid #game-rewards .mr-more { font-size: 14px; }

body.meow-home-v2 .home-community-grid .hcs-panel {
  --hcs-glow: #63c8ed;
  position: relative; isolation: isolate; flex: 1; display: flex; flex-direction: column;
  min-width: 0; padding: 23px 20px 18px; border: 1px solid var(--line-strong); border-radius: 18px;
  color: var(--ink); background: radial-gradient(ellipse at 80% 16%, #6bbfea0a, transparent 60%), var(--panel);
  box-shadow: var(--shadow); overflow: hidden;
}
body.meow-home-v2 .home-community-grid .hcs-panel::before {
  content: ''; position: absolute; z-index: -1; pointer-events: none;
  width: 260px; height: 260px; left: -190px; top: 32%; border: 1px solid var(--line); border-radius: 50%;
}
body.meow-home-v2 .home-community-grid .hcs-heading { position: relative; margin-bottom: 18px; }
body.meow-home-v2 .home-community-grid .hcs-heading-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
body.meow-home-v2 .home-community-grid .hcs-month {
  padding: 6px 10px; border-radius: 20px; border: 1px solid var(--line-strong);
  background: var(--panel-2); color: var(--cyan); font-size: 12px; line-height: 1.5; white-space: nowrap;
}
body.meow-home-v2 .home-community-grid .hcs-phase { color: var(--muted); font-size: 12px; }
body.meow-home-v2 .home-community-grid .hcs-intro { margin: 14px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
body.meow-home-v2 .home-community-grid .hcs-gallery {
  list-style: none; padding: 3px 0 8px; margin: auto 0; display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px 6px; align-items: start;
}
body.meow-home-v2 .home-community-grid .hcs-card { min-width: 0; grid-column: span 2; padding: 0; margin: 0; }
body.meow-home-v2 .home-community-grid .hcs-card:nth-child(3) { grid-column: 2 / span 2; }
body.meow-home-v2 .home-community-grid .hcs-card:nth-child(4) { grid-column: 1 / span 2; }
body.meow-home-v2 .home-community-grid .hcs-card:nth-child(even) { --hcs-glow: #ceadf8; }
body.meow-home-v2 .home-community-grid .hcs-card:nth-child(3) { --hcs-glow: #e8c687; }
body.meow-home-v2 .home-community-grid .hcs-card:nth-child(5) { --hcs-glow: #8ddbc9; }
body.meow-home-v2 .home-community-grid .hcs-card-link {
  display: flex; flex-direction: column; align-items: center; gap: 9px;
  min-width: 0; border-radius: 14px; color: var(--ink); text-decoration: none; -webkit-tap-highlight-color: transparent;
}
body.meow-home-v2 .home-community-grid .hcs-portrait {
  display: block; position: relative; isolation: isolate; overflow: hidden;
  width: min(100%, 144px); aspect-ratio: 1; border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--hcs-glow) 28%, var(--line));
  background: radial-gradient(ellipse at 36% 25%, color-mix(in srgb, var(--hcs-glow) 19%, transparent), transparent 68%), var(--panel-2);
  box-shadow: 0 6px 28px color-mix(in srgb, var(--hcs-glow) 8%, transparent), inset 0 0 18px color-mix(in srgb, var(--hcs-glow) 8%, transparent);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.meow-home-v2 .home-community-grid .hcs-portrait::after {
  content: ''; position: absolute; z-index: 3; inset: 6px; pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--hcs-glow) 15%, transparent); border-radius: inherit;
}
body.meow-home-v2 .home-community-grid .hcs-cover-glow {
  position: absolute; z-index: 0; inset: -12%; width: 124%; height: 124%; object-fit: cover;
  filter: blur(14px); opacity: .24; pointer-events: none;
}
/* Circle is a presentation crop only; the original entry cover stays unchanged. */
body.meow-home-v2 .home-community-grid .hcs-cover {
  position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%;
  display: block; object-fit: cover; object-position: center; border: 0; border-radius: 50%; box-shadow: none;
}
body.meow-home-v2 .home-community-grid .hcs-card-link:hover .hcs-portrait,
body.meow-home-v2 .home-community-grid .hcs-card-link:focus-visible .hcs-portrait {
  transform: translateY(-3px); border-color: color-mix(in srgb, var(--hcs-glow) 65%, var(--line));
  box-shadow: 0 8px 28px color-mix(in srgb, var(--hcs-glow) 15%, transparent);
}
body.meow-home-v2 .home-community-grid .hcs-title {
  width: 100%; max-width: 152px; min-height: 39px; padding: 0 3px; box-sizing: border-box;
  color: var(--ink); font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center;
  overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
body.meow-home-v2 .home-community-grid .hcs-image-fallback {
  position: absolute; z-index: 2; inset: 18%; display: grid; place-content: center; gap: 8px;
  color: var(--muted); font-size: 12px; line-height: 1.6; text-align: center;
}
body.meow-home-v2 .home-community-grid .hcs-image-fallback::before { content: '✦'; color: var(--hcs-glow); font-size: 24px; }
body.meow-home-v2 .home-community-grid .hcs-controls {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
  margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--line);
}
body.meow-home-v2 .home-community-grid .hcs-rotation-state { color: var(--muted); font-size: 11px; line-height: 1.6; }
body.meow-home-v2 .home-community-grid .hcs-control-buttons { display: flex; gap: 7px; align-items: center; }
body.meow-home-v2 .home-community-grid :is(.hcs-control, .hcs-retry) {
  appearance: none; display: inline-flex; gap: 6px; align-items: center; justify-content: center;
  min-height: 36px; margin: 0; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: 8px;
  background: var(--panel-2); color: var(--ink); font: inherit; font-size: 12px; line-height: 1.5;
  cursor: pointer; box-shadow: none; text-shadow: none;
}
body.meow-home-v2 .home-community-grid .hcs-control svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
body.meow-home-v2 .home-community-grid :is(.hcs-control, .hcs-retry):hover:not(:disabled) { color: var(--cyan); border-color: var(--cyan); }
body.meow-home-v2 .home-community-grid .hcs-control:disabled { opacity: .55; cursor: default; }
body.meow-home-v2 .home-community-grid .hcs-footer {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
  margin-top: 17px; color: var(--muted); font-size: 11px; line-height: 1.8;
}
body.meow-home-v2 .home-community-grid .hcs-all { color: var(--cyan); font-size: 13px; text-decoration: none; font-weight: 700; white-space: nowrap; }
body.meow-home-v2 .home-community-grid .hcs-all:hover { text-decoration: underline; text-underline-offset: 4px; }
body.meow-home-v2 .home-community-grid .hcs-state {
  flex: 1; min-height: 420px; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 30px 15px; gap: 16px; text-align: center;
}
body.meow-home-v2 .home-community-grid .hcs-state p { margin: 0; font-size: 14px; line-height: 1.9; color: var(--muted); }
body.meow-home-v2 .home-community-grid .hcs-state-orbit {
  display: grid; place-items: center; width: 82px; height: 82px; border: 1px solid var(--line-strong);
  border-radius: 50%; color: var(--cyan); background: radial-gradient(circle, #6bbfea14, transparent); box-shadow: 0 0 40px #6bbfea08;
}
body.meow-home-v2 .home-community-grid .hcs-state-orbit span { font-size: 30px; }
body.meow-home-v2 .home-community-grid .hcs-noscript { color: var(--muted); font-size: 13px; line-height: 1.8; }
body.meow-home-v2 .home-community-grid .hcs-noscript a { color: var(--cyan); }
body.meow-home-v2 .home-community-grid .hcs-panel [hidden] { display: none !important; }
body.meow-home-v2 .home-community-grid .hcs-panel :is(a, button):focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
body.meow-home-v2 .home-community-grid .hcs-sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
@media (min-width: 1101px) and (max-width: 1270px) {
  body.meow-home-v2 .home-community-grid { grid-template-columns: minmax(0, 1.95fr) minmax(320px, 1fr); gap: 20px; }
  body.meow-home-v2 .home-community-grid #game-rewards .mr-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  body.meow-home-v2 .home-community-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  body.meow-home-v2 .home-community-grid .section-label { min-height: 0; margin-bottom: 22px; }
  body.meow-home-v2 .home-community-grid .hcs-panel { padding: 24px; }
  body.meow-home-v2 .home-community-grid .hcs-gallery { max-width: 560px; width: 100%; align-self: center; gap: 12px 26px; }
  body.meow-home-v2 .home-community-grid .hcs-portrait { width: 164px; max-width: 100%; }
  body.meow-home-v2 .home-community-grid .hcs-card:nth-child(3) { margin-top: -36px; margin-bottom: -30px; }
  body.meow-home-v2 .home-community-grid .hcs-state { min-height: 290px; }
}
@media (max-width: 680px) {
  body.meow-home-v2 .home-community-grid { gap: 30px; margin-bottom: 32px; }
  body.meow-home-v2 .home-community-grid .section-label h2 { font-size: 24px; }
  body.meow-home-v2 .home-community-grid #game-rewards .mr-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  body.meow-home-v2 .home-community-grid #game-rewards :is(.mr-head, .mr-panel, .mr-foot) { padding: 18px 15px; }
  body.meow-home-v2 .home-community-grid #game-rewards .mr-item { min-height: 104px; padding: 12px 9px; column-gap: 7px; }
  body.meow-home-v2 .home-community-grid #game-rewards .mr-name { font-size: 14px; }
  body.meow-home-v2 .home-community-grid #game-rewards .mr-detail { font-size: 12px; }
  body.meow-home-v2 .home-community-grid .hcs-panel { padding: 22px 19px 20px; }
  body.meow-home-v2 .home-community-grid .hcs-gallery { max-width: 390px; gap: 3px 7px; }
  body.meow-home-v2 .home-community-grid .hcs-portrait { width: 145px; }
  body.meow-home-v2 .home-community-grid .hcs-card:nth-child(3) { margin: -12px 0 -8px; }
  body.meow-home-v2 .home-community-grid .hcs-title { font-size: 14px; min-height: 42px; }
  body.meow-home-v2 .home-community-grid .hcs-control { min-height: 42px; padding-inline: 12px; font-size: 13px; }
  body.meow-home-v2 .home-community-grid .hcs-footer { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.meow-home-v2 .home-community-grid .hcs-portrait { transition: none; }
  body.meow-home-v2 .home-community-grid .hcs-card-link:hover .hcs-portrait,
  body.meow-home-v2 .home-community-grid .hcs-card-link:focus-visible .hcs-portrait { transform: none; }
}