body.home-open {
  background: #f5f7fb;
}

body.home-open .workspace {
  display: block !important;
  overflow: hidden;
  background: #f5f7fb;
}

body.home-open .chat-pane,
body.home-open .world-pane {
  display: none !important;
}

.home-dashboard[hidden] {
  display: none !important;
}

.home-dashboard {
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  color: #17213a;
  background: #f5f7fb;
  scrollbar-gutter: stable;
}

.home-hero {
  position: relative;
  height: 150px;
  min-height: 150px;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(29, 38, 74, .78) 0%, rgba(40, 51, 88, .48) 32%, rgba(39, 55, 91, .18) 64%, rgba(31, 43, 73, .16) 100%),
    url('../images/home/hero.jpg') center center / cover no-repeat;
  box-shadow: inset 0 -1px rgba(10, 22, 44, .14);
}


.home-mobile-menu {
  display: none;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 67% 44%, rgba(105, 170, 255, .17), transparent 22%),
    linear-gradient(180deg, rgba(35, 45, 76, .04), rgba(24, 31, 58, .09));
}

.home-hero-copy,
.home-hero-side {
  position: relative;
  z-index: 1;
}

.home-hero-copy {
  max-width: 760px;
  align-self: center;
}

.home-hero h1 {
  margin: 0 0 5px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff;
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: -.55px;
  text-shadow: 0 2px 6px rgba(16, 24, 54, .25);
}

.home-wave {
  display: inline-block;
  font-size: 37px;
  line-height: 1;
  filter: drop-shadow(0 2px 3px rgba(20, 25, 52, .18));
}

.home-hero p {
  margin: 0;
  color: rgba(255, 255, 255, .95);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 520;
  text-shadow: 0 1px 3px rgba(17, 26, 52, .24);
}

.home-hero-side {
  height: 100%;
  min-width: 450px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 4px 0 0;
}

.home-hero-actions {
  position: absolute;
  top: 13px;
  right: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-hero-action,
.home-online-badge {
  height: 40px;
  border-radius: 21px;
  background: rgba(48, 47, 94, .74);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 5px 14px rgba(16, 20, 48, .18);
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  color: #fff;
}

.home-hero-action {
  position: relative;
  width: 40px;
  display: grid;
  place-items: center;
}

.home-hero-action .ui-icon {
  width: 20px;
  height: 20px;
  opacity: .88;
}

.home-hero-action em {
  position: absolute;
  top: -6px;
  right: -5px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #ff425c;
  color: #fff;
  border: 2px solid rgba(45, 44, 83, .9);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.home-online-badge {
  min-width: 82px;
  padding: 0 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
}

.home-online-badge .ui-icon {
  width: 18px;
  height: 18px;
  color: #a99dfb;
}

.home-online-badge b {
  font-size: 13px;
  font-weight: 780;
}

.home-avatar-figure {
  width: 74px;
  height: 111px;
  flex: 0 0 74px;
  position: relative;
  overflow: visible;
  background: transparent;
}

.home-avatar-figure .character-preview,
.home-avatar-figure .character-portrait {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 5px 3px rgba(17, 23, 52, .25));
}

.home-avatar-card {
  width: 166px;
  height: 70px;
  margin-bottom: 14px;
  padding: 10px 34px 9px 13px;
  position: relative;
  border-radius: 14px;
  background: rgba(255, 255, 255, .96);
  color: #1c2540;
  box-shadow: 0 9px 24px rgba(16, 24, 52, .17);
  text-align: left;
}

.home-avatar-card b {
  display: block;
  font-size: 12px;
  line-height: 1.15;
}

.home-avatar-card small {
  display: block;
  margin-top: 4px;
  color: #77819a;
  font-size: 9.5px;
  line-height: 1.22;
}

.home-avatar-card > .ui-icon {
  position: absolute;
  right: 11px;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translateY(-50%);
  color: #4059a8;
}

.home-content {
  padding: 10px 12px 4px;
}

.home-top-grid {
  display: grid;
  grid-template-columns: 1.08fr .94fr 1.05fr 1fr;
  gap: 10px;
  margin-bottom: 9px;
}

.home-card,
.home-section {
  min-width: 0;
  border: 1px solid #e7ebf3;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 3px 12px rgba(39, 55, 93, .055);
}

.home-card {
  height: 166px;
  min-height: 166px;
  padding: 12px 14px;
  border-radius: 13px;
  overflow: hidden;
}

.home-card-friends {
  background: linear-gradient(135deg, #f6faff 0%, #eef7ff 100%);
}

.home-card-important {
  background: linear-gradient(135deg, #fff7f7 0%, #ffeff2 100%);
}

.home-card-tasks {
  background: linear-gradient(135deg, #fffaf0 0%, #fff4dc 100%);
}

.home-card-worlds {
  background: linear-gradient(135deg, #f4fff8 0%, #e9fbf2 100%);
}

.home-card-head,
.home-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.home-card-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-card-title > .card-icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  background: transparent;
  border-radius: 0;
}

.home-card-title > .card-icon .ui-icon {
  width: 23px;
  height: 23px;
}

.home-card-title > .card-icon.blue { color: #1594ed; }
.home-card-title > .card-icon.red { color: #ff4966; }
.home-card-title > .card-icon.yellow { color: #ffb21c; }
.home-card-title > .card-icon.green { color: #13bd78; }

.home-card-title b {
  color: #1c253e;
  font-size: 14px;
  font-weight: 800;
}

.home-card-title .home-title-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ff4e64;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}

.home-card-link,
.home-section-link {
  padding: 3px 0;
  background: transparent;
  color: #2f7be7;
  font-size: 9.5px;
  font-weight: 650;
  white-space: nowrap;
}

.home-card-link:hover,
.home-section-link:hover {
  color: #125ecd;
}

.home-friends-list {
  min-height: 102px;
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}

.home-friend {
  width: 48px;
  min-width: 48px;
  text-align: center;
}

.home-friend-avatar,
.home-friend .character-preview,
.home-friend .character-portrait {
  width: 42px !important;
  height: 42px !important;
  margin: 0 auto 5px;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  object-fit: cover;
  background: #dceeff;
  box-shadow: 0 2px 7px rgba(49, 73, 118, .2), 0 0 0 2px #b8dbf5;
}

.home-friend b {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1b2439;
  font-size: 9px;
  line-height: 1.18;
}

.home-friend small {
  display: block;
  margin-top: 2px;
  color: #16b866;
  font-size: 8px;
  line-height: 1;
}

.home-friend-more {
  width: 46px;
  min-width: 46px;
  padding: 0;
  background: transparent;
  text-align: center;
}

.home-friend-more span {
  width: 42px;
  height: 42px;
  margin: 0 auto 5px;
  display: grid;
  place-items: center;
  border: 1px solid #cfdef1;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
  color: #3884e8;
  font-size: 13px;
  font-weight: 900;
}

.home-friend-more small {
  color: #347de0;
  font-size: 8px;
}

.home-friend-empty {
  width: 100%;
  min-height: 94px;
  padding: 0 5px;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: end;
  column-gap: 10px;
  background: transparent;
  text-align: left;
}

.home-friend-empty span {
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  align-self: center;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #3986e7;
  box-shadow: 0 3px 9px rgba(43, 72, 120, .1);
  font-size: 22px;
}

.home-friend-empty b {
  align-self: end;
  color: #1d2740;
  font-size: 10px;
}

.home-friend-empty small {
  align-self: start;
  color: #8b96aa;
  font-size: 8.5px;
}

.home-important-list {
  display: grid;
  gap: 3px;
  margin-top: 7px;
}

.home-important-row {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 3px 3px 3px 5px;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  background: transparent;
  text-align: left;
}

.home-important-row:hover {
  background: rgba(255, 255, 255, .56);
}

.home-important-row > span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #ff4b66;
  box-shadow: 0 1px 5px rgba(213, 74, 94, .12);
}

.home-important-row > span .ui-icon {
  width: 12px;
  height: 12px;
}

.home-important-row b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2a3144;
  font-size: 9.5px;
  font-weight: 640;
}

.home-important-row i {
  color: #6f7f9b;
  font-size: 16px;
  font-style: normal;
}

.home-tasks-list {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}

.home-task {
  display: grid;
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
}

.home-task-icon {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .75);
  color: #ff9f21;
}

.home-task-icon .ui-icon {
  width: 13px;
  height: 13px;
}

.home-task-main > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
}

.home-task-main b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #273147;
  font-size: 9.5px;
  font-weight: 620;
}

.home-task-main small {
  color: #526382;
  font-size: 8.5px;
}

.home-task-track {
  height: 3px;
  margin-top: 4px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(124, 137, 155, .17);
}

.home-task-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #1ea8f4;
}

.home-my-worlds {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}

.home-world-tile-mini {
  border-radius: 8px;
}

.home-world-tile-mini .home-world-image {
  height: 77px;
  aspect-ratio: auto;
  border-radius: 8px;
}

.home-world-tile-mini .home-world-copy {
  padding: 5px 1px 0;
}

.home-world-tile-mini .home-world-copy b {
  font-size: 8.5px;
}

.home-world-tile-mini .home-world-copy small {
  display: none;
}

.home-world-tile-mini .home-world-online {
  left: auto;
  right: 4px;
  bottom: -16px;
  padding: 0;
  background: transparent;
  color: #12b977;
  font-size: 8px;
  text-shadow: none;
  backdrop-filter: none;
}

.home-world-tile-mini .home-world-online .ui-icon {
  display: none;
}

.home-world-create-mini {
  height: 106px !important;
  min-height: 106px !important;
  border-color: #99e7c0 !important;
  background: rgba(238, 255, 247, .68) !important;
}

.home-world-create-mini > span {
  width: 30px;
  height: 30px;
  color: #15bc78 !important;
}

.home-section {
  margin-top: 0;
  padding: 10px 12px;
  border-radius: 13px;
}

.home-content > .home-section {
  height: 198px;
  margin-bottom: 9px;
}

.home-section-head {
  height: 42px;
  margin-bottom: 7px;
}

.home-section-title {
  min-width: 0;
}

.home-section-title > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-section-title .section-icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}

.home-section-title .section-icon .ui-icon {
  width: 24px;
  height: 24px;
}

.home-section-title .section-icon.flame { color: #ff6726; }
.home-section-title .section-icon.purple { color: #a53cf0; }
.home-section-title .section-icon.clock { color: #ffb116; }
.home-section-title .section-icon.grid { color: #1d9cf0; }

.home-section-title h2 {
  margin: 0;
  color: #17213a;
  font-size: 14.5px;
  line-height: 1.15;
  font-weight: 800;
}

.home-section-title p {
  margin: 2px 0 0 32px;
  color: #7888a5;
  font-size: 9.5px;
  line-height: 1.15;
}

.home-world-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
}

.home-world-tile,
.home-world-empty {
  min-width: 0;
  background: transparent;
  text-align: left;
}

.home-world-tile {
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(35, 51, 86, .045);
  transition: transform .16s ease, box-shadow .16s ease;
}

.home-world-tile:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(35, 51, 86, .11);
}

.home-world-image {
  position: relative;
  height: 91px;
  display: block;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  background: #e7ebf4 center / cover no-repeat;
}

.home-world-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 52%, rgba(16, 23, 40, .5));
}

.home-world-online {
  position: absolute;
  left: 6px;
  bottom: 5px;
  z-index: 2;
  min-height: 17px;
  padding: 2px 5px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  border-radius: 6px;
  background: rgba(27, 31, 45, .63);
  color: #fff;
  font-size: 8.5px;
  font-weight: 700;
  line-height: 1;
  backdrop-filter: blur(5px);
}

.home-world-online .ui-icon {
  width: 10px;
  height: 10px;
}

.home-world-copy {
  display: block;
  height: 42px;
  padding: 5px 7px 6px;
}

.home-world-copy b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #222a3f;
  font-size: 9.5px;
  line-height: 1.12;
  font-weight: 720;
}

.home-world-copy small {
  display: inline-block;
  max-width: 100%;
  margin-top: 3px;
  padding: 2px 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  background: #eef3ff;
  color: #5870ca;
  font-size: 8px;
  line-height: 1.1;
}

.home-world-empty {
  height: 133px;
  min-height: 133px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px dashed #cdd8ea;
  border-radius: 8px;
  background: rgba(249, 251, 255, .72);
  text-align: center;
}

.home-world-empty > span {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  color: #36bd77;
  font-size: 28px;
  line-height: 1;
}

.home-world-empty b {
  margin-top: 4px;
  color: #29334a;
  font-size: 9px;
}

.home-world-empty small {
  margin-top: 2px;
  color: #8996aa;
  font-size: 7.5px;
}

.home-split-sections {
  height: 189px;
  margin-bottom: 9px;
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(355px, 1fr);
  gap: 9px;
}

.home-split-sections .home-section {
  height: 189px;
}

.home-split-sections .home-section-head {
  height: 39px;
  margin-bottom: 5px;
}

.home-split-sections .home-world-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.home-split-sections .home-section:last-child .home-world-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-split-sections .home-world-image {
  height: 86px;
}

.home-split-sections .home-world-copy {
  height: 39px;
  padding-top: 4px;
}

.home-world-tile-compact .home-world-image {
  height: 86px;
}

.home-world-tile-compact .home-world-copy b {
  font-size: 9px;
}

.home-world-tile-compact .home-world-copy small {
  font-size: 7.5px;
}

.home-content > .home-section:last-child {
  height: 111px;
  margin-bottom: 0;
  padding-top: 7px;
}

.home-content > .home-section:last-child .home-section-head {
  height: 35px;
  margin-bottom: 3px;
}

.home-categories {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 8px;
}

.home-category {
  min-width: 0;
  height: 55px;
  padding: 5px 3px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #eef1f6;
  border-radius: 8px;
  background: #fff;
}

.home-category:first-child {
  background: #edf7ff;
  border-color: #dceefd;
}

.home-category:hover {
  background: #f4f8ff;
  border-color: #dce6f8;
}

.home-category .category-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
}

.home-category .category-icon .ui-icon {
  width: 18px;
  height: 18px;
}

.home-category:nth-child(1) .category-icon { color: #1e9ff0; }
.home-category:nth-child(2) .category-icon { color: #ff465a; }
.home-category:nth-child(3) .category-icon { color: #16b969; }
.home-category:nth-child(4) .category-icon { color: #2c9ee9; }
.home-category:nth-child(5) .category-icon { color: #f04c55; }
.home-category:nth-child(6) .category-icon { color: #9d3ef1; }
.home-category:nth-child(7) .category-icon { color: #298ae9; }
.home-category:nth-child(8) .category-icon { color: #9a5c31; }
.home-category:nth-child(9) .category-icon { color: #ff5546; }
.home-category:nth-child(10) .category-icon { color: #53678a; }

.home-category b {
  max-width: 100%;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #283149;
  font-size: 8px;
  line-height: 1.05;
}

.home-category small {
  margin-top: 1px;
  color: #657593;
  font-size: 7.5px;
  line-height: 1;
}

.home-world-copy small.home-world-tag-official { background: #edf0ff; color: #6378ed; }
.home-world-copy small.home-world-tag-recommended { background: #e7f1ff; color: #347be5; }
.home-world-copy small.home-world-tag-social { background: #f3ebff; color: #7654dc; }
.home-world-copy small.home-world-tag-walk { background: #dff8f0; color: #238a70; }
.home-world-copy small.home-world-tag-party { background: #ffe7f5; color: #c1488b; }
.home-world-copy small.home-world-tag-romance { background: #ffe7ef; color: #c14d71; }
.home-world-copy small.home-world-tag-friends { background: #edf0ff; color: #5067d6; }
.home-world-copy small.home-world-tag-creative { background: #e4f5ff; color: #277fad; }
.home-world-copy small.home-world-tag-work { background: #edf2fa; color: #4e607d; }
.home-world-copy small.home-world-tag-home { background: #fff0e4; color: #a36534; }
.home-world-copy small.home-world-tag-mine { background: #e4f1ff; color: #3476c7; }
.home-world-copy small.home-world-tag-shop { background: #fff2d8; color: #a66c12; }


@media (min-width: 1180px) and (min-height: 800px) {
  .home-dashboard {
    overflow-y: hidden;
  }
}

@media (min-width: 1025px) and (max-width: 1179px) {
  .home-hero-side {
    min-width: 360px;
  }

  .home-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-card {
    height: 166px;
  }

  .home-content > .home-section,
  .home-split-sections,
  .home-split-sections .home-section,
  .home-content > .home-section:last-child {
    height: auto;
  }

  .home-world-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-split-sections {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-split-sections .home-world-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-split-sections .home-section:last-child .home-world-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-categories {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  body.home-open {
    overflow: hidden;
  }

  body.home-open .workspace {
    height: 100dvh;
    min-height: 0;
  }

  .home-dashboard {
    height: 100dvh;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
  }

  .home-mobile-menu {
    position: absolute;
    top: calc(12px + env(safe-area-inset-top));
    left: 12px;
    z-index: 5;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    background: rgba(34, 41, 78, .62);
    color: #fff;
    box-shadow: 0 5px 16px rgba(12, 20, 43, .18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-size: 20px;
    line-height: 1;
  }

  .home-hero {
    height: 158px;
    min-height: 158px;
    padding: env(safe-area-inset-top) 18px 0 68px;
    gap: 12px;
    background-position: 54% center;
  }

  .home-hero-copy {
    max-width: min(620px, calc(100% - 190px));
  }

  .home-hero h1 {
    font-size: 29px;
  }

  .home-wave {
    font-size: 31px;
  }

  .home-hero p {
    font-size: 12px;
  }

  .home-hero-side {
    min-width: 160px;
    gap: 7px;
    padding-right: 0;
  }

  .home-avatar-card {
    display: none;
  }

  .home-avatar-figure {
    width: 64px;
    height: 96px;
    flex-basis: 64px;
  }

  .home-hero-actions {
    top: calc(12px + env(safe-area-inset-top));
    right: 12px;
  }

  .home-content {
    padding: 10px;
  }

  .home-top-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .home-card,
  .home-content > .home-section,
  .home-split-sections,
  .home-split-sections .home-section,
  .home-content > .home-section:last-child {
    height: auto;
  }

  .home-card {
    min-height: 166px;
  }

  .home-section {
    padding: 11px;
  }

  .home-content > .home-section,
  .home-split-sections {
    margin-bottom: 10px;
  }

  .home-section-head,
  .home-split-sections .home-section-head,
  .home-content > .home-section:last-child .home-section-head {
    height: auto;
    min-height: 42px;
    margin-bottom: 8px;
  }

  .home-world-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-world-image,
  .home-split-sections .home-world-image,
  .home-world-tile-compact .home-world-image {
    height: 112px;
  }

  .home-split-sections {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .home-split-sections .home-world-grid,
  .home-split-sections .home-section:last-child .home-world-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-categories {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .home-category {
    height: 62px;
  }
}

@media (max-width: 720px) {
  .home-hero {
    height: 166px;
    min-height: 166px;
    padding: calc(44px + env(safe-area-inset-top)) 13px 12px 13px;
    align-items: flex-end;
    background-position: 58% center;
  }

  .home-hero-copy {
    max-width: calc(100% - 76px);
  }

  .home-hero h1 {
    margin-bottom: 5px;
    gap: 7px;
    font-size: 24px;
  }

  .home-wave {
    font-size: 26px;
  }

  .home-hero p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 10.5px;
    line-height: 1.28;
  }

  .home-hero-break {
    display: none;
  }

  .home-hero-side {
    position: absolute;
    right: 12px;
    bottom: 0;
    width: 62px;
    min-width: 62px;
    height: 108px;
    padding: 0;
  }

  .home-hero-actions {
    top: calc(-42px - env(safe-area-inset-top));
    right: 0;
  }

  .home-online-badge {
    height: 34px;
    min-width: 68px;
    padding: 0 9px;
    gap: 5px;
  }

  .home-online-badge .ui-icon {
    width: 15px;
    height: 15px;
  }

  .home-online-badge b {
    font-size: 11px;
  }

  .home-hero-action {
    display: none;
  }

  .home-avatar-figure {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 62px;
    height: 94px;
    flex-basis: 62px;
  }

  .home-content {
    padding: 8px;
  }

  .home-top-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 8px;
  }

  .home-card {
    min-height: 0;
    padding: 12px;
  }

  .home-card-friends,
  .home-card-important,
  .home-card-tasks {
    min-height: 154px;
  }

  .home-card-worlds {
    min-height: 148px;
  }

  .home-friends-list {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 3px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .home-friends-list::-webkit-scrollbar {
    display: none;
  }

  .home-my-worlds {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-world-tile-mini .home-world-image {
    height: 82px;
  }

  .home-world-create-mini {
    height: 112px !important;
    min-height: 112px !important;
  }

  .home-section {
    padding: 10px;
    border-radius: 12px;
  }

  .home-section-title h2 {
    font-size: 14px;
  }

  .home-section-title p {
    display: none;
  }

  .home-section-link {
    font-size: 9px;
  }

  .home-world-grid,
  .home-split-sections .home-world-grid,
  .home-split-sections .home-section:last-child .home-world-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .home-world-image,
  .home-split-sections .home-world-image,
  .home-world-tile-compact .home-world-image {
    height: 102px;
  }

  .home-world-copy {
    height: 44px;
  }

  .home-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .home-category {
    height: 60px;
  }
}

@media (max-width: 420px) {
  .home-mobile-menu {
    top: calc(10px + env(safe-area-inset-top));
    left: 10px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 19px;
  }

  .home-hero {
    height: 160px;
    min-height: 160px;
    padding-top: calc(43px + env(safe-area-inset-top));
    background-position: 61% center;
  }

  .home-hero-copy {
    max-width: calc(100% - 68px);
  }

  .home-hero h1 {
    font-size: 22px;
  }

  .home-wave {
    font-size: 24px;
  }

  .home-hero p {
    font-size: 10px;
  }

  .home-hero-side {
    right: 8px;
    width: 58px;
    min-width: 58px;
  }

  .home-avatar-figure {
    width: 58px;
    height: 90px;
  }

  .home-online-badge {
    min-width: 62px;
    padding: 0 7px;
  }

  .home-card-head {
    gap: 6px;
  }

  .home-card-title b {
    font-size: 13px;
  }

  .home-card-link {
    font-size: 9px;
  }

  .home-my-worlds {
    gap: 6px;
  }

  .home-world-tile-mini .home-world-image {
    height: 76px;
  }

  .home-world-create-mini {
    height: 106px !important;
    min-height: 106px !important;
  }

  .home-world-image,
  .home-split-sections .home-world-image,
  .home-world-tile-compact .home-world-image {
    height: 88px;
  }

  .home-world-copy b {
    font-size: 9px;
  }

  .home-world-copy small {
    font-size: 7.5px;
  }
}

.home-world-image {
  transition: background-color .18s ease, filter .18s ease;
}

.home-world-image:not(.is-loaded) {
  background-color: #e9edf5;
}

/* v166 — главные карточки в стиле лаконичных dashboard tiles */
.home-top-grid {
  gap: 12px;
  margin-bottom: 12px;
}

.home-top-grid .home-card {
  position: relative;
  isolation: isolate;
  min-height: 168px;
  height: 168px;
  padding: 14px 15px;
  border: 1px solid rgba(119, 132, 157, .22);
  border-radius: 16px;
  background: #2f3746;
  box-shadow: 0 8px 22px rgba(28, 38, 58, .12);
  overflow: hidden;
}

.home-top-grid .home-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 52%);
}

.home-top-grid .home-card::after {
  content: '';
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -62px;
  height: 94px;
  z-index: -1;
  pointer-events: none;
  border-radius: 50% 50% 0 0 / 90% 90% 0 0;
  opacity: .52;
  transform: rotate(-2deg);
}

.home-top-grid .home-card-friends {
  background: linear-gradient(145deg, #303947 0%, #293240 100%);
}
.home-top-grid .home-card-friends::after {
  background: linear-gradient(90deg, rgba(58,151,228,.16), rgba(93,105,180,.08));
}

.home-top-grid .home-card-important {
  background: linear-gradient(145deg, #333847 0%, #2c3341 100%);
}
.home-top-grid .home-card-important::after {
  background: linear-gradient(90deg, rgba(248,119,91,.10), rgba(175,87,195,.16));
}

.home-top-grid .home-card-tasks {
  border-color: rgba(190, 100, 235, .35);
  background: linear-gradient(135deg, #573272 0%, #4a2b69 48%, #604087 100%);
  box-shadow: 0 10px 26px rgba(91, 52, 123, .20);
}
.home-top-grid .home-card-tasks::after {
  height: 100px;
  bottom: -66px;
  background: linear-gradient(90deg, rgba(181,85,220,.38), rgba(122,74,182,.08));
}

.home-top-grid .home-card-worlds {
  background: linear-gradient(145deg, #303946 0%, #29323f 100%);
}
.home-top-grid .home-card-worlds::after {
  background: linear-gradient(90deg, rgba(40,190,139,.14), rgba(72,151,194,.08));
}

.home-top-grid .home-card-title b,
.home-top-grid .home-card-link,
.home-top-grid .home-friend b,
.home-top-grid .home-task-main b,
.home-top-grid .home-world-copy b,
.home-top-grid .home-important-row b {
  color: #fff;
}

.home-top-grid .home-card-link {
  color: #cbd9ee;
  font-size: 9px;
}
.home-top-grid .home-card-link:hover { color: #fff; }

.home-top-grid .home-card-title > .card-icon {
  width: 29px;
  height: 29px;
  border-radius: 9px;
  background: rgba(255,255,255,.07);
}
.home-top-grid .home-card-title > .card-icon .ui-icon {
  width: 17px;
  height: 17px;
}
.home-top-grid .home-card-title b {
  font-size: 14px;
  letter-spacing: -.1px;
}
.home-top-grid .home-title-badge {
  box-shadow: 0 0 0 2px rgba(255,255,255,.08);
}

/* Friends */
.home-top-grid .home-friends-list {
  min-height: 102px;
  margin-top: 14px;
  align-items: center;
  gap: 10px;
}
.home-top-grid .home-friend {
  width: 52px;
  min-width: 52px;
}
.home-top-grid .home-friend-avatar,
.home-top-grid .home-friend .character-preview,
.home-top-grid .home-friend .character-portrait {
  width: 45px !important;
  height: 45px !important;
  margin-bottom: 6px;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 0 0 2px rgba(82, 164, 229, .26), 0 5px 12px rgba(0,0,0,.18);
}
.home-top-grid .home-friend small {
  color: #75e6a3;
  font-size: 8px;
}
.home-top-grid .home-friend-more span {
  width: 45px;
  height: 45px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  color: #c8d9f4;
  box-shadow: none;
}
.home-top-grid .home-friend-more small { color: #bdcbe0; }
.home-top-grid .home-friend-empty {
  min-height: 92px;
}
.home-top-grid .home-friend-empty span {
  background: rgba(255,255,255,.08);
  color: #6cc8ff;
  box-shadow: none;
}
.home-top-grid .home-friend-empty b { color: #fff; }
.home-top-grid .home-friend-empty small { color: #aeb8c8; }

/* Important — отдельные компактные карточки внутри блока */
.home-top-grid .home-important-list {
  gap: 7px;
  margin-top: 10px;
}
.home-top-grid .home-important-row {
  height: 34px;
  min-height: 34px;
  padding: 4px 8px 4px 6px;
  grid-template-columns: 25px minmax(0, 1fr) 10px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(19,25,35,.24);
}
.home-top-grid .home-important-row:hover {
  background: rgba(255,255,255,.08);
}
.home-top-grid .home-important-row > span {
  width: 24px;
  height: 24px;
  background: rgba(255,255,255,.08);
  color: #ff798d;
  box-shadow: none;
}
.home-top-grid .home-important-row b {
  font-size: 9.3px;
  font-weight: 650;
}
.home-top-grid .home-important-row i { color: #9caabd; }
.home-top-grid .home-important-empty {
  margin-top: 20px;
  color: #aeb8c8;
}

/* Tasks — фиолетовая карточка из референса без лишней иллюстрации */
.home-top-grid .home-card-tasks .home-card-title > .card-icon {
  background: rgba(255,255,255,.09);
}
.home-top-grid .home-card-tasks .home-card-title > .card-icon.yellow {
  color: #ffd17a;
}
.home-top-grid .home-tasks-list {
  gap: 8px;
  margin-top: 11px;
}
.home-top-grid .home-task {
  grid-template-columns: 27px minmax(0,1fr);
  gap: 8px;
}
.home-top-grid .home-task-icon {
  width: 26px;
  height: 26px;
  background: rgba(255,255,255,.09);
  color: #ffd17a;
}
.home-top-grid .home-task-main small {
  color: #e5dcf0;
  font-weight: 700;
}
.home-top-grid .home-task-track {
  height: 4px;
  background: rgba(255,255,255,.12);
}
.home-top-grid .home-task-track i {
  background: linear-gradient(90deg, #fff, #d6b5ff);
}

/* My worlds */
.home-top-grid .home-my-worlds {
  gap: 8px;
  margin-top: 12px;
}
.home-top-grid .home-world-tile-mini {
  overflow: visible;
}
.home-top-grid .home-world-tile-mini .home-world-image {
  height: 78px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 10px;
  box-shadow: 0 5px 12px rgba(0,0,0,.16);
}
.home-top-grid .home-world-tile-mini .home-world-copy {
  padding-top: 6px;
}
.home-top-grid .home-world-tile-mini .home-world-copy b {
  font-size: 8.5px;
}
.home-top-grid .home-world-create-mini {
  height: 108px !important;
  min-height: 108px !important;
  border: 1px dashed rgba(103, 225, 177, .52) !important;
  background: rgba(24, 67, 57, .18) !important;
}
.home-top-grid .home-world-create-mini > span {
  color: #6ee3b2 !important;
}
.home-top-grid .home-world-create-mini b { color: #fff !important; }
.home-top-grid .home-world-create-mini small { color: #aeb8c8 !important; }

/* Удалённый блок категорий больше не участвует в сетке главной */
.home-categories { display: none !important; }

@media (max-width: 1179px) {
  .home-top-grid .home-card { height: 170px; min-height: 170px; }
}

@media (max-width: 720px) {
  .home-top-grid {
    gap: 9px;
  }
  .home-top-grid .home-card {
    height: auto;
    min-height: 154px;
    padding: 13px;
    border-radius: 15px;
  }
  .home-top-grid .home-card-tasks { min-height: 166px; }
  .home-top-grid .home-card-worlds { min-height: 154px; }
  .home-top-grid .home-card::after { bottom: -70px; }
  .home-top-grid .home-friends-list { margin-top: 13px; }
  .home-top-grid .home-my-worlds { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 420px) {
  .home-top-grid .home-card-title > .card-icon {
    width: 27px;
    height: 27px;
  }
  .home-top-grid .home-card-title b { font-size: 13px; }
  .home-top-grid .home-important-row b,
  .home-top-grid .home-task-main b { font-size: 9px; }
}

/* v167 — карточки главной по референсу: секционные заголовки + выразительные tiles */
.home-top-grid {
  display: grid;
  grid-template-columns: minmax(250px, .95fr) minmax(360px, 1.25fr) minmax(300px, 1.05fr);
  grid-template-areas:
    "friends important worlds"
    "tasks tasks worlds";
  gap: 14px 16px;
  align-items: start;
  margin-bottom: 16px;
}

.home-top-grid .home-card {
  height: auto;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-top-grid .home-card::before,
.home-top-grid .home-card::after { display: none; }
.home-top-grid .home-card-friends { grid-area: friends; }
.home-top-grid .home-card-important { grid-area: important; }
.home-top-grid .home-card-tasks { grid-area: tasks; }
.home-top-grid .home-card-worlds { grid-area: worlds; }

.home-top-grid .home-card-head {
  min-height: 30px;
  margin: 0 2px 8px;
  padding: 0;
}
.home-top-grid .home-card-title {
  gap: 7px;
}
.home-top-grid .home-card-title > .card-icon {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: transparent;
}
.home-top-grid .home-card-title > .card-icon .ui-icon {
  width: 20px;
  height: 20px;
}
.home-top-grid .home-card-title b {
  color: #697184;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.2px;
}
.home-top-grid .home-card-link {
  color: #7e8aa0;
  font-size: 10px;
  font-weight: 700;
}
.home-top-grid .home-card-link:hover { color: #53647d; }
.home-top-grid .home-title-badge {
  min-width: 19px;
  height: 19px;
  background: #ff5269;
  color: #fff;
  box-shadow: none;
}

/* Друзья — одна карточка как в референсе */
.home-top-grid .home-friends-list {
  min-height: 0;
  margin: 0;
  display: block;
}
.home-friends-summary-card {
  width: 100%;
  min-height: 118px;
  display: grid;
  grid-template-columns: 58px minmax(90px, 1fr) auto 22px;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  border: 1px solid rgba(110, 92, 194, .44);
  border-radius: 16px;
  background:
    radial-gradient(circle at 83% 24%, rgba(151, 91, 224, .22), transparent 29%),
    linear-gradient(135deg, #343a58 0%, #2e334d 55%, #382b59 100%);
  box-shadow: 0 10px 24px rgba(44, 48, 80, .13);
  color: #fff;
  text-align: left;
  overflow: hidden;
}
.home-friends-summary-card:hover { transform: translateY(-1px); }
.home-friends-summary-count {
  color: #11c9ee;
  font-size: 50px;
  line-height: .9;
  font-weight: 500;
  letter-spacing: -3px;
}
.home-friends-summary-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.home-friends-summary-copy b {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f6f7fb;
  font-size: 14px;
  font-weight: 800;
}
.home-friends-summary-copy b i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #36e78c;
  box-shadow: 0 0 0 3px rgba(54,231,140,.08);
}
.home-friends-summary-copy small {
  color: #9ca4b9;
  font-size: 12px;
  font-weight: 650;
}
.home-friends-summary-avatars {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 50px;
}
.home-friends-summary-avatar {
  width: 48px;
  height: 48px;
  margin-left: -13px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.92);
  border-radius: 50%;
  background: #eef2f8;
  box-shadow: 0 5px 14px rgba(0,0,0,.22);
}
.home-friends-summary-avatar:first-child { margin-left: 0; }
.home-friends-summary-avatar .home-friend-avatar,
.home-friends-summary-avatar .character-preview,
.home-friends-summary-avatar .character-portrait {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.home-friends-summary-placeholder {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(141, 105, 209, .25);
  color: #9b82df;
}
.home-friends-summary-placeholder .ui-icon { width: 28px; height: 28px; }
.home-friends-summary-arrow {
  color: #c4c7d5;
  font-size: 32px;
  font-weight: 300;
}

/* Важное — самостоятельные карточки, а не строки внутри контейнера */
.home-top-grid .home-important-list {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.home-important-summary-card {
  position: relative;
  min-height: 118px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 10px;
  padding: 14px 13px;
  overflow: hidden;
  border: 1px solid rgba(116, 91, 184, .37);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 12%, rgba(137, 80, 217, .22), transparent 34%),
    linear-gradient(135deg, #393c58 0%, #302f4d 62%, #472c62 100%);
  box-shadow: 0 9px 22px rgba(43, 43, 76, .12);
  color: #fff;
  text-align: left;
}
.home-important-summary-card::after {
  content: '';
  position: absolute;
  left: -8%;
  right: 15%;
  bottom: -42px;
  height: 70px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(96,57,151,.25), rgba(174,81,201,.14));
  transform: rotate(-3deg);
}
.home-important-summary-count {
  position: relative;
  z-index: 2;
  color: #ffb153;
  font-size: 42px;
  line-height: .95;
  font-weight: 600;
}
.home-important-summary-copy {
  position: relative;
  z-index: 2;
}
.home-important-summary-copy b {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 1.22;
  font-weight: 800;
  text-transform: none;
}
.home-important-summary-art {
  position: absolute;
  right: 24px;
  bottom: 17px;
  z-index: 1;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(194,125,239,.25), rgba(106,74,175,.12));
  color: #c585ef;
  transform: rotate(-5deg);
}
.home-important-summary-art .ui-icon { width: 29px; height: 29px; }
.home-important-summary-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 2;
  color: rgba(255,255,255,.56);
  font-size: 25px;
  transform: translateY(-50%);
}
.home-important-summary-card:hover,
.home-task-summary-card:hover { transform: translateY(-1px); }

/* Задания — одна широкая акцентная карточка */
.home-top-grid .home-tasks-list {
  margin: 0;
  display: block;
}
.home-task-summary-card {
  position: relative;
  width: 100%;
  min-height: 138px;
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 18px;
  padding: 18px 22px;
  overflow: hidden;
  border: 1px solid rgba(163, 78, 218, .56);
  border-radius: 17px;
  background:
    radial-gradient(circle at 14% 18%, rgba(220,78,235,.24), transparent 25%),
    linear-gradient(135deg, #5f2f7c 0%, #4b2867 48%, #62367e 100%);
  box-shadow: 0 11px 26px rgba(84, 42, 112, .17);
  color: #fff;
  text-align: left;
}
.home-task-summary-card::after {
  content: '';
  position: absolute;
  left: -4%;
  right: -8%;
  bottom: -61px;
  height: 105px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(217,83,220,.34), rgba(127,83,188,.09));
  transform: rotate(-4deg);
}
.home-task-summary-visual {
  position: relative;
  z-index: 2;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border-radius: 25px;
  background: linear-gradient(145deg, #bf48d8, #7b2ca8);
  color: #ffd175;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 20px rgba(41,17,70,.28);
  transform: rotate(-4deg);
}
.home-task-summary-visual > .ui-icon { width: 48px; height: 48px; }
.home-task-summary-visual i {
  position: absolute;
  right: -10px;
  top: -9px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffcc67;
  color: #704198;
  box-shadow: 0 5px 12px rgba(0,0,0,.18);
}
.home-task-summary-visual i .ui-icon { width: 17px; height: 17px; }
.home-task-summary-copy {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-task-summary-copy b {
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: -.35px;
}
.home-task-summary-copy small {
  width: max-content;
  max-width: 100%;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(31,22,49,.46);
  color: #eee9f4;
  font-size: 11px;
  font-weight: 750;
}
.home-task-summary-track {
  width: min(330px, 100%);
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
}
.home-task-summary-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f4b5ff, #fff);
}
.home-task-summary-arrow {
  position: relative;
  z-index: 2;
  justify-self: end;
  color: rgba(255,255,255,.68);
  font-size: 34px;
  font-weight: 300;
}

/* Мои миры — отдельная коллекционная карточка с реальными превью */
.home-top-grid .home-my-worlds {
  min-height: 286px;
  margin: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(88, 104, 132, .35);
  border-radius: 17px;
  background: linear-gradient(145deg, #343c49 0%, #2b3442 100%);
  box-shadow: 0 10px 24px rgba(39, 48, 65, .12);
}
.home-top-grid .home-world-tile-mini .home-world-image {
  height: 94px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 11px;
  box-shadow: 0 5px 12px rgba(0,0,0,.17);
}
.home-top-grid .home-world-tile-mini .home-world-copy {
  padding: 7px 2px 0;
}
.home-top-grid .home-world-tile-mini .home-world-copy b {
  color: #fff;
  font-size: 10px;
  font-weight: 760;
}
.home-top-grid .home-world-create-mini {
  min-height: 126px !important;
  height: 126px !important;
  border: 1px dashed rgba(92, 222, 176, .5) !important;
  border-radius: 12px !important;
  background: rgba(18, 65, 54, .16) !important;
}
.home-top-grid .home-world-create-mini > span { color: #64e4b3 !important; }
.home-top-grid .home-world-create-mini b { color: #fff !important; }
.home-top-grid .home-world-create-mini small { color: #aeb8c8 !important; }

@media (max-width: 1180px) {
  .home-top-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-areas:
      "friends important"
      "tasks tasks"
      "worlds worlds";
  }
  .home-top-grid .home-my-worlds {
    min-height: 0;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .home-top-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "friends" "important" "tasks" "worlds";
    gap: 14px;
  }
  .home-top-grid .home-card { min-height: 0; padding: 0; border-radius: 0; }
  .home-top-grid .home-important-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-friends-summary-card { min-height: 108px; grid-template-columns: 52px minmax(0,1fr) auto 18px; padding: 13px 14px; }
  .home-friends-summary-count { font-size: 44px; }
  .home-friends-summary-avatar { width: 43px; height: 43px; }
  .home-important-summary-card { min-height: 105px; padding: 12px 11px; grid-template-columns: 40px minmax(0,1fr); }
  .home-important-summary-count { font-size: 37px; }
  .home-important-summary-copy b { font-size: 11px; }
  .home-important-summary-art { width: 39px; height: 39px; right: 19px; bottom: 12px; }
  .home-important-summary-art .ui-icon { width: 24px; height: 24px; }
  .home-task-summary-card { min-height: 126px; grid-template-columns: 82px minmax(0,1fr) 18px; gap: 12px; padding: 14px; }
  .home-task-summary-visual { width: 75px; height: 75px; border-radius: 21px; }
  .home-task-summary-visual > .ui-icon { width: 39px; height: 39px; }
  .home-task-summary-copy b { font-size: 16px; }
  .home-top-grid .home-my-worlds { grid-template-columns: repeat(3, minmax(0,1fr)); padding: 10px; }
}

@media (max-width: 430px) {
  .home-top-grid .home-important-list { gap: 8px; }
  .home-important-summary-card { min-height: 98px; }
  .home-important-summary-art { opacity: .72; }
  .home-friends-summary-avatars .home-friends-summary-avatar:nth-child(n+3) { display: none; }
  .home-task-summary-card { grid-template-columns: 70px minmax(0,1fr); }
  .home-task-summary-arrow { display: none; }
  .home-task-summary-visual { width: 64px; height: 64px; border-radius: 18px; }
  .home-task-summary-visual > .ui-icon { width: 33px; height: 33px; }
  .home-task-summary-copy b { font-size: 15px; }
  .home-top-grid .home-my-worlds { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* v168 — точная коррекция карточек по пользовательскому референсу: компактно, без тяжёлой «рисованности» */
.home-top-grid {
  grid-template-columns: minmax(270px, .95fr) minmax(390px, 1.32fr) minmax(300px, 1.02fr);
  grid-template-areas:
    "friends important worlds"
    "tasks tasks worlds";
  gap: 12px 16px;
  align-items: start;
}

.home-top-grid .home-card-head {
  min-height: 24px;
  margin: 0 4px 7px;
}
.home-top-grid .home-card-title { gap: 6px; }
.home-top-grid .home-card-title > .card-icon {
  width: 20px;
  height: 20px;
  border-radius: 0;
}
.home-top-grid .home-card-title > .card-icon .ui-icon {
  width: 18px;
  height: 18px;
}
.home-top-grid .home-card-title b {
  color: #7b8190;
  font-size: 14px;
  font-weight: 780;
}
.home-top-grid .home-card-link {
  color: #7f8798;
  font-size: 9px;
  font-weight: 700;
}

/* Друзья — низкая горизонтальная карточка, как в референсе */
.home-friends-summary-card {
  min-height: 92px;
  height: 92px;
  grid-template-columns: 54px minmax(95px, 1fr) auto 15px;
  gap: 9px;
  padding: 12px 13px;
  border: 1px solid rgba(123, 108, 188, .42);
  border-radius: 15px;
  background:
    radial-gradient(circle at 89% 18%, rgba(121, 92, 188, .18), transparent 30%),
    linear-gradient(135deg, #3a3b50 0%, #35364a 64%, #3a3152 100%);
  box-shadow: 0 6px 16px rgba(40, 44, 65, .10);
}
.home-friends-summary-card::after {
  content: '';
  position: absolute;
  left: -6%;
  right: 38%;
  bottom: -31px;
  height: 48px;
  border-radius: 50%;
  background: rgba(107, 74, 157, .16);
  transform: rotate(-4deg);
  pointer-events: none;
}
.home-friends-summary-count {
  position: relative;
  z-index: 1;
  color: #14c8e9;
  font-size: 46px;
  line-height: .9;
  font-weight: 520;
  letter-spacing: -2.5px;
}
.home-friends-summary-copy { position: relative; z-index: 1; gap: 2px; }
.home-friends-summary-copy b {
  color: #f7f8fb;
  font-size: 13px;
  font-weight: 780;
}
.home-friends-summary-copy small {
  color: #a7adbd;
  font-size: 11px;
  font-weight: 600;
}
.home-friends-summary-avatars { position: relative; z-index: 1; }
.home-friends-summary-avatar {
  width: 42px;
  height: 42px;
  margin-left: -11px;
  border-width: 2px;
  box-shadow: 0 3px 9px rgba(10, 13, 25, .18);
}
.home-friends-summary-placeholder { width: 42px; height: 42px; }
.home-friends-summary-placeholder .ui-icon { width: 24px; height: 24px; }
.home-friends-summary-arrow {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.66);
  font-size: 24px;
}

/* Важное — две самостоятельные мини-карточки */
.home-top-grid .home-important-list { gap: 10px; }
.home-important-summary-card {
  min-height: 92px;
  height: 92px;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px;
  padding: 12px 34px 12px 12px;
  border: 1px solid rgba(120, 99, 183, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% 24%, rgba(145, 93, 207, .15), transparent 30%),
    linear-gradient(135deg, #3b3b50 0%, #34354a 62%, #3b3151 100%);
  box-shadow: 0 6px 15px rgba(41, 44, 65, .09);
}
.home-important-summary-card::after {
  left: -9%;
  right: 34%;
  bottom: -28px;
  height: 45px;
  background: rgba(102, 67, 153, .16);
}
.home-important-summary-count {
  color: #ffb053;
  font-size: 39px;
  line-height: .92;
  font-weight: 560;
}
.home-important-summary-copy b {
  max-width: 92px;
  color: #f7f7fa;
  font-size: 11px;
  line-height: 1.12;
  font-weight: 790;
}
.home-important-summary-art {
  right: 15px;
  bottom: 12px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(137, 90, 191, .16);
  color: rgba(199, 139, 239, .85);
  transform: rotate(-5deg);
}
.home-important-summary-art .ui-icon { width: 23px; height: 23px; }
.home-important-summary-arrow {
  right: 7px;
  color: rgba(255,255,255,.52);
  font-size: 20px;
}

/* Задания — компактная широкая карточка, без огромной иллюстрации */
.home-task-summary-card {
  min-height: 108px;
  height: 108px;
  grid-template-columns: 78px minmax(0, 1fr) 20px;
  gap: 15px;
  padding: 13px 18px;
  border: 1px solid rgba(143, 84, 190, .50);
  border-radius: 15px;
  background:
    radial-gradient(circle at 12% 22%, rgba(190, 74, 218, .17), transparent 25%),
    linear-gradient(135deg, #5b3373 0%, #4d2f65 57%, #56316e 100%);
  box-shadow: 0 7px 18px rgba(81, 45, 101, .13);
}
.home-task-summary-card::after {
  left: -5%;
  right: -5%;
  bottom: -52px;
  height: 78px;
  background: rgba(193, 71, 205, .15);
}
.home-task-summary-visual {
  width: 68px;
  height: 68px;
  border-radius: 19px;
  background: linear-gradient(145deg, #b93ad0, #8b2cb1);
  color: #ffd66f;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 13px rgba(37,19,51,.22);
  transform: rotate(-4deg);
}
.home-task-summary-visual > .ui-icon { width: 34px; height: 34px; }
.home-task-summary-visual i {
  right: -7px;
  top: -7px;
  width: 25px;
  height: 25px;
  box-shadow: 0 3px 8px rgba(0,0,0,.14);
}
.home-task-summary-visual i .ui-icon { width: 14px; height: 14px; }
.home-task-summary-copy { gap: 6px; }
.home-task-summary-copy b {
  font-size: 17px;
  line-height: 1.08;
  font-weight: 820;
}
.home-task-summary-copy small {
  padding: 5px 9px;
  background: rgba(28, 20, 43, .38);
  color: #eeeaf2;
  font-size: 10px;
}
.home-task-summary-track {
  width: min(310px, 100%);
  height: 4px;
}
.home-task-summary-arrow {
  color: rgba(255,255,255,.58);
  font-size: 26px;
}

/* Мои миры — без белых вложенных карточек */
.home-top-grid .home-my-worlds {
  min-height: 238px;
  padding: 11px;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  border: 1px solid rgba(96, 106, 126, .33);
  border-radius: 15px;
  background: linear-gradient(145deg, #353c49 0%, #303745 100%);
  box-shadow: 0 7px 17px rgba(38, 46, 60, .10);
}
.home-top-grid .home-world-tile-mini {
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 11px !important;
  background: #2e3542 !important;
  box-shadow: none !important;
}
.home-top-grid .home-world-tile-mini .home-world-image {
  height: 86px;
  border: 0;
  border-radius: 11px 11px 8px 8px;
  box-shadow: none;
}
.home-top-grid .home-world-tile-mini .home-world-online { display: none; }
.home-top-grid .home-world-tile-mini .home-world-copy {
  min-height: 30px;
  padding: 6px 3px 2px;
  background: transparent;
}
.home-top-grid .home-world-tile-mini .home-world-copy b {
  color: #f5f7fa;
  font-size: 10px;
  font-weight: 720;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-top-grid .home-world-tile-mini .home-world-copy small { display: none; }
.home-top-grid .home-world-create-mini {
  min-height: 119px !important;
  height: 119px !important;
  border: 1px dashed rgba(92, 222, 176, .42) !important;
  border-radius: 11px !important;
  background: rgba(25, 60, 55, .16) !important;
}
.home-top-grid .home-world-create-mini > span { color: #54d9a7 !important; }
.home-top-grid .home-world-create-mini b { color: #f3f6f7 !important; font-size: 10px !important; }
.home-top-grid .home-world-create-mini small { color: #939dad !important; font-size: 8px !important; }

@media (max-width: 1180px) {
  .home-top-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-areas:
      "friends important"
      "tasks tasks"
      "worlds worlds";
  }
  .home-top-grid .home-my-worlds {
    min-height: 0;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .home-top-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "friends" "important" "tasks" "worlds";
    gap: 13px;
  }
  .home-friends-summary-card {
    height: 96px;
    min-height: 96px;
    grid-template-columns: 50px minmax(0,1fr) auto 14px;
    padding: 12px 13px;
  }
  .home-friends-summary-count { font-size: 43px; }
  .home-friends-summary-avatar { width: 40px; height: 40px; }
  .home-top-grid .home-important-list { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
  .home-important-summary-card {
    height: 94px;
    min-height: 94px;
    grid-template-columns: 42px minmax(0,1fr);
    padding: 11px 28px 11px 10px;
  }
  .home-important-summary-count { font-size: 36px; }
  .home-important-summary-copy b { font-size: 10px; }
  .home-important-summary-art { width: 34px; height: 34px; right: 12px; bottom: 10px; }
  .home-task-summary-card {
    height: 112px;
    min-height: 112px;
    grid-template-columns: 72px minmax(0,1fr) 16px;
    gap: 12px;
    padding: 13px 14px;
  }
  .home-task-summary-visual { width: 64px; height: 64px; border-radius: 18px; }
  .home-task-summary-visual > .ui-icon { width: 31px; height: 31px; }
  .home-task-summary-copy b { font-size: 15px; }
  .home-top-grid .home-my-worlds { grid-template-columns: repeat(3, minmax(0,1fr)); padding: 9px; }
}

@media (max-width: 430px) {
  .home-top-grid .home-card-head { margin-bottom: 6px; }
  .home-top-grid .home-important-list { gap: 7px; }
  .home-important-summary-card { height: 90px; min-height: 90px; }
  .home-important-summary-art { opacity: .62; }
  .home-friends-summary-avatars .home-friends-summary-avatar:nth-child(n+3) { display: none; }
  .home-task-summary-card { grid-template-columns: 62px minmax(0,1fr); }
  .home-task-summary-arrow { display: none; }
  .home-task-summary-visual { width: 56px; height: 56px; border-radius: 16px; }
  .home-task-summary-visual > .ui-icon { width: 28px; height: 28px; }
  .home-task-summary-copy b { font-size: 14px; }
  .home-top-grid .home-my-worlds { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* v169 — полный редизайн верхних карточек главной по референсу пользователя */
.home-top-grid {
  grid-template-columns: minmax(0, 1.32fr) minmax(320px, .92fr);
  grid-template-areas:
    "friends worlds"
    "important worlds"
    "tasks worlds";
  gap: 18px 18px;
  align-items: start;
  margin-bottom: 24px;
}

.home-top-grid .home-card {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.home-top-grid .home-card::before,
.home-top-grid .home-card::after { display: none !important; }
.home-top-grid .home-card-friends { grid-area: friends; }
.home-top-grid .home-card-important { grid-area: important; }
.home-top-grid .home-card-tasks { grid-area: tasks; }
.home-top-grid .home-card-worlds { grid-area: worlds; }

.home-top-grid .home-card-head {
  min-height: 0;
  margin: 0 2px 10px;
  padding: 0;
}
.home-top-grid .home-card-title {
  gap: 8px;
}
.home-top-grid .home-card-title > .card-icon {
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: transparent;
}
.home-top-grid .home-card-title > .card-icon .ui-icon {
  width: 18px;
  height: 18px;
}
.home-top-grid .home-card-title b {
  color: #757d8e;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.15px;
}
.home-top-grid .home-card-link {
  color: #8490a4;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.home-top-grid .home-card-link:hover {
  color: #5f6e86;
}
.home-top-grid .home-title-badge {
  min-width: 19px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ff5a72;
  color: #fff;
  box-shadow: 0 8px 14px rgba(255, 90, 114, .22);
}

.home-friends-summary-card,
.home-important-summary-card,
.home-task-summary-card,
.home-top-grid .home-my-worlds {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.home-friends-summary-card::before,
.home-important-summary-card::before,
.home-task-summary-card::before,
.home-top-grid .home-my-worlds::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  z-index: 0;
}
.home-friends-summary-card > *,
.home-important-summary-card > *,
.home-task-summary-card > *,
.home-top-grid .home-my-worlds > * { position: relative; z-index: 1; }

/* Друзья */
.home-top-grid .home-friends-list {
  display: block;
  margin: 0;
}
.home-friends-summary-card {
  width: 100%;
  min-height: 96px;
  display: grid;
  grid-template-columns: 62px minmax(120px, 1fr) auto 14px;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 22px;
  border: 1px solid rgba(115, 98, 190, .42);
  background: linear-gradient(135deg, #303550 0%, #34304f 58%, #43305c 100%);
  box-shadow: 0 14px 28px rgba(40, 43, 69, .12);
  color: #fff;
  text-align: left;
}
.home-friends-summary-card::after {
  content: '';
  position: absolute;
  left: -7%;
  right: 28%;
  bottom: -44px;
  height: 78px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(131, 84, 205, .24), rgba(111, 71, 183, .08));
  z-index: 0;
}
.home-friends-summary-count {
  font-size: 56px;
  line-height: .9;
  font-weight: 600;
  letter-spacing: -3px;
  color: #16c9f4;
}
.home-friends-summary-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.home-friends-summary-copy b {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
}
.home-friends-summary-copy b i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #45e586;
  box-shadow: 0 0 0 3px rgba(69,229,134,.08);
}
.home-friends-summary-copy small {
  color: #a6aec0;
  font-size: 12px;
  font-weight: 650;
}
.home-friends-summary-avatars {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.home-friends-summary-avatar {
  width: 48px;
  height: 48px;
  margin-left: -12px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255,255,255,.94);
  background: #f2f4f9;
  box-shadow: 0 6px 14px rgba(17, 20, 34, .2);
}
.home-friends-summary-avatar:first-child { margin-left: 0; }
.home-friends-summary-arrow {
  color: rgba(255,255,255,.7);
  font-size: 26px;
  font-weight: 300;
}

/* Важное */
.home-top-grid .home-important-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.home-important-summary-card {
  min-height: 112px;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 10px;
  padding: 16px 16px;
  border-radius: 20px;
  border: 1px solid rgba(126, 101, 199, .4);
  background: linear-gradient(135deg, #353556 0%, #353152 60%, #462f63 100%);
  box-shadow: 0 13px 26px rgba(44, 42, 73, .12);
  text-align: left;
  color: #fff;
}
.home-important-summary-card::after {
  content: '';
  position: absolute;
  left: -8%;
  right: 26%;
  bottom: -45px;
  height: 82px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(136, 86, 210, .24), rgba(187, 97, 214, .12));
}
.home-important-summary-count {
  color: #ffb351;
  font-size: 48px;
  line-height: .9;
  font-weight: 600;
}
.home-important-summary-copy b {
  display: block;
  max-width: 125px;
  color: #fff;
  font-size: 13px;
  line-height: 1.18;
  font-weight: 800;
}
.home-important-summary-art {
  position: absolute;
  right: 18px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(182, 118, 233, .2);
  color: #c38bea;
  transform: rotate(-4deg);
}
.home-important-summary-art .ui-icon { width: 24px; height: 24px; }
.home-important-summary-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.68);
  font-size: 24px;
}

/* Задания */
.home-top-grid .home-tasks-list {
  display: block;
  margin: 0;
}
.home-task-summary-card {
  width: 100%;
  min-height: 124px;
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(165, 81, 217, .54);
  background: linear-gradient(135deg, #7b379c 0%, #6f338f 52%, #653585 100%);
  box-shadow: 0 16px 30px rgba(93, 50, 123, .16);
  color: #fff;
  text-align: left;
}
.home-task-summary-card::after {
  content: '';
  position: absolute;
  left: -5%;
  right: -4%;
  bottom: -50px;
  height: 88px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(215, 109, 239, .34), rgba(171, 91, 208, .14));
}
.home-task-summary-visual {
  width: 78px;
  height: 78px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #c94fe2, #9b37c0);
  color: #ffd36c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 18px rgba(47, 19, 71, .24);
  transform: rotate(-4deg);
}
.home-task-summary-visual > .ui-icon {
  width: 38px;
  height: 38px;
}
.home-task-summary-visual i {
  position: absolute;
  right: -6px;
  top: -6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ffcf62;
  color: #75409d;
  box-shadow: 0 4px 9px rgba(0,0,0,.18);
}
.home-task-summary-visual i .ui-icon { width: 14px; height: 14px; }
.home-task-summary-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.home-task-summary-copy b {
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 850;
}
.home-task-summary-copy small {
  width: max-content;
  max-width: 100%;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(35, 20, 56, .44);
  color: #f1ebf7;
  font-size: 11px;
  font-weight: 750;
}
.home-task-summary-track {
  width: min(360px, 100%);
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.14);
}
.home-task-summary-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f1d0ff 0%, #fff 100%);
}
.home-task-summary-arrow {
  justify-self: end;
  color: rgba(255,255,255,.74);
  font-size: 28px;
  font-weight: 300;
}

/* Мои миры */
.home-top-grid .home-my-worlds {
  min-height: 100%;
  padding: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  align-content: start;
  gap: 12px;
  border-radius: 22px;
  border: 1px solid rgba(74, 88, 117, .28);
  background: linear-gradient(180deg, #354052 0%, #303a4a 100%);
  box-shadow: 0 16px 32px rgba(40, 50, 67, .13);
}
.home-top-grid .home-my-worlds::after {
  content: '';
  position: absolute;
  inset: auto -12% -62px -12%;
  height: 110px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(91, 107, 138, .12), rgba(66, 79, 109, .04));
}
.home-top-grid .home-world-tile-mini {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.home-top-grid .home-world-tile-mini .home-world-image {
  height: 94px;
  border: 0 !important;
  border-radius: 12px;
  box-shadow: none !important;
}
.home-top-grid .home-world-tile-mini .home-world-online { display: none !important; }
.home-top-grid .home-world-tile-mini .home-world-copy {
  min-height: 38px;
  padding: 8px 2px 2px;
  background: transparent !important;
}
.home-top-grid .home-world-tile-mini .home-world-copy b {
  color: #fff;
  font-size: 12px;
  font-weight: 760;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-top-grid .home-world-tile-mini .home-world-copy small { display: none !important; }
.home-top-grid .home-world-create-mini {
  min-height: 138px !important;
  height: 138px !important;
  border: 1px dashed rgba(95, 227, 180, .42) !important;
  border-radius: 16px !important;
  background: rgba(20, 65, 58, .22) !important;
}
.home-top-grid .home-world-create-mini > span {
  color: #62e5b5 !important;
}
.home-top-grid .home-world-create-mini b {
  color: #fff !important;
  font-size: 13px !important;
}
.home-top-grid .home-world-create-mini small {
  color: #a7b2c1 !important;
  font-size: 10px !important;
}

/* отклик */
.home-friends-summary-card:hover,
.home-important-summary-card:hover,
.home-task-summary-card:hover,
.home-top-grid .home-world-tile-mini:hover,
.home-top-grid .home-world-create-mini:hover {
  transform: translateY(-2px);
}

@media (max-width: 1280px) {
  .home-top-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "friends"
      "important"
      "tasks"
      "worlds";
  }
  .home-top-grid .home-my-worlds {
    min-height: 0;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 860px) {
  .home-top-grid .home-important-list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .home-top-grid {
    gap: 16px;
  }
  .home-friends-summary-card {
    min-height: 102px;
    grid-template-columns: 54px minmax(0, 1fr) auto 12px;
    gap: 10px;
    padding: 14px 15px;
    border-radius: 20px;
  }
  .home-friends-summary-count {
    font-size: 50px;
  }
  .home-friends-summary-avatar {
    width: 44px;
    height: 44px;
  }
  .home-top-grid .home-important-list {
    gap: 10px;
  }
  .home-important-summary-card {
    min-height: 102px;
    padding: 14px 13px;
    border-radius: 18px;
  }
  .home-important-summary-count {
    font-size: 40px;
  }
  .home-important-summary-copy b {
    font-size: 12px;
    max-width: 104px;
  }
  .home-task-summary-card {
    min-height: 120px;
    grid-template-columns: 78px minmax(0, 1fr) 16px;
    gap: 12px;
    padding: 15px;
    border-radius: 20px;
  }
  .home-task-summary-visual {
    width: 68px;
    height: 68px;
    border-radius: 20px;
  }
  .home-task-summary-copy b {
    font-size: 16px;
  }
  .home-top-grid .home-my-worlds {
    grid-template-columns: repeat(3, minmax(0,1fr));
    padding: 12px;
    border-radius: 20px;
  }
  .home-top-grid .home-world-tile-mini .home-world-image {
    height: 82px;
  }
  .home-top-grid .home-world-create-mini {
    min-height: 122px !important;
    height: 122px !important;
  }
}

@media (max-width: 520px) {
  .home-top-grid .home-important-list {
    grid-template-columns: 1fr 1fr;
  }
  .home-friends-summary-copy small { font-size: 11px; }
  .home-top-grid .home-my-worlds {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 430px) {
  .home-top-grid .home-card-head {
    margin-bottom: 8px;
  }
  .home-top-grid .home-card-title b {
    font-size: 13px;
  }
  .home-top-grid .home-card-link {
    font-size: 9px;
  }
  .home-friends-summary-card {
    grid-template-columns: 50px minmax(0,1fr) auto;
  }
  .home-friends-summary-arrow,
  .home-task-summary-arrow { display: none; }
  .home-important-summary-card {
    min-height: 96px;
    grid-template-columns: 42px minmax(0, 1fr);
  }
  .home-important-summary-arrow { display: none; }
  .home-task-summary-card {
    grid-template-columns: 66px minmax(0,1fr);
  }
  .home-task-summary-track {
    width: 100%;
  }
}

/* v170 — «Мои миры» в том же стиле, что «Популярные миры» */
.home-top-grid .home-card-worlds {
  background: transparent !important;
}
.home-top-grid .home-card-worlds .home-card-head {
  margin-bottom: 10px;
}
.home-top-grid .home-my-worlds {
  min-height: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.home-top-grid .home-my-worlds::before,
.home-top-grid .home-my-worlds::after {
  display: none !important;
}

/* Карточки полностью наследуют визуальный язык блока «Популярные миры» */
.home-top-grid .home-my-worlds .home-world-tile {
  min-width: 0;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(35, 51, 86, .055);
  transition: transform .16s ease, box-shadow .16s ease;
}
.home-top-grid .home-my-worlds .home-world-tile:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 16px rgba(35, 51, 86, .11);
}
.home-top-grid .home-my-worlds .home-world-image {
  height: 112px;
  border: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: none;
}
.home-top-grid .home-my-worlds .home-world-online {
  display: inline-flex !important;
}
.home-top-grid .home-my-worlds .home-world-copy {
  height: 48px;
  padding: 7px 8px 7px;
  background: #fff !important;
}
.home-top-grid .home-my-worlds .home-world-copy b {
  color: #222a3f;
  font-size: 11px;
  font-weight: 760;
}
.home-top-grid .home-my-worlds .home-world-copy small {
  display: inline-block !important;
  margin-top: 4px;
  padding: 2px 6px;
  font-size: 8px;
}

/* Создание мира — такая же по габаритам карточка */
.home-top-grid .home-world-create-popular {
  height: 160px;
  min-height: 160px;
  padding: 10px;
  border: 1px dashed #b9dfcc;
  border-radius: 10px;
  background: rgba(249, 253, 251, .92);
  box-shadow: 0 1px 4px rgba(35, 51, 86, .035);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.home-top-grid .home-world-create-popular:hover {
  transform: translateY(-1px);
  border-color: #77cfa5;
  box-shadow: 0 7px 16px rgba(35, 51, 86, .08);
}
.home-top-grid .home-world-create-popular > span {
  color: #24b875;
}
.home-top-grid .home-world-create-popular b {
  color: #29334a;
  font-size: 10px;
}
.home-top-grid .home-world-create-popular small {
  color: #8996aa;
  font-size: 8px;
}

@media (max-width: 1280px) {
  .home-top-grid .home-my-worlds {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .home-top-grid .home-my-worlds {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
    padding: 0;
  }
  .home-top-grid .home-my-worlds .home-world-image {
    height: 104px;
  }
  .home-top-grid .home-world-create-popular {
    height: 152px;
    min-height: 152px;
  }
}

/* v171 — «Мои миры» как полноценный блок «Популярные миры» */
.home-top-grid {
  grid-template-columns: minmax(270px, .95fr) minmax(390px, 1.32fr);
  grid-template-areas:
    "friends important"
    "tasks tasks";
  gap: 14px 16px;
  align-items: start;
}

.home-my-worlds-section {
  height: 198px;
  margin-bottom: 9px;
  padding: 10px 12px;
  border-radius: 13px;
  background: #fff;
  border: 1px solid #e4e9f2;
  box-shadow: 0 1px 3px rgba(35, 51, 86, .03);
}
.home-my-worlds-section .home-section-head {
  height: 42px;
  margin-bottom: 7px;
}
.home-my-worlds-section .home-section-title .section-icon.grid {
  color: #13bd78;
}
.home-my-worlds-section .home-my-worlds {
  display: grid;
  grid-template-columns: repeat(var(--home-my-world-columns, 6), minmax(0, 1fr));
  gap: 9px;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.home-my-worlds-section .home-my-worlds::before,
.home-my-worlds-section .home-my-worlds::after {
  display: none !important;
}
.home-my-worlds-section .home-world-tile {
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(35, 51, 86, .045);
  transition: transform .16s ease, box-shadow .16s ease;
}
.home-my-worlds-section .home-world-tile:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(35, 51, 86, .11);
}
.home-my-worlds-section .home-world-image {
  height: 91px;
  border: 0;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
}
.home-my-worlds-section .home-world-online {
  display: inline-flex !important;
}
.home-my-worlds-section .home-world-copy {
  height: 42px;
  padding: 5px 7px 6px;
  background: #fff !important;
}
.home-my-worlds-section .home-world-copy b {
  color: #222a3f;
  font-size: 9.5px;
  line-height: 1.12;
  font-weight: 720;
}
.home-my-worlds-section .home-world-copy small {
  display: inline-block !important;
  margin-top: 3px;
  padding: 2px 6px;
  font-size: 8px;
  line-height: 1.1;
}
.home-my-worlds-section .home-world-create-popular {
  height: 133px;
  min-height: 133px;
  padding: 8px;
  border: 1px dashed #b9dfcc;
  border-radius: 8px;
  background: rgba(249, 253, 251, .92);
  box-shadow: none;
}
.home-my-worlds-section .home-world-create-popular > span {
  width: 31px;
  height: 31px;
  color: #24b875;
}
.home-my-worlds-section .home-world-create-popular b {
  color: #29334a;
  font-size: 9px;
}
.home-my-worlds-section .home-world-create-popular small {
  color: #8996aa;
  font-size: 7.5px;
}

@media (max-width: 1180px) {
  .home-top-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-template-areas:
      "friends important"
      "tasks tasks";
  }
  .home-my-worlds-section .home-my-worlds {
    grid-template-columns: repeat(4, minmax(0,1fr));
  }
  .home-my-worlds-section {
    height: auto;
    min-height: 198px;
  }
}

@media (max-width: 720px) {
  .home-top-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "friends" "important" "tasks";
  }
  .home-my-worlds-section {
    height: auto;
  }
  .home-my-worlds-section .home-my-worlds {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

/* v173 — fix: восстановлен корректный нижний padding секции «Мои миры» */
.home-my-worlds-section {
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 12px 12px !important;
}
.home-my-worlds-section .home-my-worlds {
  margin-bottom: 0 !important;
}