/*
 * Authenticated inner pages — same visual language as the world map shell.
 * Loaded together with mobile-world.css for shared HUD / dock primitives.
 */
body.tida-app-page {
  max-width: 480px;
  color: #d9ddd8;
  background: #090c10;
}

body.tida-app-page .bdr.bg_main {
  background: #0d1218;
  box-shadow: 0 0 90px #0008;
}

body.tida-app-page .tida-topbar,
body.tida-app-page .tida-player-hud,
body.tida-app-page .tfooter {
  display: none !important;
}

body.tida-app-page .box_inter,
body.tida-app-page .body {
  background: transparent;
}

.tida-app-hud {
  position: sticky;
  top: 0;
  z-index: 40;
}

.tida-page-hero {
  position: relative;
  display: grid;
  min-height: 168px;
  overflow: hidden;
  border-bottom: 1px solid #766344;
  background: #121820;
}

.tida-page-hero-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  transform: scale(1.02);
}

.tida-page-hero-fade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(8, 12, 16, .88) 0%, rgba(8, 12, 16, .35) 55%, rgba(8, 12, 16, .55) 100%),
    linear-gradient(0deg, #0d1218 0%, transparent 42%);
}

.tida-page-hero-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
  min-height: 168px;
  padding: 18px 16px 16px;
}

.tida-page-hero-copy .world-eyebrow {
  color: #c9b17a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.tida-page-hero-copy h1 {
  margin: 0;
  padding: 0;
  color: #f4ead0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  text-shadow: 0 2px 12px #000a;
}

.tida-page-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 4px;
  padding: 6px 10px;
  color: #d7c08a;
  background: rgba(14, 18, 24, .72);
  border: 1px solid #6d5a3c;
  border-radius: 999px;
  font-size: 11px;
}

.tida-page-back .tida-icon {
  width: 14px;
  height: 14px;
}

.tida-page-hero-emblem {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #efd6a0;
  background: radial-gradient(circle at 40% 30%, #3a3224, #17130f 70%);
  border: 1px solid #8a7045;
  border-radius: 50%;
  box-shadow: 0 0 18px #c9a35a44;
}

.tida-page-hero-emblem .tida-icon {
  width: 22px;
  height: 22px;
}

/* Content chrome — match world cards */
body.tida-app-page div.b1 {
  background: linear-gradient(to bottom, #2a221b 0, #1a1410 100%);
  border-top: 1px solid #8b6847;
  border-bottom: 1px solid #1b0e0c;
}

body.tida-app-page div.b1:before,
body.tida-app-page div.b1:after {
  background: #a88952;
}

body.tida-app-page div.b1 h1,
body.tida-app-page div.b1 h2 {
  color: #fff5d7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  letter-spacing: .04em;
}

body.tida-app-page div.b2,
body.tida-app-page div.b2b,
body.tida-app-page div.bn,
body.tida-app-page div.b3 {
  background: #121820;
  border-color: #3d4246;
}

body.tida-app-page div.b4,
body.tida-app-page div.award_in,
body.tida-app-page div.box1s {
  color: #f3e8ce;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page ul.nav li,
body.tida-app-page ul.navb li {
  min-height: 48px;
  border-bottom: 1px solid #2a3036;
  background: linear-gradient(to bottom, #1a222a 0, #121820 100%);
}

body.tida-app-page ul.nav li a,
body.tida-app-page ul.navb li a {
  min-height: 48px;
  padding: 12px 14px;
  color: #d8d5c8;
}

body.tida-app-page ul.nav li a:hover,
body.tida-app-page ul.navb li a:hover {
  color: #fff1bd;
  background: #24303a;
}

body.tida-app-page ul.nav li img.menu,
body.tida-app-page ul.navb li img.menu {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  padding: 3px;
  vertical-align: -6px;
  background: radial-gradient(circle at 35% 30%, #5a3a2f, #2a1714 70%);
  border: 1px solid #8a5a45;
  border-radius: 50%;
}

body.tida-app-page input.butt,
body.tida-app-page input.but2,
body.tida-app-page input.but,
body.tida-app-page a.but2 {
  color: #fff7dc;
  background: linear-gradient(to bottom, #997538 0, #62461f 52%, #473116 100%);
  border: 1px solid #c39b52;
  border-radius: 8px;
  box-shadow: inset 0 1px rgba(255, 244, 197, .18), 0 0 16px #c39b5233;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page table.items_box,
body.tida-app-page table.box1 {
  background: #151b22;
  border: 1px solid #4a4334;
  border-radius: 8px;
  overflow: hidden;
}

body.tida-app-page .body img[src*="/img/pic/"] {
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: 0 8px 24px #0006;
}

/* Hide duplicate lower "Герой" menu — dock covers primary navigation */
body.tida-app-page .body > .b1.brt:nth-last-of-type(1),
body.tida-app-page .body > .b3.brb.brt {
  /* keep for now; collapse via class below when marked */
}

body.tida-app-page .tida-legacy-nav {
  display: none;
}

/* Dock: reuse world-dock look on fixed bottom bar */
body.tida-app-page .tida-dock {
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: 480px;
  min-height: 71px;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  background: linear-gradient(#202a32, #0b1118);
  border-top: 1px solid #726143;
  border-radius: 0;
  box-shadow: 0 -10px 24px #0008;
  transform: translateX(-50%);
}

body.tida-app-page .tida-dock > a {
  gap: 6px;
  min-height: 70px;
  color: #b6b6a9;
  border-radius: 0;
  border-right: 1px solid #434a4655;
  font: 12px Georgia, "Times New Roman", serif;
}

body.tida-app-page .tida-dock > a:last-child {
  border-right: 0;
}

body.tida-app-page .tida-dock > a .tida-icon {
  width: 28px;
  height: 28px;
}

body.tida-app-page .tida-dock > a.is-active {
  color: #f5d398;
  background: radial-gradient(ellipse at 50% 10%, #9d7d3c42, transparent 80%);
}

body.tida-app-page .tida-dock > a.is-active::before {
  top: 0;
  left: 50%;
  width: 35px;
  height: 2px;
  background: #edcc8a;
  box-shadow: 0 0 10px #e7b95f;
  border-radius: 0;
  transform: translateX(-50%);
}

body.tida-app-page .tida-dock > a.is-active .tida-icon {
  filter: drop-shadow(0 0 5px #e8b04877);
}

body.tida-app-page .bdr.bg_main.tida-has-dock {
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 359px) {
  .tida-page-hero-copy h1 { font-size: 24px; }
  .tida-page-hero-emblem { width: 40px; height: 40px; }
  body.tida-app-page .tida-dock > a { font-size: 11px; }
}

@media (min-width: 620px) {
  body.tida-app-page { padding: 18px 0; background: #07090b; }
  body.tida-app-page .bdr.bg_main {
    min-height: calc(100vh - 36px);
    border: 1px solid #4a4334;
    border-radius: 12px;
  }
  body.tida-app-page .tida-dock {
    bottom: 10px;
    max-width: 456px;
    border: 1px solid #726143;
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tida-page-hero-art { transform: none; }
}

body.tida-app-page .tida-dock > a .world-dot {
  position: absolute;
  top: 10px;
  right: calc(50% - 18px);
  width: 7px;
  height: 7px;
  background: #efb564;
  border-radius: 50%;
  box-shadow: 0 0 8px #efb564;
}



/* User cluster screens */
body.tida-app-page .inventory-screen,
body.tida-app-page .body.user-cluster {
  color: #e8e0d0;
  background: transparent;
}

body.tida-app-page .body.user-cluster > .b2 {
  background: transparent;
  border: 0;
  padding: 10px 12px 16px;
}

body.tida-app-page .body.inventory-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .body.item-screen > .b1.brt {
  display: none; /* page hero already names bag / item */
}

body.tida-app-page .body.user-cluster .b1.brt h2 {
  color: #f4ead0;
  font-family: Georgia, "Times New Roman", serif;
}

/* Bag / inventory cards */
body.tida-app-page .inventory-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.tida-app-page .inventory-list > table.items_box,
body.tida-app-page .body.user-cluster .inventory-list table.items_box {
  position: relative;
  width: 100%;
  margin: 0;
  table-layout: fixed;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
  overflow: hidden;
}

body.tida-app-page .inventory-list > table.items_box:before {
  display: none;
}

body.tida-app-page .inventory-list table.items_box td,
body.tida-app-page .body.user-cluster .inventory-list table.items_box td {
  padding: 10px;
  color: #d9ddd8;
  vertical-align: middle;
  border: 0;
}

body.tida-app-page .inventory-list table.items_box td:first-child {
  width: 56px;
  padding-right: 0;
  text-align: center;
}

body.tida-app-page .inventory-list table.items_box td:first-child img {
  display: block;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto;
  object-fit: contain;
  background: #0a0e12;
  border: 1px solid #8a7045;
  border-radius: 8px;
  box-shadow: 0 0 12px #c9a35a28;
}

body.tida-app-page .inventory-list .item_name {
  padding: 0 0 6px;
  color: #f4ead0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  word-break: break-word;
}

body.tida-app-page .inventory-list .item_name a {
  color: #efd6a0;
}

body.tida-app-page .inventory-list .item_name img {
  width: 12px;
  height: 12px;
  margin: 0 2px;
  vertical-align: -1px;
}

body.tida-app-page .inventory-list .item_todo {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  font-size: 12px;
}

body.tida-app-page .inventory-list .item_todo a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin: 0;
  padding: 4px 10px;
  color: #e6d8b5;
  background: #1a222a;
  border: 1px solid #63563e;
  border-radius: 999px;
  line-height: 1.2;
  text-decoration: none;
}

body.tida-app-page .inventory-list .item_todo a.green {
  color: #c5e6a8;
  background: #182418;
  border-color: #4f6a45;
}

body.tida-app-page .inventory-list .item_todo a.red {
  color: #efaaa3 !important;
  background: #2b1918;
  border-color: #70413d;
}

body.tida-app-page .inventory-list .item_todo a.violet {
  color: #d3b5ed;
  background: #221828;
  border-color: #5e496c;
}

body.tida-app-page .inventory-list .item_todo a.grey {
  color: #aeb7bb;
  background: #151b22;
  border-color: #3d4246;
}

body.tida-app-page .inventory-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}

body.tida-app-page .inventory-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 12px;
  color: #fff0ce;
  background: linear-gradient(140deg, #28323be8, #0d141cea);
  border: 1px solid #79684b;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .inventory-links a img {
  width: 14px;
  height: 14px;
}

body.tida-app-page .inventory-note {
  margin: 10px 0 0;
  padding: 8px 10px;
  color: #c5e6a8;
  background: #182418;
  border: 1px solid #4f6a45;
  border-radius: 8px;
  font-size: 12px;
}

body.tida-app-page .inventory-list .text_in {
  margin: 8px 0;
  padding: 16px;
  color: #aeb7bb;
  text-align: center;
  background: #121820;
  border: 1px dashed #63563e;
  border-radius: 10px;
}

/* Shop / auction / trade hub */
body.tida-app-page .armory-screen,
body.tida-app-page .shop-screen,
body.tida-app-page .auction-screen,
body.tida-app-page .money-screen,
body.tida-app-page .trade-hub-screen,
body.tida-app-page .social-screen,
body.tida-app-page .adventures-screen {
  color: #e8e0d0;
}

body.tida-app-page .armory-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .shop-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .auction-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .money-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .trade-hub-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .social-screen > .b1.brt:not(.tida-legacy-nav),
body.tida-app-page .adventures-screen > .b1.brt:not(.tida-legacy-nav) {
  display: none;
}

body.tida-app-page .armory-screen > .b2,
body.tida-app-page .shop-screen > .b2,
body.tida-app-page .auction-screen > .b2,
body.tida-app-page .money-screen > .b2,
body.tida-app-page .trade-hub-screen > .bn,
body.tida-app-page .social-screen > .bn,
body.tida-app-page .adventures-screen > .bn,
body.tida-app-page .armory-screen .items,
body.tida-app-page .shop-screen .items,
body.tida-app-page .auction-screen .items {
  margin: 0;
  padding: 10px 12px 16px;
  background: transparent;
  border: 0;
}

body.tida-app-page .trade-hub-nav,
body.tida-app-page .adventures-screen .nav {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

body.tida-app-page .trade-hub-nav > li,
body.tida-app-page .adventures-screen .nav > li {
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.tida-app-page .trade-hub-nav > li > a,
body.tida-app-page .adventures-screen .nav > li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 12px 14px;
  color: #f4ead0;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

body.tida-app-page .trade-hub-nav > li > a:hover,
body.tida-app-page .adventures-screen .nav > li > a:hover {
  color: #fff1bd;
  background: #24303a;
}

body.tida-app-page .trade-hub-nav img.menu,
body.tida-app-page .adventures-screen .nav img.menu {
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 3px;
  background: radial-gradient(circle at 35% 30%, #5a3a2f, #2a1714 70%);
  border: 1px solid #8a5a45;
  border-radius: 50%;
}

/* Category lists inside shops / auction hubs */
body.tida-app-page .sections {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
}

body.tida-app-page .sections > p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  min-height: 52px;
  padding: 10px 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
}

body.tida-app-page .sections > p > a,
body.tida-app-page .auction-screen .b2 > p > a {
  display: inline;
  flex: 1;
  min-height: 0;
  padding: 0;
  color: #efd6a0;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  box-shadow: none;
}

body.tida-app-page .sections > p > a:hover,
body.tida-app-page .auction-screen .b2 > p > a:hover {
  color: #fff1bd;
  border-color: transparent;
  background: transparent;
}

body.tida-app-page .sections > p > img.menu,
body.tida-app-page .sections > p > img {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 3px;
  vertical-align: middle;
  background: radial-gradient(circle at 35% 30%, #5a3a2f, #2a1714 70%);
  border: 1px solid #8a5a45;
  border-radius: 50%;
  object-fit: contain;
}

body.tida-app-page .sections > p > a.green {
  color: #c5e6a8;
}

body.tida-app-page .auction-screen .b2 > p:has(> img + a),
body.tida-app-page .auction-screen .b2 > p:has(> a.green) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 0 0 8px;
  padding: 10px 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .auction-screen .b2 > p:has(> img + a) > a,
body.tida-app-page .auction-screen .b2 > p:has(> a.green) > a {
  display: inline;
  padding: 0;
  background: transparent;
  border: 0;
  color: #efd6a0;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .armory-screen .b4,
body.tida-app-page .shop-screen .b4,
body.tida-app-page .auction-screen .b4,
body.tida-app-page .money-screen .b4,
body.tida-app-page .money-screen .award_in {
  margin: 0 0 12px;
  padding: 12px 14px;
  color: #f3e8ce;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419;
  font-size: 13px;
  line-height: 1.45;
}

/* Merchant / shop banner arts — full-bleed, no crop, no double frame */
body.tida-app-page .tida-merchant-art,
body.tida-app-page .armory-screen > .b2 > div[align="center"],
body.tida-app-page .shop-screen > .b2 > div[align="center"],
body.tida-app-page .auction-screen > .b2 > div[align="center"] {
  position: relative;
  margin: -10px -12px 14px;
  padding: 0;
  overflow: hidden;
  background: #0c1218;
  border: 0;
  border-bottom: 1px solid #766344;
  border-radius: 0;
  box-shadow: none;
  line-height: 0;
  text-align: center;
}

body.tida-app-page .tida-merchant-art img,
body.tida-app-page .armory-screen > .b2 > div[align="center"] img,
body.tida-app-page .shop-screen > .b2 > div[align="center"] img,
body.tida-app-page .auction-screen > .b2 > div[align="center"] img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  object-position: center center;
  image-rendering: auto;
  -webkit-backface-visibility: hidden;
}

/* Shop sort chips */
body.tida-app-page .shop-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
  padding: 0;
}

body.tida-app-page .shop-filters a,
body.tida-app-page .shop-filters .shop-filter-active {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 11px;
  color: #d8d5c8;
  background: #151b22;
  border: 1px solid #63563e;
  border-radius: 999px;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}

body.tida-app-page .shop-filters a:hover {
  color: #fff1bd;
  border-color: #766344;
}

body.tida-app-page .shop-filters .shop-filter-active,
body.tida-app-page .shop-filters span.yellow {
  color: #fff0ce;
  background: linear-gradient(#a87634, #624020);
  border-color: #f1cb80;
  box-shadow: inset 0 0 0 1px #664520;
}

/* Product / lot cards — same language as bag */
body.tida-app-page .armory-screen .items,
body.tida-app-page .shop-screen .items,
body.tida-app-page .auction-screen .items,
body.tida-app-page .shop-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.tida-app-page .armory-screen table.items_box,
body.tida-app-page .shop-screen table.items_box,
body.tida-app-page .auction-screen table.items_box,
body.tida-app-page .body .items > table.items_box {
  position: relative;
  width: 100%;
  margin: 0;
  table-layout: fixed;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
  overflow: hidden;
}

body.tida-app-page .armory-screen table.items_box:before,
body.tida-app-page .shop-screen table.items_box:before,
body.tida-app-page .auction-screen table.items_box:before {
  display: none;
}

body.tida-app-page .armory-screen table.items_box td,
body.tida-app-page .shop-screen table.items_box td,
body.tida-app-page .auction-screen table.items_box td,
body.tida-app-page .body .items > table.items_box td {
  padding: 10px;
  color: #d9ddd8;
  vertical-align: middle;
  border: 0;
}

body.tida-app-page .armory-screen table.items_box td:first-child,
body.tida-app-page .shop-screen table.items_box td:first-child,
body.tida-app-page .auction-screen table.items_box td:first-child,
body.tida-app-page .body .items > table.items_box td:first-child {
  width: 56px;
  padding-right: 0;
  text-align: center;
}

body.tida-app-page .armory-screen table.items_box td:first-child img,
body.tida-app-page .shop-screen table.items_box td:first-child img,
body.tida-app-page .auction-screen table.items_box td:first-child img,
body.tida-app-page .body .items > table.items_box td:first-child img {
  display: block;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto;
  object-fit: contain;
  background: #0a0e12;
  border: 1px solid #8a7045;
  border-radius: 8px;
  box-shadow: 0 0 12px #c9a35a28;
}

body.tida-app-page .armory-screen .item_name,
body.tida-app-page .shop-screen .item_name,
body.tida-app-page .auction-screen .item_name,
body.tida-app-page .body .items .item_name {
  margin: 0 0 6px;
  padding: 0;
  color: #f4ead0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.3;
  word-break: break-word;
}

body.tida-app-page .armory-screen .item_name a,
body.tida-app-page .shop-screen .item_name a,
body.tida-app-page .auction-screen .item_name a,
body.tida-app-page .body .items .item_name a {
  color: #efd6a0;
}

body.tida-app-page .armory-screen .item_todo,
body.tida-app-page .shop-screen .item_todo,
body.tida-app-page .auction-screen .item_todo,
body.tida-app-page .body .items .item_todo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: #b6b6a9;
  font-size: 12px;
  line-height: 1.35;
}

body.tida-app-page .armory-screen .item_todo a,
body.tida-app-page .shop-screen .item_todo a,
body.tida-app-page .auction-screen .item_todo a,
body.tida-app-page .body .items .item_todo a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 0;
  padding: 5px 12px;
  color: #e6d8b5;
  background: #1a222a;
  border: 1px solid #63563e;
  border-radius: 999px;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

body.tida-app-page .armory-screen .item_todo a.green,
body.tida-app-page .shop-screen .item_todo a.green,
body.tida-app-page .auction-screen .item_todo a.green {
  color: #182418;
  background: linear-gradient(#9fca7a, #5f8a4a);
  border-color: #c5e6a8;
  font-weight: bold;
}

body.tida-app-page .armory-screen .item_todo img,
body.tida-app-page .shop-screen .item_todo img,
body.tida-app-page .auction-screen .item_todo img {
  width: 12px;
  height: 12px;
  vertical-align: -1px;
}

body.tida-app-page .armory-screen > .b2 > p:last-child,
body.tida-app-page .shop-screen > .b2 > p:last-child,
body.tida-app-page .auction-screen > .b2 > p:last-child {
  margin: 14px 0 0;
}

body.tida-app-page .armory-screen > .b2 > p:last-child a,
body.tida-app-page .shop-screen > .b2 > p:last-child a,
body.tida-app-page .auction-screen > .b2 > p:last-child a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 14px;
  color: #efd6a0;
  background: #151b22;
  border: 1px solid #63563e;
  border-radius: 10px;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .money-screen .money-panel > p > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0 0 8px;
  padding: 10px 12px;
  color: #efd6a0;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .money-screen input.inp,
body.tida-app-page .money-screen input[type="text"],
body.tida-app-page .auction-screen input.inp,
body.tida-app-page .auction-screen input[type="text"],
body.tida-app-page .auction-screen select {
  color: #f4ead0;
  background: #151b22;
  border: 1px solid #766344;
  border-radius: 8px;
  padding: 8px 10px;
}

body.tida-app-page .quest-list-row,
body.tida-app-page .body .box1s {
  margin: 8px 0;
  padding: 10px 12px;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .body .b4 {
  margin: 8px 0;
}

/* Chat / Mail / Clan */
body.tida-app-page .chat-screen {
  color: #e8e0d0;
}

body.tida-app-page .chat-screen > .b1.brt:not(.tida-legacy-nav) {
  display: none;
}

body.tida-app-page .chat-screen > .bn {
  display: none;
}

body.tida-app-page .chat-screen > .b2b {
  margin: 0;
  padding: 12px;
  background: transparent;
  border: 0;
}

body.tida-app-page .chat-compose {
  margin: 0 0 12px;
  padding: 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .chat-compose textarea.txt_area,
body.tida-app-page .chat-screen textarea.txt_area,
body.tida-app-page .chat-screen textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 84px;
  margin: 0 0 10px;
  padding: 12px;
  color: #f4ead0 !important;
  background: #0d141b !important;
  border: 1px solid #766344 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px #2c2419;
  font: 14px/1.4 Georgia, "Times New Roman", serif;
  resize: vertical;
}

body.tida-app-page .chat-actions {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  gap: 8px;
  align-items: center;
  max-width: none;
  margin: 0;
}

body.tida-app-page .chat-screen .btn_smile,
body.tida-app-page .chat-screen input.btn_smile {
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #efd6a0 !important;
  background: #151b22 !important;
  border: 1px solid #766344 !important;
  border-radius: 10px !important;
  font-size: 20px !important;
  line-height: 42px !important;
  text-align: center;
  cursor: pointer;
  float: none !important;
}

body.tida-app-page .chat-screen input.but,
body.tida-app-page .chat-screen input.butt,
body.tida-app-page .chat-compose input.but {
  width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  color: #fff0ce !important;
  background: linear-gradient(#a87634, #795023 50%, #624020) !important;
  border: 1px solid #f1cb80 !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 2px #664520;
  font: 14px Georgia, "Times New Roman", serif !important;
  text-transform: none !important;
  text-shadow: none !important;
  float: none !important;
  display: block !important;
  cursor: pointer;
}

body.tida-app-page .chat-screen .btn_refresh,
body.tida-app-page .chat-screen a.btn_refresh {
  display: grid !important;
  place-items: center;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  color: #efd6a0 !important;
  background: #151b22 !important;
  border: 1px solid #766344 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  float: none !important;
  font-size: 20px;
}

body.tida-app-page .chat-screen .fl { float: none !important; }
body.tida-app-page .chat-screen .clrb { display: none; }

body.tida-app-page .chat-screen .smiles {
  margin: 10px 0 0;
  padding: 10px;
  background: #0d141b;
  border: 1px solid #63563e;
  border-radius: 10px;
}

body.tida-app-page .chat-screen .smiles.hidden {
  display: none;
}

body.tida-app-page .chat_content,
body.tida-app-page #chat_messages {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.tida-app-page .chat_content > p,
body.tida-app-page #chat_messages > p,
body.tida-app-page .chat_content .bg_container > p {
  margin: 0 0 8px;
  padding: 10px 12px;
  color: #d9ddd8;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #63563e;
  border-radius: 10px;
  border-bottom: 1px solid #63563e;
  box-shadow: inset 0 0 0 1px #2c2419;
  font-size: 13px;
  line-height: 1.45;
}

body.tida-app-page .chat_content > p a,
body.tida-app-page #chat_messages > p a {
  color: #efd6a0;
}

body.tida-app-page .chat_content > p a.yellow,
body.tida-app-page #chat_messages > p a.yellow {
  color: #f2deb0;
}

body.tida-app-page .chat-screen .chat-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
  padding: 10px 12px;
  color: #b6b6a9;
  background: #121820;
  border: 1px solid #4a4334;
  border-radius: 10px;
  font-size: 12px;
}

body.tida-app-page .chat-screen .chat-meta a {
  color: #c9b17a;
}

body.tida-app-page .chat-screen .chat-meta .yellow {
  color: #fff0ce;
  padding: 2px 8px;
  background: linear-gradient(#a87634, #624020);
  border-radius: 999px;
}

body.tida-app-page .chat-screen > ul.nav {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

body.tida-app-page .chat-screen > ul.nav > li {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}

body.tida-app-page .chat-screen > ul.nav > li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  color: #f4ead0;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .chat-screen > ul.nav > li > a img.menu {
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 3px;
  background: radial-gradient(circle at 35% 30%, #5a3a2f, #2a1714 70%);
  border: 1px solid #8a5a45;
  border-radius: 50%;
}

body.tida-app-page .body textarea.txt_area,
body.tida-app-page .body textarea {
  color: #f4ead0;
  background: #151b22;
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

/* Mail list theme rows + following meta line */
body.tida-app-page .body .b2 > p:has(> img[src*="/icons/p22"]) {
  margin: 8px 0 0;
  padding: 8px 10px;
  color: #d9ddd8;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .body .b2 > p:has(> img[src*="/icons/p22"]) + p {
  margin: 0 0 8px;
  padding: 6px 10px 8px;
  color: #b6b6a9;
  background: #151b22;
  border: 1px solid #766344;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}

/* Clan member / staff rows */
body.tida-app-page .body .b2 > p:has(a[href*="/users/info/"]) {
  margin: 6px 0;
  padding: 8px 10px;
  color: #d9ddd8;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .body .b2 > p:has(a[href*="/users/info/"]) a {
  color: #efd6a0;
}

/* Clan menu / info rows with p21 bullets */
body.tida-app-page .body .b2 > p:has(> img[src*="/icons/p21"]) {
  margin: 4px 0;
  padding: 7px 10px;
  color: #d9ddd8;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #4a4334;
  border-radius: 8px;
}

body.tida-app-page .body .b2 > p:has(> img[src*="/icons/p21"]) a {
  color: #efd6a0;
}

body.tida-app-page .body .info,
body.tida-app-page .body .treasury-reward-card,
body.tida-app-page .body .treasury-reward-stat {
  margin: 8px 0;
  padding: 10px 12px;
  color: #d9ddd8;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .body .chat-autorefresh-line a {
  color: #c9b17a;
}

/* Item / suit / sphere detail card */
body.tida-app-page .item-screen {
  color: #e8e0d0;
}

body.tida-app-page .item-screen > .b1.brt {
  display: none; /* page hero already titles this */
}

body.tida-app-page .item-screen > .b2.item-detail,
body.tida-app-page .item-screen .item-detail {
  display: block !important;
  margin: 0;
  padding: 12px 12px 20px;
  color: #e8e0d0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.tida-app-page .item-screen .items > table.items_box {
  width: 100%;
  margin: 0 0 12px;
  table-layout: fixed;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  box-shadow: inset 0 0 0 1px #2c2419, 0 8px 22px #0006;
  overflow: hidden;
}

body.tida-app-page .item-screen .items > table.items_box td {
  padding: 12px;
  vertical-align: middle;
  border: 0;
}

body.tida-app-page .item-screen .items > table.items_box td:first-child {
  width: 72px;
  padding-right: 0;
  text-align: center;
}

body.tida-app-page .item-screen .items > table.items_box td:first-child img {
  display: block;
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto;
  object-fit: contain;
  background: #0a0e12;
  border: 1px solid #c39b52;
  border-radius: 10px;
  box-shadow: 0 0 18px #c9a35a44;
}

body.tida-app-page .item-screen .item_name {
  padding: 0 0 4px;
  color: #fff5d7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 1.25;
}

body.tida-app-page .item-screen .item_name a {
  color: #efd6a0;
}

body.tida-app-page .item-screen .items > table.items_box .item_todo {
  padding: 0;
  color: #b6b6a9;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.tida-app-page .item-screen .item_info {
  margin: 0;
  padding: 0;
}

body.tida-app-page .item-screen .item_param {
  display: grid;
  gap: 6px;
  margin: 0 0 12px;
  padding: 10px;
  background: linear-gradient(160deg, #1a222a 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .item-screen .item_param p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 10px;
  color: #d9ddd8;
  background: #0d141b;
  border: 1px solid #4a4334;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.35;
}

body.tida-app-page .item-screen .item_param p img {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
}

body.tida-app-page .item-screen .item_info > p,
body.tida-app-page .item-screen .item_status {
  margin: 8px 0;
  padding: 10px 12px;
  color: #d9ddd8;
  background: #121820;
  border: 1px solid #63563e;
  border-radius: 10px;
  font-size: 13px;
}

body.tida-app-page .item-screen .item_status {
  border-color: #5e496c;
  background: linear-gradient(160deg, #221828, #15101a);
}

body.tida-app-page .item-screen .item-sell {
  margin-top: 10px;
}

body.tida-app-page .item-screen .item-sell a,
body.tida-app-page .item-screen a.weapon2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  color: #fff0ce !important;
  background: linear-gradient(#a87634, #795023 50%, #624020);
  border: 1px solid #f1cb80;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px #664520;
  text-decoration: none !important;
  font-family: Georgia, "Times New Roman", serif;
}

body.tida-app-page .item-screen .text_in {
  margin-top: 10px;
  padding: 10px 12px;
  color: #efaaa3;
  background: #2b1918;
  border: 1px solid #70413d;
  border-radius: 8px;
}

/* Shaman */
body.tida-app-page .shaman-screen .shaman-section-title {
  margin: 4px 0 8px;
  font-size: 12px;
  letter-spacing: .04em;
}

body.tida-app-page .shaman-screen .shaman-filters {
  margin-bottom: 14px;
}

body.tida-app-page .shaman-screen .shaman-card {
  margin: 0 0 10px;
  padding: 0;
  overflow: hidden;
}

body.tida-app-page .shaman-screen .shaman-card table.box1,
body.tida-app-page .shaman-screen .shaman-card table.items_box {
  width: 100%;
  margin: 0;
  background: transparent;
  border: 0;
}

body.tida-app-page .shaman-screen .shaman-card td:first-child {
  width: 64px;
  padding: 10px 8px 10px 10px;
  vertical-align: top;
}

body.tida-app-page .shaman-screen .shaman-card td:first-child img {
  display: block;
  width: 52px;
  height: 52px;
  border: 1px solid #766344;
  border-radius: 8px;
  object-fit: cover;
  background: #0d1218;
}

body.tida-app-page .shaman-screen .shaman-card td.top {
  padding: 10px 12px 10px 0;
}

body.tida-app-page .shaman-screen .shaman-form .inp,
body.tida-app-page .shaman-screen .shaman-form input[type="text"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 12px;
  color: #f4ead0;
  background: #0d141b;
  border: 1px solid #766344;
  border-radius: 10px;
}

/* —— Испытание Героя —— */
body.tida-app-page .trial-screen > .b1.brt:not(.tida-legacy-nav) {
  display: none;
}

body.tida-app-page .trial-screen > .b2:not(.tida-legacy-nav) {
  display: grid;
  gap: 12px;
  padding: 14px 12px 22px;
}

body.tida-app-page .trial-screen .trial-banner {
  margin: 0;
}

body.tida-app-page .trial-screen .trial-lead {
  margin: 0;
  padding: 0 2px;
  color: #b7c4c0;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}

body.tida-app-page .trial-screen .trial-hud {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #887349;
  border-radius: 12px;
  background: linear-gradient(160deg, #1e2a32, #121920 70%);
  box-shadow: inset 0 0 0 3px #10182066, 0 4px 16px #0005;
}

body.tida-app-page .trial-screen .trial-hud-score,
body.tida-app-page .trial-screen .trial-hud-timer {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
}

body.tida-app-page .trial-screen .trial-hud-label {
  width: 100%;
  color: #9eaeaa;
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.tida-app-page .trial-screen .trial-hud-score strong {
  color: #f3e0b0;
  font: 28px/1 Georgia, "Times New Roman", serif;
}

body.tida-app-page .trial-screen .trial-hud-score small {
  color: #a8b7b3;
  font-size: 12px;
}

body.tida-app-page .trial-screen .trial-hud-time {
  color: #9fd0ff;
  font: 600 14px/1.2 "Segoe UI", sans-serif;
}

body.tida-app-page .trial-screen .trial-hud-bar {
  height: 10px;
  border-radius: 999px;
  background: #0b1118;
  border: 1px solid #2a3540;
  overflow: hidden;
}

body.tida-app-page .trial-screen .trial-hud-bar > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c8923a, #efd08a);
  box-shadow: 0 0 10px #e0b35a55;
}

body.tida-app-page .trial-screen .trial-hud-steps {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

body.tida-app-page .trial-screen .trial-hud-dot {
  display: grid;
  place-items: center;
  min-height: 32px;
  border-radius: 8px;
  border: 1px solid #4a5560;
  background: #152028;
  color: #8a9694;
  font-size: 12px;
  font-weight: 700;
}

body.tida-app-page .trial-screen .trial-hud-dot.is-done {
  color: #142014;
  border-color: #6f9a45;
  background: linear-gradient(180deg, #b7d889, #6f9a45);
}

body.tida-app-page .trial-screen .trial-hud-dot.is-current {
  color: #f6e7c2;
  border-color: #c9a45a;
  background: #243038;
  box-shadow: inset 0 0 0 1px #c9a45a55;
}

body.tida-app-page .trial-screen .trial-hud-dot.is-ready {
  color: #1a140c;
  border-color: #efc77e;
  background: linear-gradient(180deg, #efc878, #d4a24c);
  animation: trial-pulse 1.4s ease-in-out infinite;
}

body.tida-app-page .trial-screen .trial-section-title {
  margin: 6px 2px 0;
  padding: 0;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.tida-app-page .trial-screen .trial-path {
  display: grid;
  gap: 10px;
}

body.tida-app-page .trial-screen .trial-step {
  border: 1px solid #6f6244;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(160deg, #1c2430, #121820);
  box-shadow: 0 3px 12px #0004;
}

body.tida-app-page .trial-screen .trial-step--ready {
  border-color: #efc77e;
  box-shadow: 0 0 0 1px #efc77e44, 0 6px 18px #0006;
}

body.tida-app-page .trial-screen .trial-step--done {
  border-color: #5d7a48;
  opacity: .92;
}

body.tida-app-page .trial-screen .trial-step--locked {
  opacity: .72;
}

body.tida-app-page .trial-screen .trial-step-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  background: linear-gradient(90deg, #2a3328, #1a222a);
  border-bottom: 1px solid #3d4638;
}

body.tida-app-page .trial-screen .trial-step-num {
  color: #efd6a0;
  font: 15px Georgia, serif;
}

body.tida-app-page .trial-screen .trial-step-state {
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #c5cdc8;
  background: #0f161c;
  border: 1px solid #46525a;
}

body.tida-app-page .trial-screen .trial-step--ready .trial-step-state {
  color: #1a140c;
  background: linear-gradient(180deg, #efc878, #d4a24c);
  border-color: #b8893a;
}

body.tida-app-page .trial-screen .trial-step--done .trial-step-state {
  color: #d7efb4;
  background: #1c2a18;
  border-color: #5d7a48;
}

body.tida-app-page .trial-screen .trial-step--current .trial-step-state {
  color: #9fd0ff;
  border-color: #3d6a8a;
  background: #152430;
}

body.tida-app-page .trial-screen .trial-step-body {
  padding: 12px;
  display: grid;
  gap: 12px;
}

body.tida-app-page .trial-screen .trial-line-wrap {
  position: relative;
  height: 22px;
  border-radius: 11px;
  overflow: hidden;
  background: #0b1118;
  border: 1px solid #2a3540;
  box-shadow: inset 0 2px 5px #0007;
}

body.tida-app-page .trial-screen .trial-line-fill {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: linear-gradient(180deg, #2dd4a8, #1aa685 50%, #0f6b55);
  box-shadow: 0 0 12px #1aa68566;
}

body.tida-app-page .trial-screen .trial-step--ready .trial-line-fill {
  background: linear-gradient(180deg, #efc878, #d4a24c 55%, #a87428);
  box-shadow: 0 0 12px #d4a24c55;
}

body.tida-app-page .trial-screen .trial-line-text {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1;
  color: #f2fff9;
  font-size: 11px;
  font-weight: 700;
  text-shadow: 0 1px 2px #000;
}

body.tida-app-page .trial-screen .trial-line-wrap--locked .trial-line-text {
  color: #8a9694;
}

body.tida-app-page .trial-screen .trial-step-foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

body.tida-app-page .trial-screen .trial-rewards-label {
  display: block;
  margin-bottom: 6px;
  color: #c9a45a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.tida-app-page .trial-screen .trial-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.tida-app-page .trial-screen .trial-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 28px;
  padding: 2px 8px 2px 4px;
  border-radius: 8px;
  background: #0d141b;
  border: 1px solid #5a5040;
  color: #e8dfc8;
  font-size: 12px;
  font-weight: 600;
}

body.tida-app-page .trial-screen .trial-chip img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

body.tida-app-page .trial-screen .trial-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  min-width: 96px;
  padding: 0 16px;
  border: 1px solid #efc77e;
  border-radius: 10px;
  color: #1a140c !important;
  font: 700 14px Georgia, serif;
  cursor: pointer;
  background: linear-gradient(180deg, #efc878, #d4a24c);
  box-shadow: 0 4px 14px #d4a24c33, inset 0 1px 0 #fff3;
}

body.tida-app-page .trial-screen .trial-btn:hover {
  filter: brightness(1.06);
}

body.tida-app-page .trial-screen .trial-done {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 9px;
  color: #c9e8a0;
  font-size: 12px;
  font-weight: 700;
  background: #1a2818;
  border: 1px solid #5d7a48;
}

body.tida-app-page .trial-screen .trial-sources {
  display: grid;
  gap: 9px;
}

body.tida-app-page .trial-screen .trial-source {
  border: 1px solid #5a5040;
  border-radius: 11px;
  background: #151d24;
  overflow: hidden;
}

body.tida-app-page .trial-screen .trial-source--hot {
  border-color: #887349;
}

body.tida-app-page .trial-screen .trial-source-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  background: linear-gradient(120deg, #202b2b, #151d24);
  border-bottom: 1px solid #3a4338;
  color: #efd6a0;
  font-size: 14px;
}

body.tida-app-page .trial-screen .trial-source-head img {
  width: 19px;
  height: 19px;
}

body.tida-app-page .trial-screen .trial-source-list {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

body.tida-app-page .trial-screen .trial-source-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  font-size: 12px;
  border-top: 1px solid #2a3338;
}

body.tida-app-page .trial-screen .trial-source-list li:first-child {
  border-top: 0;
}

body.tida-app-page .trial-screen .trial-source-list li.is-hot {
  color: #d8efb0;
}

body.tida-app-page .trial-screen .trial-source-list li.is-hot em {
  color: #9fd06a;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

body.tida-app-page .trial-screen .trial-source-list li.is-muted {
  color: #7f8c88;
}

body.tida-app-page .trial-screen .trial-source-list li.is-muted em {
  color: #667370;
  font-style: normal;
  font-size: 10px;
}

body.tida-app-page .trial-screen .trial-back {
  margin: 4px 0 0;
  text-align: center;
}

body.tida-app-page .trial-screen .trial-back a {
  color: #cbb589;
}

@keyframes trial-pulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.12); }
}

@media (max-width: 420px) {
  body.tida-app-page .trial-screen .trial-step-foot {
    grid-template-columns: 1fr;
  }
  body.tida-app-page .trial-screen .trial-step-action {
    justify-self: stretch;
  }
  body.tida-app-page .trial-screen .trial-btn {
    width: 100%;
  }
}

/* —— Древо урожая —— */
body.tida-app-page .harvest-screen > .b1.brt:not(.tida-legacy-nav) {
  display: none;
}

body.tida-app-page .harvest-screen > .b2:not(.tida-legacy-nav) {
  display: grid;
  gap: 12px;
  padding: 14px 12px 22px;
}

body.tida-app-page .harvest-screen .harvest-hero {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid #887349;
  min-height: 168px;
  background: #10171c;
  box-shadow: 0 8px 24px #0006;
}

body.tida-app-page .harvest-screen .harvest-hero-banner {
  display: block;
  width: 100%;
  height: 168px;
  object-fit: cover;
  object-position: center 45%;
}

body.tida-app-page .harvest-screen .harvest-hero-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #0a1218f2 8%, #0a121899 42%, transparent 72%);
  pointer-events: none;
}

body.tida-app-page .harvest-screen .harvest-hero-copy {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  z-index: 1;
  max-width: 280px;
}

body.tida-app-page .harvest-screen .harvest-eyebrow {
  display: block;
  color: #c9a45a;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

body.tida-app-page .harvest-screen .harvest-hero-copy h3 {
  margin: 0 0 4px;
  color: #f3e0b0;
  font: 22px/1.15 Georgia, serif;
}

body.tida-app-page .harvest-screen .harvest-hero-copy p {
  margin: 0 0 4px;
  color: #c5d0cc;
  font-size: 12px;
  line-height: 1.4;
}

body.tida-app-page .harvest-screen .harvest-hero-copy small {
  color: #8fa09b;
  font-size: 10px;
}

body.tida-app-page .harvest-screen .harvest-guide-link {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #887349;
  background: linear-gradient(120deg, #243028, #151d24);
  color: #e8dfc8 !important;
  text-decoration: none !important;
}

body.tida-app-page .harvest-screen .harvest-guide-link:hover {
  border-color: #c39b52;
}

body.tida-app-page .harvest-screen .harvest-guide-link-ico {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  color: #1a140c;
  font: 700 16px Georgia, serif;
  background: linear-gradient(180deg, #efc878, #d4a24c);
}

body.tida-app-page .harvest-screen .harvest-guide-link strong {
  display: block;
  color: #f0e0b8;
  font-size: 14px;
}

body.tida-app-page .harvest-screen .harvest-guide-link small {
  display: block;
  margin-top: 2px;
  color: #a8b7b3;
  font-size: 11px;
}

body.tida-app-page .harvest-screen .harvest-guide-link-arrow {
  color: #c9a45a;
  font-size: 16px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-back {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: #cbb589 !important;
  font-size: 13px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-prose p,
body.tida-app-page .harvest-guide-screen .harvest-guide-prose li {
  color: #c5d0cc;
  font-size: 13px;
  line-height: 1.5;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-prose p {
  margin: 0 0 10px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-prose p:last-child {
  margin-bottom: 0;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-list {
  margin: 0;
  padding-left: 18px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-list li {
  margin-bottom: 8px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-list strong {
  color: #efd6a0;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-resources,
body.tida-app-page .harvest-guide-screen .harvest-guide-stages {
  display: grid;
  gap: 10px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-res,
body.tida-app-page .harvest-guide-screen .harvest-guide-stage {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 11px;
  border: 1px solid #5a5040;
  background: #151d24;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-res img,
body.tida-app-page .harvest-guide-screen .harvest-guide-stage img {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid #6f6244;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-res strong,
body.tida-app-page .harvest-guide-screen .harvest-guide-stage b {
  display: block;
  color: #f0e0b8;
  font-size: 13px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-res p,
body.tida-app-page .harvest-guide-screen .harvest-guide-stage span {
  margin: 3px 0 0;
  color: #a8b7b3;
  font-size: 11px;
  line-height: 1.4;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-steps ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: harvest-guide;
  display: grid;
  gap: 10px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-steps li {
  position: relative;
  padding: 12px 12px 12px 48px;
  border-radius: 11px;
  border: 1px solid #5a5040;
  background: #151d24;
  counter-increment: harvest-guide;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-steps li::before {
  content: counter(harvest-guide);
  position: absolute;
  left: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  color: #1a140c;
  font: 700 12px Georgia, serif;
  background: linear-gradient(180deg, #efc878, #d4a24c);
}

body.tida-app-page .harvest-guide-screen .harvest-guide-steps strong {
  display: block;
  margin-bottom: 4px;
  color: #efd6a0;
  font-size: 13px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-steps span {
  color: #aebbb7;
  font-size: 12px;
  line-height: 1.45;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-checklist {
  margin: 0;
  padding-left: 18px;
  color: #c5d0cc;
  font-size: 13px;
  line-height: 1.55;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-checklist li {
  margin-bottom: 6px;
}

body.tida-app-page .harvest-guide-screen .harvest-guide-cta {
  width: 100%;
  box-sizing: border-box;
  text-decoration: none !important;
}

body.tida-app-page .harvest-screen .harvest-tree-panel {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid #887349;
  border-radius: 14px;
  background: linear-gradient(160deg, #1e2a32, #121920 70%);
  box-shadow: inset 0 0 0 3px #10182066;
}

body.tida-app-page .harvest-screen .harvest-tree-art {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid #6f6244;
  background: #0b1118;
  aspect-ratio: 3 / 4;
}

body.tida-app-page .harvest-screen .harvest-tree-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

body.tida-app-page .harvest-screen .harvest-tree-meta {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

body.tida-app-page .harvest-screen .harvest-stage-pill {
  justify-self: start;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #1a140c;
  background: linear-gradient(180deg, #efc878, #d4a24c);
}

body.tida-app-page .harvest-screen .harvest-stage-title {
  color: #f0e0b8;
  font: 18px/1.2 Georgia, serif;
}

body.tida-app-page .harvest-screen .harvest-bar {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: #0b1118;
  border: 1px solid #2a3540;
}

body.tida-app-page .harvest-screen .harvest-bar > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c8923a, #efd08a);
  box-shadow: 0 0 10px #e0b35a55;
}

body.tida-app-page .harvest-screen .harvest-bar--wide { height: 14px; }
body.tida-app-page .harvest-screen .harvest-bar--boss > i {
  background: linear-gradient(90deg, #b05040, #ef9070);
}

body.tida-app-page .harvest-screen .harvest-bar-text {
  color: #d8dfd8;
  font-size: 12px;
  font-weight: 700;
}

body.tida-app-page .harvest-screen .harvest-bar-text em {
  margin-left: 4px;
  color: #8fa09b;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
}

body.tida-app-page .harvest-screen .harvest-stage-track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  margin-top: 2px;
}

body.tida-app-page .harvest-screen .harvest-stage-dot {
  display: grid;
  place-items: center;
  min-height: 28px;
  border-radius: 8px;
  border: 1px solid #4a5560;
  background: #152028;
  color: #8a9694;
  font-size: 11px;
  font-weight: 700;
}

body.tida-app-page .harvest-screen .harvest-stage-dot.is-done {
  color: #142014;
  border-color: #6f9a45;
  background: linear-gradient(180deg, #b7d889, #6f9a45);
}

body.tida-app-page .harvest-screen .harvest-stage-dot.is-current {
  color: #1a140c;
  border-color: #efc77e;
  background: linear-gradient(180deg, #efc878, #d4a24c);
}

body.tida-app-page .harvest-screen .harvest-wallet {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.tida-app-page .harvest-screen .harvest-wallet-item {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px 8px;
  border-radius: 12px;
  border: 1px solid #6f6244;
  background: #151d24;
}

body.tida-app-page .harvest-screen .harvest-wallet-item img {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #5a5040;
}

body.tida-app-page .harvest-screen .harvest-wallet-item b {
  display: block;
  color: #f0e0b8;
  font-size: 15px;
  line-height: 1.1;
}

body.tida-app-page .harvest-screen .harvest-wallet-item small {
  color: #8fa09b;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .03em;
}

body.tida-app-page .harvest-screen .harvest-card {
  border: 1px solid #6f6244;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(160deg, #1c2430, #121820);
  box-shadow: 0 3px 12px #0004;
}

body.tida-app-page .harvest-screen .harvest-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 12px;
  background: linear-gradient(90deg, #2a3328, #1a222a);
  border-bottom: 1px solid #3d4638;
}

body.tida-app-page .harvest-screen .harvest-card-head h4 {
  margin: 0;
  color: #efd6a0;
  font: 15px Georgia, serif;
}

body.tida-app-page .harvest-screen .harvest-badge {
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #c5cdc8;
  background: #0f161c;
  border: 1px solid #46525a;
}

body.tida-app-page .harvest-screen .harvest-badge.is-ready {
  color: #1a140c;
  background: linear-gradient(180deg, #efc878, #d4a24c);
  border-color: #b8893a;
}

body.tida-app-page .harvest-screen .harvest-badge.is-done {
  color: #c9e8a0;
  background: #1a2818;
  border-color: #5d7a48;
}

body.tida-app-page .harvest-screen .harvest-card-body {
  display: grid;
  gap: 12px;
  padding: 12px;
}

body.tida-app-page .harvest-screen .harvest-note {
  margin: 0;
  color: #aebbb7;
  font-size: 12px;
  line-height: 1.45;
}

body.tida-app-page .harvest-screen .harvest-note.is-success {
  color: #c9e8a0;
}

body.tida-app-page .harvest-screen .harvest-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #998156;
  border-radius: 10px;
  color: #e3d5b7 !important;
  font: 700 13px Georgia, serif;
  cursor: pointer;
  background: linear-gradient(130deg, #27333bea, #142029f5);
  box-shadow: inset 0 0 0 3px #101922a0;
}

body.tida-app-page .harvest-screen .harvest-btn--gold {
  color: #1a140c !important;
  border-color: #efc77e;
  background: linear-gradient(180deg, #efc878, #d4a24c);
  box-shadow: 0 4px 14px #d4a24c33;
}

body.tida-app-page .harvest-screen .harvest-btn--sm {
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
}

body.tida-app-page .harvest-screen .harvest-btn:hover {
  filter: brightness(1.06);
}

body.tida-app-page .harvest-screen .harvest-grow-grid {
  gap: 10px;
}

body.tida-app-page .harvest-screen .harvest-grow {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-radius: 11px;
  border: 1px solid #5a5040;
  background: #151d24;
}

body.tida-app-page .harvest-screen .harvest-grow-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d4c8ae;
  font-size: 12px;
}

body.tida-app-page .harvest-screen .harvest-grow-label img {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  object-fit: cover;
}

body.tida-app-page .harvest-screen .harvest-grow-row {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
}

body.tida-app-page .harvest-screen .harvest-grow-row .num {
  width: 100%;
  box-sizing: border-box;
  min-height: 42px;
  padding: 8px 10px;
  color: #f4ead0;
  background: #0d141b;
  border: 1px solid #766344;
  border-radius: 10px;
}

body.tida-app-page .harvest-screen .harvest-blessing-list {
  display: grid;
  gap: 8px;
}

body.tida-app-page .harvest-screen .harvest-choice {
  display: grid;
  gap: 4px;
  width: 100%;
  text-align: left;
  padding: 12px;
  border-radius: 11px;
  border: 1px solid #6f6244;
  background: #151d24;
  color: #e8dfc8;
  cursor: pointer;
}

body.tida-app-page .harvest-screen .harvest-choice strong {
  color: #efd6a0;
  font-size: 14px;
}

body.tida-app-page .harvest-screen .harvest-choice span {
  color: #a8b7b3;
  font-size: 11px;
  line-height: 1.4;
}

body.tida-app-page .harvest-screen .harvest-choice:hover {
  border-color: #c39b52;
}

body.tida-app-page .harvest-screen .harvest-blessing-active {
  padding: 12px;
  border-radius: 11px;
  border: 1px solid #5d7a48;
  background: #1a2818;
}

body.tida-app-page .harvest-screen .harvest-blessing-active strong {
  color: #c9e8a0;
}

body.tida-app-page .harvest-screen .harvest-blessing-active p {
  margin: 6px 0 0;
  color: #b7c4b0;
  font-size: 12px;
}

body.tida-app-page .harvest-screen .harvest-milestones {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.tida-app-page .harvest-screen .harvest-milestone {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 11px;
  border: 1px solid #5a5040;
  background: #151d24;
  text-align: center;
}

body.tida-app-page .harvest-screen .harvest-milestone.is-unlocked {
  border-color: #887349;
}

body.tida-app-page .harvest-screen .harvest-milestone b {
  color: #efd6a0;
  font-size: 16px;
}

body.tida-app-page .harvest-screen .harvest-milestone span {
  color: #aebbb7;
  font-size: 11px;
}

body.tida-app-page .harvest-screen .harvest-milestone em {
  color: #7f8c88;
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
}

body.tida-app-page .harvest-screen .harvest-milestone em.is-got {
  color: #9fd06a;
}

body.tida-app-page .harvest-screen .harvest-boss-body {
  justify-items: center;
  text-align: center;
}

body.tida-app-page .harvest-screen .harvest-boss-art {
  width: min(220px, 70%);
  height: auto;
  border-radius: 14px;
  border: 1px solid #887349;
  box-shadow: 0 8px 24px #0007;
}

body.tida-app-page .harvest-screen .harvest-boss-body .harvest-bar {
  width: 100%;
}

body.tida-app-page .harvest-screen .harvest-shop {
  gap: 8px;
}

body.tida-app-page .harvest-screen .harvest-shop-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid #5a5040;
  background: #151d24;
}

body.tida-app-page .harvest-screen .harvest-shop-item strong {
  display: block;
  color: #efd6a0;
  font-size: 13px;
}

body.tida-app-page .harvest-screen .harvest-shop-item span {
  color: #a8b7b3;
  font-size: 11px;
}

body.tida-app-page .harvest-screen .harvest-reward-will {
  display: block;
  color: #d8efb0 !important;
  font-size: 12px !important;
  font-weight: 600;
  margin-top: 3px;
}

body.tida-app-page .harvest-screen .harvest-reward-got {
  display: block;
  color: #9fd06a !important;
  font-size: 12px !important;
  font-weight: 600;
  margin-top: 3px;
}

body.tida-app-page .harvest-screen .harvest-shop-cost {
  display: block;
  color: #c9a45a !important;
  font-size: 11px !important;
  margin-top: 2px;
}

body.tida-app-page .harvest-screen .harvest-milestone.is-claimed {
  border-color: #5d7a48;
  background: #1a2818;
}

body.tida-app-page .harvest-screen .harvest-rating {
  gap: 0;
}

body.tida-app-page .harvest-screen .harvest-rating-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 10px 4px;
  border-bottom: 1px solid #2a3338;
  color: #d8dfd8;
  font-size: 13px;
}

body.tida-app-page .harvest-screen .harvest-rating-row:last-child {
  border-bottom: 0;
}

body.tida-app-page .harvest-screen .harvest-rating-row b {
  color: #c9a45a;
}

body.tida-app-page .harvest-screen .harvest-rating-row a {
  color: #e8dfc8;
}

body.tida-app-page .harvest-screen .harvest-rating-row span {
  color: #efd6a0;
  font-weight: 700;
}

@media (max-width: 420px) {
  body.tida-app-page .harvest-screen .harvest-tree-panel {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  body.tida-app-page .harvest-screen .harvest-wallet-item {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  body.tida-app-page .harvest-screen .harvest-milestones {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 720px) {
  body.tida-app-page .harvest-screen .harvest-tree-panel {
    grid-template-columns: 160px minmax(0, 1fr);
  }
  body.tida-app-page .harvest-screen .harvest-hero-banner {
    height: 210px;
  }
  body.tida-app-page .harvest-screen .harvest-hero {
    min-height: 210px;
  }
}

/* Forum */
body.tida-app-page .forum-screen {
  color: #e8e0d0;
}

body.tida-app-page .forum-screen > .b1.brt:not(.tida-legacy-nav) {
  margin: 0;
  padding: 14px 14px 6px;
  background: transparent;
  border: 0;
}

body.tida-app-page .forum-screen > .b1.brt:not(.tida-legacy-nav) h2 {
  margin: 0;
  color: #f2e4c0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.tida-app-page .forum-screen > .b2,
body.tida-app-page .forum-screen .forum-list,
body.tida-app-page .forum-screen .forum-topic-head,
body.tida-app-page .forum-screen .forum-comments,
body.tida-app-page .forum-screen .forum-form {
  margin: 0;
  padding: 8px 12px 16px;
  background: transparent;
  border: 0;
}

body.tida-app-page .forum-screen .forum-list {
  display: grid;
  gap: 8px;
}

body.tida-app-page .forum-screen .forum-list > p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  min-height: 52px;
  padding: 10px 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
}

body.tida-app-page .forum-screen .forum-list > p > img {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 3px;
  background: radial-gradient(circle at 35% 30%, #5a3a2f, #2a1714 70%);
  border: 1px solid #8a5a45;
  border-radius: 50%;
  object-fit: contain;
}

body.tida-app-page .forum-screen .forum-list > p > a {
  flex: 1;
  min-width: 0;
  color: #efd6a0;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  line-height: 1.3;
}

body.tida-app-page .forum-screen .forum-list > p > a:hover,
body.tida-app-page .forum-screen .forum-list > p > a b {
  color: #fff1bd;
}

body.tida-app-page .forum-screen .forum-list > p.space,
body.tida-app-page .forum-screen .forum-list > p.space2 {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.tida-app-page .forum-screen .forum-list .text_in,
body.tida-app-page .forum-screen .forum-comments .text_in,
body.tida-app-page .forum-screen .forum-topic-head .text_in {
  margin: 0 0 10px;
  padding: 12px 14px;
  color: #d7c9ab;
  background: #151b22;
  border: 1px solid #5a4a34;
  border-radius: 10px;
}

body.tida-app-page .forum-screen .forum-topic-head .orange {
  display: block;
  margin-top: 10px;
  padding: 12px 14px;
  color: #f0e2c2;
  background: linear-gradient(160deg, #1d2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  line-height: 1.45;
}

body.tida-app-page .forum-screen .forum-moder-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
}

body.tida-app-page .forum-screen .forum-moder-bar a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px;
  color: #efd6a0;
  background: #1a222c;
  border: 1px solid #6a5538;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12px;
}

body.tida-app-page .forum-screen .forum-comments {
  display: grid;
  gap: 10px;
}

body.tida-app-page .forum-screen .forum-post {
  margin: 0;
  padding: 12px 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419;
  line-height: 1.4;
}

body.tida-app-page .forum-screen .forum-post .small {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

body.tida-app-page .forum-screen .forum-post .small a {
  color: #c9b07a;
  text-decoration: none;
  font-size: 12px;
}

body.tida-app-page .forum-screen .forum-compose,
body.tida-app-page .forum-screen .forum-form form {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding: 12px 14px;
  background: #151b22;
  border: 1px solid #5a4a34;
  border-radius: 10px;
}

body.tida-app-page .forum-screen .forum-compose label,
body.tida-app-page .forum-screen .forum-form label {
  color: #d7c9ab;
  font-size: 13px;
}

body.tida-app-page .forum-screen .forum-compose textarea,
body.tida-app-page .forum-screen .forum-form textarea,
body.tida-app-page .forum-screen .forum-form input.inp,
body.tida-app-page .forum-screen .forum-form input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  color: #f2e6cc;
  background: #0f141a;
  border: 1px solid #6a5538;
  border-radius: 8px;
}

body.tida-app-page .forum-screen .forum-compose .but,
body.tida-app-page .forum-screen .forum-form .but,
body.tida-app-page .forum-screen .forum-form .space2 {
  margin: 0;
}

/* Mail */
body.tida-app-page .mail-screen {
  color: #e8e0d0;
}

body.tida-app-page .mail-screen > .b1.brt:not(.tida-legacy-nav) {
  margin: 0;
  padding: 14px 14px 6px;
  background: transparent;
  border: 0;
}

body.tida-app-page .mail-screen > .b1.brt:not(.tida-legacy-nav) h2 {
  margin: 0;
  color: #f2e4c0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
}

body.tida-app-page .mail-screen > .b2 {
  margin: 0;
  padding: 8px 12px 18px;
  background: transparent;
  border: 0;
}

body.tida-app-page .mail-hub .trade-hub-nav {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

body.tida-app-page .mail-hub .mail-count {
  margin-left: auto;
  color: #b9a77a;
  font-size: 13px;
}

body.tida-app-page .mail-list {
  display: grid;
  gap: 8px;
}

body.tida-app-page .mail-row {
  padding: 12px 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .mail-row.is-unread {
  border-color: #b08a3c;
  box-shadow: inset 0 0 0 1px #3a2e16, 0 0 0 1px #b08a3c44;
}

body.tida-app-page .mail-theme {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 6px;
}

body.tida-app-page .mail-theme img {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

body.tida-app-page .mail-theme a {
  color: #efd6a0;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

body.tida-app-page .mail-theme a.grey {
  color: #9a917f;
}

body.tida-app-page .mail-from {
  margin: 0;
  color: #b9a77a;
  font-size: 13px;
}

body.tida-app-page .mail-card {
  padding: 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .mail-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  color: #d7c9ab;
  font-size: 13px;
}

body.tida-app-page .mail-meta img {
  width: 14px;
  height: 14px;
}

body.tida-app-page .mail-meta strong {
  color: #f2e4c0;
  font-size: 15px;
}

body.tida-app-page .mail-body {
  margin: 10px 0 0;
  padding: 12px;
  color: #f0e2c2;
  background: #0f141a;
  border: 1px solid #5a4a34;
  border-radius: 8px;
  line-height: 1.45;
}

body.tida-app-page .mail-att {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  background: #1a2418;
  border: 1px solid #5a7044;
  border-radius: 8px;
}

body.tida-app-page .mail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin: 12px 0 0;
}

body.tida-app-page .mail-actions a,
body.tida-app-page .mail-back a {
  color: #efd6a0;
  text-decoration: none;
}

body.tida-app-page .mail-back {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 0;
}

body.tida-app-page .mail-compose form {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: #151b22;
  border: 1px solid #5a4a34;
  border-radius: 12px;
}

body.tida-app-page .mail-compose label {
  color: #d7c9ab;
  font-size: 13px;
}

body.tida-app-page .mail-compose input.inp,
body.tida-app-page .mail-compose textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 12px;
  color: #f2e6cc;
  background: #0f141a;
  border: 1px solid #6a5538;
  border-radius: 8px;
}

body.tida-app-page .mail-compose .but {
  margin: 4px 0 0;
}

body.tida-app-page .mail-help-card {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
}

body.tida-app-page .mail-help-card img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  border: 1px solid #8a6a3a;
  object-fit: cover;
}

body.tida-app-page .mail-pager {
  margin-top: 4px;
}

/* Tavern + quest panels */
body.tida-app-page .tavern-screen,
body.tida-app-page .quest-panel {
  color: #e8e0d0;
}

body.tida-app-page .tavern-main {
  margin: 0;
  padding: 8px 12px 18px;
  background: transparent;
  border: 0;
}

body.tida-app-page .tavern-quest,
body.tida-app-page .quest-panel,
body.tida-world-page .quest-panel {
  margin: 0 0 12px;
}

body.tida-app-page .quest-panel > .b1.brt,
body.tida-world-page .quest-panel > .b1.brt {
  margin: 0;
  padding: 12px 14px 8px;
  background: transparent;
  border: 0;
}

body.tida-app-page .quest-panel > .b1.brt h2,
body.tida-world-page .quest-panel > .b1.brt h2 {
  margin: 0;
  color: #f2e4c0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 700;
}

body.tida-app-page .quest-panel > .b2,
body.tida-app-page .quest-body,
body.tida-world-page .quest-panel > .b2,
body.tida-world-page .quest-body {
  margin: 0;
  padding: 0 12px 14px;
  background: transparent;
  border: 0;
}

body.tida-app-page .quest-dialog,
body.tida-world-page .quest-dialog {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin: 0 0 12px;
  padding: 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .quest-npc,
body.tida-world-page .quest-npc {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  border: 1px solid #8a6a3a;
  object-fit: cover;
  background: #0f141a;
}

body.tida-app-page .quest-dialog-text,
body.tida-world-page .quest-dialog-text {
  color: #f0e2c2;
  font-size: 14px;
  line-height: 1.45;
}

body.tida-app-page .quest-reward-title,
body.tida-world-page .quest-reward-title {
  margin: 0 0 8px;
  color: #efd6a0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
}

body.tida-app-page .quest-reward,
body.tida-world-page .quest-reward,
body.tida-app-page .quest-panel .award_in,
body.tida-world-page .quest-panel .award_in {
  display: grid;
  gap: 8px;
  margin: 0 0 12px;
  padding: 12px;
  background: linear-gradient(160deg, #241d16, #15110d);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .quest-reward > p,
body.tida-world-page .quest-reward > p,
body.tida-app-page .quest-reward-line,
body.tida-world-page .quest-reward-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #e8dfc8;
  font-size: 14px;
}

body.tida-app-page .quest-reward > p img,
body.tida-world-page .quest-reward > p img {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

body.tida-app-page .quest-item,
body.tida-world-page .quest-item,
body.tida-app-page .quest-reward table.items_box,
body.tida-world-page .quest-reward table.items_box {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #0f141a;
  border: 1px solid #5a4a34;
  border-radius: 10px;
  overflow: hidden;
}

body.tida-app-page .quest-item:before,
body.tida-world-page .quest-item:before,
body.tida-app-page .quest-reward table.items_box:before,
body.tida-world-page .quest-reward table.items_box:before {
  display: none;
}

body.tida-app-page .quest-item td,
body.tida-world-page .quest-item td,
body.tida-app-page .quest-reward table.items_box td,
body.tida-world-page .quest-reward table.items_box td {
  padding: 10px;
  vertical-align: middle;
  border: 0;
  background: transparent;
}

body.tida-app-page .quest-item td:first-child,
body.tida-world-page .quest-item td:first-child,
body.tida-app-page .quest-reward table.items_box td:first-child,
body.tida-world-page .quest-reward table.items_box td:first-child {
  width: 52px;
}

body.tida-app-page .quest-item td:first-child img,
body.tida-world-page .quest-item td:first-child img,
body.tida-app-page .quest-reward table.items_box td:first-child img,
body.tida-world-page .quest-reward table.items_box td:first-child img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #6a5538;
  object-fit: cover;
}

body.tida-app-page .quest-item .item_name,
body.tida-world-page .quest-item .item_name,
body.tida-app-page .quest-reward .item_name,
body.tida-world-page .quest-reward .item_name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: #efd6a0;
  font-size: 14px;
  line-height: 1.3;
}

body.tida-app-page .quest-item .item_todo,
body.tida-world-page .quest-item .item_todo,
body.tida-app-page .quest-reward .item_todo,
body.tida-world-page .quest-reward .item_todo {
  margin-top: 4px;
  color: #9a917f;
  font-size: 12px;
}

body.tida-app-page .quest-actions,
body.tida-world-page .quest-actions {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.tida-app-page .quest-actions > li,
body.tida-world-page .quest-actions > li {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  min-height: 0;
}

body.tida-app-page .quest-actions > li > a,
body.tida-world-page .quest-actions > li > a,
body.tida-app-page .quest-actions .butt,
body.tida-world-page .quest-actions .butt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 16px;
  color: #1a140c;
  background: linear-gradient(180deg, #efd6a0 0%, #c9a45a 100%);
  border: 1px solid #8a6a3a;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 #fff6, 0 4px 12px #0005;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
}

body.tida-app-page .quest-actions > li > a img.menu,
body.tida-world-page .quest-actions > li > a img.menu {
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

body.tida-app-page .quest-art img,
body.tida-world-page .quest-art img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  border: 1px solid #766344;
}

/* User gifts list */
body.tida-app-page .gifts-screen {
  color: #e8e0d0;
}

body.tida-app-page .gifts-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 8px 12px 18px;
  background: transparent;
  border: 0;
}

body.tida-app-page .gift-card {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #2c2419, 0 4px 14px #0005;
}

body.tida-app-page .gift-art {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  border: 1px solid #8a6a3a;
  object-fit: cover;
  background: #0f141a;
}

body.tida-app-page .gift-body {
  min-width: 0;
}

body.tida-app-page .gift-name {
  color: #f2e4c0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}

body.tida-app-page .gift-from {
  margin-top: 4px;
  color: #b9a77a;
  font-size: 13px;
  line-height: 1.35;
}

body.tida-app-page .gift-from a {
  color: #efd6a0;
  text-decoration: none;
}

body.tida-app-page .gift-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 8px;
  color: #9fd86a;
  font-size: 13px;
}

body.tida-app-page .gift-stats img {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
}

body.tida-app-page .gifts-empty {
  margin: 0;
  padding: 14px;
  color: #d7c9ab;
  background: #151b22;
  border: 1px solid #5a4a34;
  border-radius: 10px;
}

body.tida-app-page .gifts-back {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}

body.tida-app-page .gifts-back a {
  color: #efd6a0;
  text-decoration: none;
}

/* Daily bonus */
body.tida-app-page .daybonus-screen {
  color: #e8e0d0;
}

body.tida-app-page .daybonus-screen > .b1.brt:not(.tida-legacy-nav) {
  margin: 0;
  padding: 14px 14px 6px;
  background: transparent;
  border: 0;
}

body.tida-app-page .daybonus-screen > .b1.brt:not(.tida-legacy-nav) h2 {
  margin: 0;
  color: #f2e4c0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
}

body.tida-app-page .daybonus-screen > .b2.daybonus-panel {
  margin: 0;
  padding: 8px 12px 20px;
  background: transparent;
  border: 0;
}

body.tida-app-page .daybonus-hero {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 12px;
  align-items: center;
  margin: 0 0 14px;
  padding: 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2c2419;
}

body.tida-app-page .daybonus-hero-art img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #5a4a32;
}

body.tida-app-page .daybonus-cycle {
  margin: 0 0 6px;
  color: #efd6a0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
}

body.tida-app-page .daybonus-lead {
  margin: 0;
  color: #cfc4ae;
  font-size: 13px;
  line-height: 1.35;
}

body.tida-app-page .daybonus-chests {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 0 14px;
}

body.tida-app-page .daybonus-chest {
  margin: 0;
  flex: 0 0 calc(33.333% - 6px);
  max-width: 110px;
}

body.tida-app-page .daybonus-chest-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 10px 6px 8px;
  background: linear-gradient(180deg, #243040 0%, #151c26 100%);
  border: 1px solid #6e5a3a;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px #2a2318;
  color: #d9c79a;
  cursor: pointer;
  font: inherit;
}

body.tida-app-page .daybonus-chest-btn:active {
  transform: translateY(1px);
  border-color: #b08a3c;
}

body.tida-app-page .daybonus-chest-img {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 52px;
  height: 42px;
  overflow: hidden;
  border-radius: 6px;
  background: #0d1218;
}

body.tida-app-page .daybonus-chest-img img {
  display: block;
  width: 52px;
  height: 52px;
  object-fit: cover;
  object-position: center 78%;
}

body.tida-app-page .daybonus-chest-name {
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
}

body.tida-app-page .daybonus-note {
  margin: 0;
  padding: 10px 12px;
  color: #b9ae97;
  font-size: 12px;
  line-height: 1.4;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid #3d3d3d;
  border-radius: 8px;
}

body.tida-app-page .daybonus-results {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
}

body.tida-app-page .daybonus-result {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  background: linear-gradient(160deg, #1c2430 0%, #121820 100%);
  border: 1px solid #766344;
  border-radius: 10px;
}

body.tida-app-page .daybonus-result-img img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

body.tida-app-page .daybonus-result-title {
  margin: 0 0 4px;
  color: #efd6a0;
}

body.tida-app-page .daybonus-result-reward {
  margin: 0;
  color: #d7d0c2;
  font-size: 13px;
}

body.tida-app-page .daybonus-close {
  margin: 0;
  text-align: center;
}

@media (max-width: 360px) {
  body.tida-app-page .daybonus-chest {
    flex-basis: calc(50% - 6px);
    max-width: none;
  }
}