/* Homepage practice, sponsor and account placement. */
.community-home .practice-entry {
  background: linear-gradient(180deg, #ffffff40, transparent 85%), linear-gradient(100deg, #ffe5ed 0%, #f3e5fb 28%, #e8dcfa 50%, #e2edfc 74%, #def5ff 100%);
  border: 1px solid #ffffffd9;
  box-shadow: 0 10px 30px #988db610, inset 0 1px 0 #fff9;
  margin-bottom: 16px;
}
.community-home .practice-difficulty > span {
  display: block;
  width: 100%;
  text-align: center;
  letter-spacing: .12em;
}
.community-home .practice-ad {
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 14px 18px;
  border-color: #e6e5ed;
  background: #ffffffb8;
  box-shadow: 0 4px 18px #65758b06;
}
.community-home .practice-ad .sidebar-card__title {margin-bottom: 10px;}
.community-home .practice-ad .sidebar-card__title > div {display: flex; align-items: center; gap: 10px;}
.community-home .practice-ad .sidebar-card__title h3 {margin: 0; font-size: 13px;}
.community-home .practice-ad .ad-unit-box {min-height: 100px; background: #f8fafc;}
.community-home .hero__account {min-height: 0; min-width: 0; width: 100%;}
.community-home .hero__account .account-card {
  box-sizing: border-box;
  width: min(100%, 450px);
  margin: 0;
  padding: 30px;
  border-radius: 28px;
  text-align: left;
  box-shadow: 0 22px 60px #4977a223, inset 0 1px 0 #fff;
}
.community-home .hero__account .sidebar-card__title {margin-bottom: 22px;}
.community-home .hero__account .sidebar-card__title h3 {font-size: 23px;}
.community-home .hero__account .account-card p {font-size: 14px; line-height: 1.8;}
.community-home .hero__account .account-card .account-note {font-size: 12px !important;}
.community-home .hero__account .account-login {min-height: 48px;}
.community-home .hero__account .acc-name {overflow-wrap: anywhere; font-size: 21px;}
.community-home .hero__account .acc-row {gap: 16px;}
@media(max-width: 760px) {
  .community-home .practice-ad {width: calc(100% - 32px); padding: 12px 14px; margin-bottom: 8px;}
  .community-home .hero__account .account-card {padding: 24px; border-radius: 24px;}
}
/* Reserve a compact banner without cropping an ad creative. Its actual ad unit
   has an inline fixed 50px height (AdSense expandable-width/fixed-height code). */
.community-home .practice-ad {
  position: relative;
  width: var(--practice-ad-width, calc(100% - 40px));
  height: var(--practice-ad-height, 92px);
  min-height: 0;
  padding: 0 14px;
}
.community-home .practice-ad .sidebar-card__title {
  position: absolute; top: 6px; left: 14px; right: 14px; height: 14px; margin: 0;
}
.community-home .practice-ad .sidebar-card__title :is(span,h3) {font-size: 9px; line-height: 1;}
.community-home .practice-ad .ad-unit-box {
  position: absolute; top: 24px; bottom: 6px; left: 14px; right: 14px;
  min-height: 0; overflow: visible; border-radius: 8px;
}
.community-home .practice-ad .ad-unit-box ins.adsbygoogle {min-height: 50px; flex: 0 0 100%;}
.community-home .game-story-menu i svg {width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8;}
.community-home .game-story-menu {max-height: calc(100dvh - 110px); overflow-y: auto;}