/*
 * GWATCH Bubbly UI V57
 * Presentation-only layer. Player, ad, reward, catalog and account logic are untouched.
 */
:root {
  --gw57-bg: #060812;
  --gw57-surface: rgba(18, 22, 38, .78);
  --gw57-surface-strong: rgba(22, 27, 47, .94);
  --gw57-line: rgba(255, 255, 255, .11);
  --gw57-text: #f8f9ff;
  --gw57-muted: #a9b0c5;
  --gw57-gold: #f2c75c;
  --gw57-violet: #8b7cff;
  --gw57-cyan: #58d9ff;
  --gw57-pink: #ff71bd;
  --gw57-radius-sm: 16px;
  --gw57-radius: 24px;
  --gw57-radius-lg: 34px;
  --gw57-shadow: 0 22px 70px rgba(0, 0, 0, .34);
  --gw57-ease: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }

body.gwatch-bubbly-v57 {
  min-width: 0;
  overflow-x: clip;
  color: var(--gw57-text);
  background:
    radial-gradient(circle at 8% 8%, rgba(139, 124, 255, .16), transparent 27rem),
    radial-gradient(circle at 91% 15%, rgba(88, 217, 255, .12), transparent 25rem),
    radial-gradient(circle at 52% 72%, rgba(255, 113, 189, .07), transparent 34rem),
    var(--gw57-bg);
}

body.gwatch-bubbly-v57::before,
body.gwatch-bubbly-v57::after {
  content: "";
  position: fixed;
  z-index: -1;
  width: clamp(190px, 28vw, 430px);
  aspect-ratio: 1;
  border-radius: 50%;
  filter: blur(16px);
  pointer-events: none;
  opacity: .34;
  animation: gw57-float 16s var(--gw57-ease) infinite alternate;
}

body.gwatch-bubbly-v57::before {
  left: -11vw;
  top: 22vh;
  background: radial-gradient(circle at 34% 32%, rgba(139, 124, 255, .55), rgba(139, 124, 255, 0) 69%);
}

body.gwatch-bubbly-v57::after {
  right: -12vw;
  bottom: 8vh;
  background: radial-gradient(circle at 38% 36%, rgba(88, 217, 255, .42), rgba(88, 217, 255, 0) 70%);
  animation-delay: -7s;
}

body.gwatch-bubbly-v57 :where(.g3-header, .g5-header, .g4-watch-header, .g3-discover, .g3-row, .g5-content-section, .g4-watch-info, .gw-footer, .top, .gw-header, .layout) :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(88, 217, 255, .72);
  outline-offset: 3px;
}

/* Global navigation */
body.gwatch-bubbly-v57 :where(.g3-header, .g5-header, .g4-watch-header) {
  height: auto;
  min-height: 76px;
  margin: 14px clamp(14px, 2.5vw, 34px) 0;
  padding: 12px clamp(14px, 2vw, 25px);
  border: 1px solid var(--gw57-line);
  border-radius: 24px;
  background: rgba(8, 11, 22, .78);
  box-shadow: 0 12px 48px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .07);
  backdrop-filter: blur(24px) saturate(145%);
}

body.gwatch-bubbly-v57 :where(.g3-logo-mark, .g5-brand-mark) {
  border-radius: 14px;
  background: linear-gradient(135deg, #ffe488, #e9b83e 58%, #ae7416);
  box-shadow: 0 8px 24px rgba(242, 199, 92, .25), inset 0 1px rgba(255, 255, 255, .7);
  transition: transform .5s var(--gw57-ease), box-shadow .5s var(--gw57-ease);
}

body.gwatch-bubbly-v57 :where(.g3-brand, .g5-brand):hover :where(.g3-logo-mark, .g5-brand-mark) {
  transform: translateY(-2px) rotate(-4deg) scale(1.04);
  box-shadow: 0 13px 30px rgba(242, 199, 92, .34), inset 0 1px rgba(255, 255, 255, .8);
}

body.gwatch-bubbly-v57 :where(.g3-nav, .g5-nav) {
  display: flex;
  align-items: center;
  gap: 7px;
}

body.gwatch-bubbly-v57 :where(.g3-nav, .g5-nav) a,
body.gwatch-bubbly-v57 :where(.g3-connect, .g5-connect, .gw-upload-link, .g4-watch-header #connect, .g4-watch-nav a) {
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--gw57-muted);
  transition: color .35s ease, background .35s ease, border-color .35s ease, transform .45s var(--gw57-ease), box-shadow .45s var(--gw57-ease);
}

body.gwatch-bubbly-v57 :where(.g3-nav, .g5-nav) a:hover,
body.gwatch-bubbly-v57 :where(.g3-nav, .g5-nav) a.active {
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .1);
  transform: translateY(-2px);
}

body.gwatch-bubbly-v57 :where(.g3-connect, .g5-connect, .gw-upload-link, .g4-watch-header #connect) {
  color: #fff;
  background: linear-gradient(135deg, rgba(139, 124, 255, .26), rgba(88, 217, 255, .14));
  border-color: rgba(166, 155, 255, .28);
  box-shadow: inset 0 1px rgba(255, 255, 255, .08);
}

body.gwatch-bubbly-v57 :where(.g3-connect, .g5-connect, .gw-upload-link, .g4-watch-header #connect):hover {
  transform: translateY(-3px) scale(1.015);
  box-shadow: 0 14px 34px rgba(89, 81, 196, .22), inset 0 1px rgba(255, 255, 255, .12);
}

body.gwatch-bubbly-v57 :where(.g3-search, .g5-search) {
  border-radius: 999px;
  border: 1px solid var(--gw57-line);
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px rgba(255, 255, 255, .05);
  transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}

body.gwatch-bubbly-v57 :where(.g3-search, .g5-search):focus-within {
  border-color: rgba(88, 217, 255, .52);
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 0 0 5px rgba(88, 217, 255, .08);
}

/* Home */
body.gwatch-bubbly-v57 .g4-hero {
  width: calc(100% - clamp(28px, 5vw, 68px));
  margin: 18px auto 0;
  min-height: min(720px, 76vh);
  border: 1px solid var(--gw57-line);
  border-radius: clamp(24px, 3vw, 42px);
  overflow: hidden;
  box-shadow: var(--gw57-shadow), inset 0 1px rgba(255, 255, 255, .08);
}

body.gwatch-bubbly-v57 .g4-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(6, 8, 18, .68), transparent);
}

body.gwatch-bubbly-v57 .g4-hero-content {
  max-width: 720px;
  padding: clamp(20px, 3vw, 42px);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(10, 12, 24, .76), rgba(10, 12, 24, .42));
  box-shadow: 0 24px 80px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .08);
  backdrop-filter: blur(17px) saturate(125%);
}

body.gwatch-bubbly-v57 .g4-hero-content h1 {
  text-wrap: balance;
  text-shadow: 0 8px 38px rgba(0, 0, 0, .36);
}

body.gwatch-bubbly-v57 :where(.g4-actions button, .g5-actions button, .gw-watch-actions > *, .g3-section-head button) {
  min-height: 46px;
  border-radius: 999px;
  transition: transform .45s var(--gw57-ease), box-shadow .45s var(--gw57-ease), background .3s ease, border-color .3s ease;
}

body.gwatch-bubbly-v57 :where(.g4-actions button, .g5-actions button, .gw-watch-actions > *):hover {
  transform: translateY(-3px) scale(1.018);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .25);
}

body.gwatch-bubbly-v57 :where(.g4-arrow) {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 50%;
  background: rgba(11, 13, 24, .62);
  backdrop-filter: blur(13px);
  transition: transform .4s var(--gw57-ease), background .3s ease;
}

body.gwatch-bubbly-v57 .g4-arrow:hover {
  transform: scale(1.08);
  background: rgba(255, 255, 255, .15);
}

body.gwatch-bubbly-v57 :where(.g3-discover, .g3-row, .g3-member-area) {
  width: min(1600px, calc(100% - clamp(28px, 5vw, 72px)));
  margin-inline: auto;
}

body.gwatch-bubbly-v57 .g3-discover-grid {
  gap: clamp(12px, 1.5vw, 22px);
}

body.gwatch-bubbly-v57 .g3-wide-card {
  min-height: 190px;
  border: 1px solid var(--gw57-line);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .08);
  transition: transform .55s var(--gw57-ease), box-shadow .55s var(--gw57-ease), border-color .35s ease;
}

body.gwatch-bubbly-v57 .g3-wide-card:hover {
  transform: translateY(-8px) scale(1.015);
  border-color: rgba(255, 255, 255, .2);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .31), 0 0 40px rgba(139, 124, 255, .08);
}

body.gwatch-bubbly-v57 .g3-section-head h2::after,
body.gwatch-bubbly-v57 .g5-section-head h2::after {
  content: "";
  display: inline-block;
  width: 34px;
  height: 4px;
  margin: 0 0 .2em 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--gw57-gold), var(--gw57-pink));
  box-shadow: 0 0 18px rgba(242, 199, 92, .25);
}

body.gwatch-bubbly-v57 :where(.g3-card, .card, .g5-related-card, .g5-episode, .episode) {
  border-radius: 22px;
  transition: transform .5s var(--gw57-ease), box-shadow .5s var(--gw57-ease), border-color .35s ease;
}

body.gwatch-bubbly-v57 :where(.g3-card, .card, .g5-related-card, .g5-episode, .episode):hover {
  transform: translateY(-7px) scale(1.012);
  box-shadow: 0 22px 48px rgba(0, 0, 0, .3);
}

body.gwatch-bubbly-v57 :where(.g3-card img, .g3-card .poster, .card .poster, .g5-related-card img, .g5-episode img, .episodePoster) {
  border-radius: 20px;
}

body.gwatch-bubbly-v57 .g3-member-banner,
body.gwatch-bubbly-v57 .reward,
body.gwatch-bubbly-v57 .g5-reward {
  border: 1px solid rgba(242, 199, 92, .22);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 8%, rgba(242, 199, 92, .13), transparent 16rem),
    linear-gradient(145deg, rgba(19, 25, 28, .92), rgba(14, 18, 27, .92));
  box-shadow: 0 20px 52px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .07);
}

/* Title page */
body.gwatch-bubbly-v57 .g5-title-hero {
  width: calc(100% - clamp(28px, 5vw, 68px));
  margin: 18px auto 0;
  border: 1px solid var(--gw57-line);
  border-radius: clamp(24px, 3vw, 42px);
  overflow: hidden;
  box-shadow: var(--gw57-shadow);
}

body.gwatch-bubbly-v57 .g5-hero-copy {
  padding: clamp(21px, 3.4vw, 48px);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 30px;
  background: rgba(7, 9, 18, .57);
  backdrop-filter: blur(18px) saturate(130%);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .3);
}

body.gwatch-bubbly-v57 .g5-content-section {
  width: min(1500px, calc(100% - clamp(28px, 6vw, 84px)));
  margin: clamp(20px, 3vw, 38px) auto;
  padding: clamp(18px, 2.6vw, 36px);
  border: 1px solid var(--gw57-line);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(18, 22, 38, .72), rgba(10, 13, 24, .6));
  box-shadow: 0 22px 64px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .05);
}

/* Watch page: intentionally excludes .g4-player-stage and everything inside it. */
body.gwatch-bubbly-v57.g4-watch-body .g4-watch-main {
  width: min(1560px, calc(100% - clamp(24px, 4vw, 64px)));
  margin-inline: auto;
}

body.gwatch-bubbly-v57.g4-watch-body .g4-watch-info {
  margin-top: 22px;
  padding: clamp(22px, 3vw, 40px);
  border: 1px solid var(--gw57-line);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(18, 22, 38, .78), rgba(8, 11, 21, .72));
  box-shadow: 0 22px 60px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .06);
}

body.gwatch-bubbly-v57.g4-watch-body .g4-watch-copy h1 {
  text-wrap: balance;
  letter-spacing: -.045em;
}

/* Footer */
body.gwatch-bubbly-v57 .gw-footer {
  width: min(1600px, calc(100% - clamp(28px, 5vw, 72px)));
  margin: clamp(48px, 7vw, 96px) auto 26px;
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--gw57-line);
  border-radius: 32px;
  background: linear-gradient(145deg, rgba(20, 24, 42, .82), rgba(8, 11, 21, .72));
  box-shadow: 0 25px 75px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .06);
  backdrop-filter: blur(18px);
}

body.gwatch-bubbly-v57 .gw-footer a {
  transition: color .3s ease, transform .4s var(--gw57-ease);
}

body.gwatch-bubbly-v57 .gw-footer a:hover {
  color: #fff;
  transform: translateX(4px);
}

/* Legal, company and governance pages */
body.gwatch-bubbly-v57 :where(.top, .gw-header) {
  width: calc(100% - clamp(28px, 5vw, 68px));
  max-width: 1600px;
  margin: 14px auto 0;
  border: 1px solid var(--gw57-line);
  border-radius: 24px;
  background: rgba(8, 11, 22, .8);
  box-shadow: 0 12px 48px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .06);
  backdrop-filter: blur(22px);
}

body.gwatch-bubbly-v57 .hero-card,
body.gwatch-bubbly-v57 .hero-inner,
body.gwatch-bubbly-v57 .content,
body.gwatch-bubbly-v57 .side,
body.gwatch-bubbly-v57 .notice,
body.gwatch-bubbly-v57 .v43-section,
body.gwatch-bubbly-v57 .v43-toc,
body.gwatch-bubbly-v57 .card {
  border-radius: var(--gw57-radius);
}

body.gwatch-bubbly-v57 .hero-card {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 12%, rgba(88, 217, 255, .16), transparent 18rem),
    radial-gradient(circle at 9% 88%, rgba(139, 124, 255, .18), transparent 22rem),
    linear-gradient(145deg, rgba(23, 27, 46, .94), rgba(10, 13, 24, .9));
  border: 1px solid var(--gw57-line);
  box-shadow: var(--gw57-shadow), inset 0 1px rgba(255, 255, 255, .08);
}

body.gwatch-bubbly-v57 .layout {
  align-items: start;
  gap: clamp(18px, 2.4vw, 34px);
}

body.gwatch-bubbly-v57 .side {
  position: sticky;
  top: 106px;
  padding: 14px;
  border: 1px solid var(--gw57-line);
  background: rgba(16, 20, 35, .72);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .05);
  backdrop-filter: blur(16px);
}

body.gwatch-bubbly-v57 .side a {
  border-radius: 14px;
  transition: transform .38s var(--gw57-ease), background .3s ease, color .3s ease;
}

body.gwatch-bubbly-v57 .side a:hover,
body.gwatch-bubbly-v57 .side a.active {
  transform: translateX(4px);
  background: linear-gradient(90deg, rgba(139, 124, 255, .18), rgba(88, 217, 255, .08));
}

body.gwatch-bubbly-v57 .content {
  min-width: 0;
  padding: clamp(20px, 3.4vw, 52px);
  border: 1px solid var(--gw57-line);
  background: linear-gradient(145deg, rgba(18, 22, 38, .82), rgba(9, 12, 23, .72));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .05);
}

body.gwatch-bubbly-v57 .v43-toc {
  padding: 16px;
  border: 1px solid var(--gw57-line);
  background: rgba(255, 255, 255, .035);
}

body.gwatch-bubbly-v57 .v43-toc a {
  border-radius: 12px;
  transition: background .3s ease, transform .4s var(--gw57-ease), color .3s ease;
}

body.gwatch-bubbly-v57 .v43-toc a:hover {
  color: #fff;
  background: rgba(255, 255, 255, .06);
  transform: translateX(4px);
}

body.gwatch-bubbly-v57 .v43-section {
  margin-block: 16px;
  padding: clamp(18px, 2.4vw, 30px);
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .028);
  transition: transform .5s var(--gw57-ease), border-color .35s ease, background .35s ease, box-shadow .5s var(--gw57-ease);
}

body.gwatch-bubbly-v57 .v43-section:hover {
  transform: translateY(-3px);
  border-color: rgba(139, 124, 255, .2);
  background: rgba(255, 255, 255, .045);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

body.gwatch-bubbly-v57 .notice {
  border: 1px solid rgba(88, 217, 255, .18);
  background: linear-gradient(135deg, rgba(88, 217, 255, .09), rgba(139, 124, 255, .08));
}

body.gwatch-bubbly-v57 .notice.warning {
  border-color: rgba(242, 199, 92, .25);
  background: linear-gradient(135deg, rgba(242, 199, 92, .1), rgba(255, 113, 189, .06));
}

/* Content entrance motion */
.gwatch-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0) scale(.985);
  transition: opacity .8s var(--gw57-ease), transform .9s var(--gw57-ease);
  transition-delay: var(--gw57-delay, 0ms);
}

.gwatch-reveal.gwatch-in {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

@keyframes gw57-float {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(4vw, -4vh, 0) scale(1.08); }
}

@media (max-width: 1040px) {
  body.gwatch-bubbly-v57 :where(.g3-header, .g5-header, .g4-watch-header) {
    gap: 10px;
  }

  body.gwatch-bubbly-v57 :where(.g3-nav, .g5-nav) {
    display: none;
  }

  body.gwatch-bubbly-v57 :where(.g3-search, .g5-search) {
    margin-left: auto;
  }

  body.gwatch-bubbly-v57 .layout {
    grid-template-columns: 1fr;
  }

  body.gwatch-bubbly-v57 .side {
    position: relative;
    top: auto;
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  body.gwatch-bubbly-v57 .side .side-title { display: none; }
  body.gwatch-bubbly-v57 .side a { flex: 0 0 auto; min-height: 44px; }
}

@media (max-width: 760px) {
  body.gwatch-bubbly-v57 {
    overflow-x: hidden;
    font-size: 16px;
    padding-bottom: env(safe-area-inset-bottom);
  }

  body.gwatch-bubbly-v57 :where(.g3-header, .g5-header, .g4-watch-header) {
    min-height: 64px;
    margin: 8px 8px 0;
    padding: 9px 11px;
    border-radius: 19px;
  }

  body.gwatch-bubbly-v57 :where(.g3-search, .g5-search) {
    min-width: 0;
    flex: 1 1 120px;
  }

  body.gwatch-bubbly-v57 :where(.g3-search, .g5-search) input {
    min-width: 0;
    width: 100%;
    font-size: 16px;
  }

  body.gwatch-bubbly-v57 :where(.g3-connect, .g5-connect, .gw-upload-link) {
    min-width: 44px;
    min-height: 44px;
  }

  body.gwatch-bubbly-v57 .g4-hero,
  body.gwatch-bubbly-v57 .g5-title-hero {
    width: calc(100% - 16px);
    min-height: min(680px, 78svh);
    margin-top: 10px;
    border-radius: 26px;
  }

  body.gwatch-bubbly-v57 .g4-hero-content,
  body.gwatch-bubbly-v57 .g5-hero-copy {
    width: calc(100% - 24px);
    max-width: none;
    padding: 20px;
    border-radius: 23px;
  }

  body.gwatch-bubbly-v57 :where(.g4-hero-content h1, .g5-hero-copy h1) {
    font-size: clamp(36px, 12vw, 58px);
    line-height: .98;
  }

  body.gwatch-bubbly-v57 :where(.g3-discover, .g3-row, .g3-member-area, .g5-content-section),
  body.gwatch-bubbly-v57.g4-watch-body .g4-watch-main,
  body.gwatch-bubbly-v57 .gw-footer {
    width: calc(100% - 20px);
  }

  /* Browse All: use the available phone width instead of retaining desktop card widths. */
  body.gwatch-bubbly-v57 #allGrid.g3-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.gwatch-bubbly-v57 #allGrid > :where(.g3-card, .v191-card, .gw16-card, .card) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    flex: none !important;
  }

  body.gwatch-bubbly-v57 #allGrid :where(.g3-poster, .v191-art, .gw16-poster, .poster) {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.gwatch-bubbly-v57 #allGrid :where(.g3-card-meta, .v191-meta, .gw16-meta) {
    min-width: 0 !important;
  }

  body.gwatch-bubbly-v57 .g3-discover-grid {
    grid-template-columns: 1fr;
  }

  body.gwatch-bubbly-v57 .g3-wide-card {
    min-height: 152px;
    border-radius: 23px;
  }

  body.gwatch-bubbly-v57 :where(.g3-rail, .g5-related-rail) {
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.gwatch-bubbly-v57 :where(.g3-card, .card, .g5-related-card) {
    scroll-snap-align: start;
  }

  body.gwatch-bubbly-v57 .g4-watch-info,
  body.gwatch-bubbly-v57 .g5-content-section {
    padding: 19px;
    border-radius: 24px;
  }

  body.gwatch-bubbly-v57 .gw-footer {
    margin-bottom: calc(84px + env(safe-area-inset-bottom));
    padding: 25px 20px;
    border-radius: 25px;
  }

  body.gwatch-bubbly-v57 .gw-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 28px 18px;
  }

  body.gwatch-bubbly-v57 :where(.top, .gw-header) {
    width: calc(100% - 16px);
    margin-top: 8px;
    border-radius: 19px;
  }

  body.gwatch-bubbly-v57 .layout {
    width: calc(100% - 20px);
    margin-inline: auto;
  }

  body.gwatch-bubbly-v57 .content {
    padding: 19px;
    border-radius: 25px;
  }

  body.gwatch-bubbly-v57 .hero-card,
  body.gwatch-bubbly-v57 .hero-inner {
    border-radius: 26px;
  }

  body.gwatch-bubbly-v57 :where(.v43-section, .notice, .v43-toc) {
    border-radius: 19px;
  }

  body.gwatch-bubbly-v57 :where(.v43-section, .notice) {
    padding: 18px;
  }

  body.gwatch-bubbly-v57 :where(.content, .v43-section, .notice, .card) {
    overflow-wrap: anywhere;
  }

  body.gwatch-bubbly-v57 table {
    min-width: 680px;
  }

  body.gwatch-bubbly-v57 :where(.table-wrap, .table-scroll) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 480px) {
  body.gwatch-bubbly-v57 .gw-footer-grid { grid-template-columns: 1fr; }
  body.gwatch-bubbly-v57 .g3-search { display: none; }
  body.gwatch-bubbly-v57 .g4-actions,
  body.gwatch-bubbly-v57 .g5-actions,
  body.gwatch-bubbly-v57 .gw-watch-actions { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.gwatch-bubbly-v57::before,
  body.gwatch-bubbly-v57::after { animation: none; }
  .gwatch-reveal,
  .gwatch-reveal.gwatch-in { opacity: 1; transform: none; transition: none; }
}