/* =====================================================================
   Enhancement windows (left column «Усиления») — light parchment theme.
   Covers every window rendered into #quickModal: Сумка, Эликсиры, Дерево,
   Длань, Обелиск, Медали, Бонусы, Колонны and their inner states.
   Presentation only: no handler, rule or data depends on this file.
   ===================================================================== */
#quickModal {
  --en-ink: #2f2416;
  --en-ink-soft: #6a5a44;
  --en-title: #6e1410;
  --en-line: #d8bd86;
  --en-line-soft: #e8d6ae;
  --en-serif: "Times New Roman", Times, "Liberation Serif", Georgia, serif;
  --en-sans: Arial, "Liberation Sans", Helvetica, sans-serif;
  --en-gold: linear-gradient(180deg, #fde9a8 0, #f4cf73 30%, #e9b955 62%, #d49a39 100%);
  --en-gold-hi: linear-gradient(180deg, #fff0b8 0, #f8d886 30%, #efc261 62%, #dca543 100%);
  --en-paper: linear-gradient(180deg, #fffaf0 0, #f9efdc 100%);
  background: #000000b8 !important;
}

/* ---------- Shell ---------- */
#quickModal .quick-modal__dialog {
  position: relative;
  width: min(820px, 100%) !important;
  max-height: 92vh !important;
  padding: 22px 30px 26px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg %3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe39b'/%3E%3Cstop offset='.45' stop-color='%23d9a441'/%3E%3Cstop offset='1' stop-color='%238a5a17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M2 30V9a7 7 0 0 1 7-7h21' stroke-width='2.6'/%3E%3Cpath d='M7 24c0-9 5-14 14-14' stroke-width='1.6'/%3E%3Cpath d='M7 24c3-1 5-3 5-6M21 10c-1 3-3 5-6 5' stroke-width='1.3'/%3E%3Cpath d='M11 11c2 2 4 2 6 1M11 11c2 2 2 4 1 6' stroke-width='1.2'/%3E%3Cpath d='M2 34c2 3 2 6 0 9M34 2c3 2 6 2 9 0' stroke-width='1.4'/%3E%3C/g%3E%3Ccircle cx='11' cy='11' r='2.4' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.8'/%3E%3Cpath d='M24 3.5l2 2-2 2-2-2zM3.5 24l2 2-2 2-2-2z' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") left 8px top 8px / 46px 46px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg transform='translate(46 0) scale(-1 1)'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe39b'/%3E%3Cstop offset='.45' stop-color='%23d9a441'/%3E%3Cstop offset='1' stop-color='%238a5a17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M2 30V9a7 7 0 0 1 7-7h21' stroke-width='2.6'/%3E%3Cpath d='M7 24c0-9 5-14 14-14' stroke-width='1.6'/%3E%3Cpath d='M7 24c3-1 5-3 5-6M21 10c-1 3-3 5-6 5' stroke-width='1.3'/%3E%3Cpath d='M11 11c2 2 4 2 6 1M11 11c2 2 2 4 1 6' stroke-width='1.2'/%3E%3Cpath d='M2 34c2 3 2 6 0 9M34 2c3 2 6 2 9 0' stroke-width='1.4'/%3E%3C/g%3E%3Ccircle cx='11' cy='11' r='2.4' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.8'/%3E%3Cpath d='M24 3.5l2 2-2 2-2-2zM3.5 24l2 2-2 2-2-2z' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") right 8px top 8px / 46px 46px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg transform='translate(0 46) scale(1 -1)'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe39b'/%3E%3Cstop offset='.45' stop-color='%23d9a441'/%3E%3Cstop offset='1' stop-color='%238a5a17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M2 30V9a7 7 0 0 1 7-7h21' stroke-width='2.6'/%3E%3Cpath d='M7 24c0-9 5-14 14-14' stroke-width='1.6'/%3E%3Cpath d='M7 24c3-1 5-3 5-6M21 10c-1 3-3 5-6 5' stroke-width='1.3'/%3E%3Cpath d='M11 11c2 2 4 2 6 1M11 11c2 2 2 4 1 6' stroke-width='1.2'/%3E%3Cpath d='M2 34c2 3 2 6 0 9M34 2c3 2 6 2 9 0' stroke-width='1.4'/%3E%3C/g%3E%3Ccircle cx='11' cy='11' r='2.4' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.8'/%3E%3Cpath d='M24 3.5l2 2-2 2-2-2zM3.5 24l2 2-2 2-2-2z' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") left 8px bottom 8px / 46px 46px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cg transform='translate(46 46) scale(-1 -1)'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fbe39b'/%3E%3Cstop offset='.45' stop-color='%23d9a441'/%3E%3Cstop offset='1' stop-color='%238a5a17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M2 30V9a7 7 0 0 1 7-7h21' stroke-width='2.6'/%3E%3Cpath d='M7 24c0-9 5-14 14-14' stroke-width='1.6'/%3E%3Cpath d='M7 24c3-1 5-3 5-6M21 10c-1 3-3 5-6 5' stroke-width='1.3'/%3E%3Cpath d='M11 11c2 2 4 2 6 1M11 11c2 2 2 4 1 6' stroke-width='1.2'/%3E%3Cpath d='M2 34c2 3 2 6 0 9M34 2c3 2 6 2 9 0' stroke-width='1.4'/%3E%3C/g%3E%3Ccircle cx='11' cy='11' r='2.4' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.8'/%3E%3Cpath d='M24 3.5l2 2-2 2-2-2zM3.5 24l2 2-2 2-2-2z' fill='%23f3cf78' stroke='%237a4f14' stroke-width='.6'/%3E%3C/g%3E%3C/svg%3E") right 8px bottom 8px / 46px 46px no-repeat,
    radial-gradient(ellipse at 50% 0, #fffaf0 0, transparent 60%),
    linear-gradient(180deg, #f8eedb 0, #f4e6ca 100%) !important;
  box-shadow:
    0 0 0 1px #2a1806,
    inset 0 0 0 1px #7a5220,
    inset 0 0 0 3px #f6dd9a,
    inset 0 0 0 5px #dba94f,
    inset 0 0 0 6px #b07a2e,
    inset 0 0 0 7px #6d4a1e,
    inset 0 0 0 8px #f1dfae,
    0 22px 70px #000e !important;
  color: var(--en-ink) !important;
  font: 400 16px/1.4 var(--en-sans) !important;
  scrollbar-color: #c08c45 #f3e6cc;
  scrollbar-width: thin;
}
#quickModal .bag-dialog { width: min(860px, 100%) !important; }
#quickModal .columns-dialog { width: min(740px, 100%) !important; }
#quickModal .full-tree-dialog,
#quickModal .bonus-dialog { width: min(920px, 100%) !important; }
#quickModal .hand-dialog,
#quickModal .obelisk-dialog,
#quickModal .medals-dialog { width: min(780px, 100%) !important; }
/* Elixirs: header and categories stay, only the list scrolls (as on the approved mockup). */
#quickModal .quick-modal__dialog:has(> .elixir-tabs) { width: min(800px, 100%) !important; display: flex !important; flex-direction: column; overflow: hidden !important; }
#quickModal .quick-modal__dialog:has(> .elixir-tabs) > .elixir-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding-right: 8px; }

/* Header: dagger, large burgundy title, round gold close, divider with a diamond. */
#quickModal .quick-modal__head {
  position: relative;
  min-height: 70px;
  margin: 0 0 18px !important;
  padding: 8px 64px 22px 68px !important;
  border: 0 !important;
  background: url("data:image/webp;base64,UklGRr4FAABXRUJQVlA4WAoAAAAQAAAAGwAAQwAAQUxQSC0BAAABkGNb27E912/btm37/zurdGVVaj0AhWU620ltDiBzSJ217uJ9vhsrE4iICYBwKRT6v4j0iIh2tYY9FKsSGUhulRbyrUHcGEkh8f1dsbkZQNRvkt53RHft3P5Mmh7glJSDPP1aax5oHTpyleDnwR+Vbwh34EBhHMw7kt/gB/Fiyup5AAs94GebJAvqBKURvCJBdR4vXdBYx4sQNFfxpA0mteUWJQUWmckWaUkWG+cGwa1QazitAvGR4WumDiS+ixRXgx8pPoe3EDdI14NsUv4LNIHUP4S2kSFg8dSE/p9gk9hzgwzAAECAWjMA/FNahlMJ7iaNM/jOl01ByBqCmAVhFO+tBLyPJh9MXpk8NPlpQogyKTMpMlhCsAgMaPb6QJUGAhzoh+4VEcFwFn0sAFZQOCBqBAAAkBcAnQEqHABEAD4xFolDIiEhFNqttCADBLYATplCOBvK/xN9gSj/0b8MbQid3r+nAbYrcJ+cz1Dv9L9SDy3/ZJ8qK5Yfif+x3bHePfWvcs76v7fnLf67jrv9rxgfLl6i/5X/oORBj6/unpd/53mk/Jf6v/vPcD/jv87/zv9k/eT/BcgB+nww4ICZh3AV4+MFlM/x3Uph4+/aWzat+9bkCsVpU/2nKrTVM9jHbz3p+VaEPpDj3Wq2NmqwrZlNdxTsdojxVwAA/rkmmPg2To+MHPdX4VCi+V5Ojgjdb+rf6raylUUct9fXR/EqDE1+lA/0I97KFsoBXZ/SKQQR9L3vdJdxAbg656XKCRseY4roqOndXuHsIyBGYNM2blm+YMVq7FmLJZn/6LzflpzMpckk5dfZPLIekoA5EeWPavt5UP+HIpzVTvEv+V6fRAqI7b7opcwNk1F3yzefZxnppjw01PjtYH0yk7w3NYyQjtbDcgEQyss0QoL+UJzunZAtyHtz7cbzR+8Dl4jxtnvT0J1SKMfcqcUKv5yJ/zWTOLRvXfhXDyOySRhn/TKDhm6MSSHu1lXg4NwSFyPiUWskWW2zpdNNEb4ybCt+7oU/9DczveYrqMbEqom2+F/v/O3aU/+Lra+NYax3vzSrCwzsly3117ZG/ue4+k//ix2s7Lsjvg8UqVW+BHTnhN+PmahDH/8NUkh/3RLC/EVpJ/tf/ovyH3sbe4mqH7y6sRXrIlgt9322lakoY8TmWZkcVf00y/VFhFg06GS/qonK6mGeNOm+xb+DlGi8feZpI/4rf2CoA35bkBHT44uCjedxBK1Jk44l0+gSnDHX1+QahHtBpk6kpXchQ6vu1/wfNQxa43dMj/6FX1Cwly3yO3WpeZIOyCa9PFbH6JoZE1Fa7iVIb3dJvSt3ld+QW/4L+yuld4BXxhGZ3wx+G4rHZUDnckfIOHNJLcBPkIbqel3Tvby2IgxUQcP7+WYkZ8R+oULBHgqUnDrS9BB/fuxxXQounIs7zkLk9c6gvNPwWRmWm85hUxi701XpP2//BIvJFP7vDqf7/aR/nwiwvqBuFq1jvO4HQbPB3Wz3uU74gJ2FauLL6Zxp4SKakvl9Zc6SpsC4uf35qt0xhG58wtzn/CeRn7AP487NDtb/NMAEQCaGDjTxfjA1IzpvlF7v7d0pEadr4MRKqdKVhCAa+wTlJGX8kqMiIP6IHaijCOaV3wzROShpRLEwZxb76rA0U9zF8ibtqc/1v8/LoqSXgnodYOoSA2hB0rBzrf+d/8xKi0mONciFEY0CC6qFsZNVGjP3/N5k0gl40t/ABN+pJyJNQWhqspvh/+/5SKLMBT9P2AnkQ3spbndvmmqFKuJanCBI7Dyt6SjnagMVxGskfc8ahJRyagyHq8GmDfdafKadMFM/dNngV+r7Ucpees52P7nwREU8K8/1f+BrHpxEbWsC3217qbDJZ6NyiX3LAM7Ykej1HfvfdrySNmaxJ3pEdF1hwAA=") 18px 4px / 24px 58px no-repeat !important;
  box-shadow: none !important;
}
#quickModal .quick-modal__head::after {
  content: "";
  position: absolute;
  left: 60px;
  right: 60px;
  bottom: 0;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") center / 30px 12px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 12' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c99a45' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23c99a45'/%3E%3Cstop offset='.88' stop-color='%23c99a45'/%3E%3Cstop offset='1' stop-color='%23c99a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='5.3' width='1000' height='1.4' fill='url(%23l)'/%3E%3C/svg%3E") center / 100% 12px no-repeat;
  pointer-events: none;
}
#quickModal .quick-modal__head h2 {
  margin: 0 !important;
  color: var(--en-title) !important;
  font: 700 40px/1.05 var(--en-serif) !important;
  letter-spacing: .005em;
  text-shadow: 0 1px 0 #fffaf0;
}
#quickModal .quick-modal__head > button {
  position: absolute;
  top: 4px;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0 0 3px !important;
  border: 1px solid #8a5c22 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 35%, #fff0b8 0, #f2cd72 45%, #d09a3e 80%, #b07a2a 100%) !important;
  box-shadow: inset 0 0 0 2px #fbe6a6, inset 0 -2px 3px #9a6a2299, 0 2px 4px #4a2e0a66 !important;
  color: #4a2608 !important;
  font: 700 30px/1 var(--en-serif) !important;
  cursor: pointer;
}
#quickModal .quick-modal__head > button:hover { filter: brightness(1.07); }

/* ---------- Text blocks ---------- */
#quickModal .notice,
#quickModal .bonus-intro {
  position: relative;
  margin: 0 0 16px !important;
  padding: 13px 18px 13px 58px !important;
  border: 1px solid #b9a46a !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #e9eedd, #dfe6cf) !important;
  box-shadow: inset 0 0 0 1px #f6f8ee, 0 1px 2px #5c4a1a22 !important;
  color: #2d2a1e !important;
  font: 400 16px/1.45 var(--en-sans) !important;
}
#quickModal .notice::before,
#quickModal .bonus-intro::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cdefs%3E%3CradialGradient id='r' cx='.4' cy='.35' r='.7'%3E%3Cstop offset='0' stop-color='%237fa66a'/%3E%3Cstop offset='1' stop-color='%233f6a35'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='13' fill='url(%23r)' stroke='%232f4f27'/%3E%3Ccircle cx='14' cy='8.4' r='2' fill='%23f4f1de'/%3E%3Cpath d='M11.6 12.2h3.6v8.4h1.6v1.8h-5.4v-1.8h1.4v-6.6h-1.2z' fill='%23f4f1de'/%3E%3C/svg%3E") center / contain no-repeat;
}
#quickModal .notice b,
#quickModal .bonus-intro b { color: #1f1a10; }
#quickModal .bonus-source,
#quickModal .columns-note { color: var(--en-ink-soft) !important; font: 400 14px/1.45 var(--en-sans) !important; }
#quickModal :is(.columns-limit, .obelisk-limit, .bonus-total, .tree-current) {
  margin: 0 0 14px !important;
  padding: 10px 18px !important;
  border: 1px solid #b8862e !important;
  border-left-width: 1px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f9e3a0 0, #efcd7b 55%, #e2b562 100%) !important;
  box-shadow: inset 0 1px 0 #fff4cc, inset 0 -1px 0 #c9953f, 0 1px 2px #5c3a0e33 !important;
  color: #4a2608 !important;
  font: 700 20px/1.2 var(--en-serif) !important;
}
#quickModal :is(.columns-limit, .obelisk-limit, .bonus-total, .tree-current) b { color: #4a2608 !important; }
#quickModal .bonus-total small { display: block; margin-top: 3px; color: #6a4a22 !important; font: 400 13px/1.3 var(--en-sans) !important; }
#quickModal .tree-current { font-size: 17px !important; }

/* Section dividers: the list area starts under a gold rule with a diamond. */
#quickModal :is(.bag-library, .hand-grid, .obelisk-grid, .medal-picker-grid, .bonus-grid, .full-tree-path) {
  padding-top: 18px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") top center / 30px 12px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 12' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c99a45' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23c99a45'/%3E%3Cstop offset='.88' stop-color='%23c99a45'/%3E%3Cstop offset='1' stop-color='%23c99a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='5.3' width='1000' height='1.4' fill='url(%23l)'/%3E%3C/svg%3E") top center / calc(100% - 20px) 12px no-repeat !important;
}
#quickModal .elixir-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 0 0 18px !important;
  border: 0 !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") bottom center / 30px 12px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 12' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c99a45' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23c99a45'/%3E%3Cstop offset='.88' stop-color='%23c99a45'/%3E%3Cstop offset='1' stop-color='%23c99a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='5.3' width='1000' height='1.4' fill='url(%23l)'/%3E%3C/svg%3E") bottom center / calc(100% - 20px) 12px no-repeat !important;
}

/* ---------- Buttons ---------- */
#quickModal :is(.tool-button, .bag-actions button, .obelisk-card > button, .columns-card > button, .mod-actions button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 7px 20px !important;
  border: 1px solid #9a6a22 !important;
  border-radius: 4px !important;
  background: var(--en-gold) !important;
  box-shadow: inset 0 1px 0 #fff3c4, inset 0 -2px 0 #b07a2a, 0 2px 3px #5c3a0e44 !important;
  color: #3b1f07 !important;
  font: 700 18px/1.1 var(--en-serif) !important;
  text-shadow: 0 1px 0 #fbe9b2;
  cursor: pointer;
}
#quickModal :is(.tool-button, .bag-actions button, .obelisk-card > button, .columns-card > button, .mod-actions button):hover:not(:disabled) { background: var(--en-gold-hi) !important; }
#quickModal :is(.tool-button, .bag-actions button, .obelisk-card > button, .columns-card > button, .mod-actions button):focus-visible { outline: 2px solid #b17d2d; outline-offset: 2px; }
#quickModal :is(.tool-button, .bag-actions button, .obelisk-card > button, .columns-card > button, .mod-actions button):disabled { opacity: .5; filter: grayscale(.35); cursor: not-allowed; }
/* Decorative icons on buttons (pure CSS). */
#quickModal :is([data-bag-linings], [data-bag-equip], [data-bag-edit], [data-column-add], [data-obelisk-add])::before {
  content: "";
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  background: center / contain no-repeat;
}
#quickModal [data-bag-linings]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b1f07' d='M13.6 2l.5 2.6c.7.2 1.3.5 1.9.9l2.4-1.2 2.2 2.2-1.2 2.4c.4.6.7 1.2.9 1.9l2.6.5v3.2l-2.6.5c-.2.7-.5 1.3-.9 1.9l1.2 2.4-2.2 2.2-2.4-1.2c-.6.4-1.2.7-1.9.9l-.5 2.6h-3.2l-.5-2.6c-.7-.2-1.3-.5-1.9-.9l-2.4 1.2-2.2-2.2 1.2-2.4c-.4-.6-.7-1.2-.9-1.9L2 13.6v-3.2l2.6-.5c.2-.7.5-1.3.9-1.9L4.3 5.6l2.2-2.2 2.4 1.2c.6-.4 1.2-.7 1.9-.9L11.3 2zM12 8.2a3.8 3.8 0 1 0 0 7.6 3.8 3.8 0 0 0 0-7.6z'/%3E%3C/svg%3E"); }
#quickModal :is([data-bag-equip], [data-column-add], [data-obelisk-add])::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b1f07' d='M12 2C7 2 4 5.6 4 10.5V20h5v-6.5H7.5V11h9v2.5H15V20h5v-9.5C20 5.6 17 2 12 2zm-1 2.2h2v6.3h-2z'/%3E%3C/svg%3E"); }
#quickModal [data-bag-edit]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b1f07' d='M16.8 2.6l4.6 4.6-12.1 12.1-5.6 1 1-5.6zM3 22h18v-1.6H3z'/%3E%3C/svg%3E"); }
#quickModal .mod-actions { display: flex !important; flex-wrap: wrap; gap: 10px !important; margin: 0 0 16px !important; }
#quickModal .bag-dialog .mod-actions { margin-bottom: 14px !important; }

/* Light secondary controls: category tabs, tree nodes. */
#quickModal :is(.elixir-tabs button, .tree-node-row button) {
  min-height: 42px;
  padding: 6px 16px !important;
  border: 1px solid #cbb98f !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #f8f4ea 0, #ece3d0 100%) !important;
  box-shadow: inset 0 1px 0 #fff, 0 1px 2px #5c3a0e26 !important;
  color: #3a2a18 !important;
  font: 400 17px/1.1 var(--en-serif) !important;
  cursor: pointer;
}
#quickModal :is(.elixir-tabs button, .tree-node-row button):hover:not(:disabled) { border-color: #b8924a !important; background: linear-gradient(180deg, #fffaf0, #f2e6cb) !important; }
#quickModal :is(.elixir-tabs button.active, .tree-node-row button.active, .tree-node-row button[aria-pressed="true"]) {
  border-color: #9a6a22 !important;
  background: var(--en-gold) !important;
  box-shadow: inset 0 1px 0 #fff3c4, inset 0 -2px 0 #b07a2a, 0 2px 3px #5c3a0e44 !important;
  color: #3b1f07 !important;
  font-weight: 700 !important;
}

/* Fields */
#quickModal :is(select, input:not([type=checkbox]):not([type=radio])) {
  min-height: 40px;
  padding: 6px 12px !important;
  border: 1px solid #d9c194 !important;
  border-radius: 4px !important;
  outline: 0;
  background-color: #fffdf8 !important;
  box-shadow: inset 0 1px 2px #5e3b0c14 !important;
  color: var(--en-ink) !important;
  font: 400 16px/1.2 var(--en-sans) !important;
  color-scheme: light;
}
#quickModal select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 38px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M1.5 1.5l6 6 6-6' fill='none' stroke='%236b4523' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 14px 9px !important;
  cursor: pointer;
}
#quickModal select option { background: #fffdf8; color: var(--en-ink); }
#quickModal :is(select, input):focus { border-color: #b17d2d !important; box-shadow: 0 0 0 2px #d9b87566 !important; }
#quickModal input[type=checkbox] { width: 18px; height: 18px; accent-color: #b8762a; vertical-align: -3px; }

/* ---------- Cards: one component for every window ---------- */
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card, .hand-card) {
  position: relative;
  border: 1px solid var(--en-line) !important;
  border-radius: 4px !important;
  background: var(--en-paper) !important;
  box-shadow: inset 0 0 0 3px #fffbf2, inset 0 0 0 4px #ecdcb8, 0 1px 2px #5c3a0e1f !important;
  color: var(--en-ink) !important;
}
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card, .hand-card)::before {
  content: "";
  position: absolute;
  inset: 3px;
  pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cg %3E%3Cpath d='M1 14V5C1 2.8 2.8 1 5 1h9' fill='none' stroke='%23c99a45' stroke-width='1.3'/%3E%3Cpath d='M4 11V7c0-1.7 1.3-3 3-3h4' fill='none' stroke='%23e2c27f' stroke-width='1'/%3E%3Ccircle cx='3.2' cy='3.2' r='1.5' fill='%23c99a45'/%3E%3C/g%3E%3C/svg%3E") left top / 15px 15px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cg transform='translate(15 0) scale(-1 1)'%3E%3Cpath d='M1 14V5C1 2.8 2.8 1 5 1h9' fill='none' stroke='%23c99a45' stroke-width='1.3'/%3E%3Cpath d='M4 11V7c0-1.7 1.3-3 3-3h4' fill='none' stroke='%23e2c27f' stroke-width='1'/%3E%3Ccircle cx='3.2' cy='3.2' r='1.5' fill='%23c99a45'/%3E%3C/g%3E%3C/svg%3E") right top / 15px 15px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cg transform='translate(0 15) scale(1 -1)'%3E%3Cpath d='M1 14V5C1 2.8 2.8 1 5 1h9' fill='none' stroke='%23c99a45' stroke-width='1.3'/%3E%3Cpath d='M4 11V7c0-1.7 1.3-3 3-3h4' fill='none' stroke='%23e2c27f' stroke-width='1'/%3E%3Ccircle cx='3.2' cy='3.2' r='1.5' fill='%23c99a45'/%3E%3C/g%3E%3C/svg%3E") left bottom / 15px 15px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cg transform='translate(15 15) scale(-1 -1)'%3E%3Cpath d='M1 14V5C1 2.8 2.8 1 5 1h9' fill='none' stroke='%23c99a45' stroke-width='1.3'/%3E%3Cpath d='M4 11V7c0-1.7 1.3-3 3-3h4' fill='none' stroke='%23e2c27f' stroke-width='1'/%3E%3Ccircle cx='3.2' cy='3.2' r='1.5' fill='%23c99a45'/%3E%3C/g%3E%3C/svg%3E") right bottom / 15px 15px no-repeat;
}
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card, .hand-card):hover { border-color: #c79447 !important; }
#quickModal :is(.obelisk-card, .columns-card, .bonus-card, .hand-card, .medal-picker-card):is(.active, .selected, [aria-pressed="true"]) {
  border-color: #b8862e !important;
  background: linear-gradient(180deg, #fff6df 0, #f7e5bb 100%) !important;
  box-shadow: inset 0 0 0 3px #fffaf0, inset 0 0 0 4px #e6c47c, 0 0 0 1px #e6c47c, 0 2px 6px #b8862e40 !important;
}
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card, .hand-card) :is(h3, h4, b:first-of-type) { color: var(--en-title) !important; }
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card) :is(h3, h4) {
  margin: 0 0 3px !important;
  font: 700 20px/1.15 var(--en-serif) !important;
}
#quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card) p {
  margin: 0 !important;
  color: var(--en-ink) !important;
  font: 400 16px/1.4 var(--en-sans) !important;
}
#quickModal :is(.item-card, .elixir-card) p em { color: #3a2c1a; font-family: var(--en-sans); }
/* Framed dark picture on the left of every card. */
#quickModal :is(.item-card > img, .elixir-card > img, .columns-card__img, .obelisk-card > i, .hand-card > i, .medal-picker-icon, .bonus-card__image, .bonus-token) {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid #b9862f !important;
  border-radius: 3px !important;
  background: radial-gradient(circle at 50% 42%, #5d4120 0, #34220f 58%, #1c1208 100%) !important;
  box-shadow: 0 0 0 1px #5a3a10, inset 0 0 0 1px #f3cf78, inset 0 0 12px #000a !important;
  color: #f3d58a !important;
  object-fit: contain;
}

/* Сумка */
#quickModal .bag-library { display: grid !important; gap: 10px !important; }
#quickModal .bag-library .item-card { grid-template-columns: 86px minmax(0, 1fr) auto !important; gap: 8px 20px !important; align-items: center; padding: 12px 16px 12px 14px !important; }
#quickModal .bag-library .item-card > img { width: 86px !important; height: 86px !important; padding: 6px; }
#quickModal .bag-library .item-card h3 { font-size: 21px !important; }
#quickModal .bag-library .item-card p { color: var(--en-ink-soft) !important; font: 400 17px/1.35 var(--en-serif) !important; }
#quickModal .bag-actions { display: grid !important; gap: 8px !important; min-width: 184px; }
#quickModal .bag-library .empty {
  margin: 0 !important;
  padding: 22px 16px !important;
  border: 1px dashed #d9c194 !important;
  border-radius: 4px;
  background: #fffaf0 !important;
  color: #7d6a50 !important;
  font: italic 400 17px/1.35 var(--en-serif) !important;
  text-align: center;
}

/* Эликсиры */
#quickModal .elixir-list { display: grid !important; gap: 10px !important; scrollbar-color: #c08c45 #f3e6cc; }
#quickModal .elixir-card { grid-template-columns: 88px minmax(0, 1fr) auto !important; gap: 8px 20px !important; align-items: center; padding: 10px 16px 14px 12px !important; }
#quickModal .elixir-card::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 30px;
  height: 12px;
  margin-left: -15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}
#quickModal .elixir-card > img { width: 88px !important; height: 88px !important; padding: 7px; }
#quickModal .elixir-card h3 { font-size: 20px !important; }
#quickModal .elixir-quantity { display: grid !important; grid-template-columns: 42px 58px 42px; gap: 8px !important; align-items: center; }
#quickModal .elixir-quantity button {
  width: 42px;
  height: 42px;
  padding: 0 0 2px !important;
  border: 1px solid #9a6a22 !important;
  border-radius: 4px !important;
  background: var(--en-gold) !important;
  box-shadow: inset 0 1px 0 #fff3c4, inset 0 -2px 0 #b07a2a, 0 2px 3px #5c3a0e44 !important;
  color: #3b1f07 !important;
  font: 700 26px/1 var(--en-serif) !important;
  cursor: pointer;
}
#quickModal .elixir-quantity button:hover:not(:disabled) { background: var(--en-gold-hi) !important; }
#quickModal .elixir-quantity button:disabled { opacity: .72; filter: saturate(.6); cursor: not-allowed; }
#quickModal .elixir-card .elixir-quantity input[type=number] {
  width: 58px !important;
  height: 42px;
  padding: 0 4px !important;
  text-align: center;
  font: 700 21px/1 var(--en-sans) !important;
  -moz-appearance: textfield;
  appearance: textfield;
}
#quickModal .elixir-quantity input::-webkit-inner-spin-button,
#quickModal .elixir-quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/* Колонны */
#quickModal .columns-house { margin-top: 14px !important; }
#quickModal .columns-house h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--en-title) !important;
  font: 700 22px/1.2 var(--en-serif) !important;
}
#quickModal .columns-house h3::before { content: ""; flex: 0 0 auto; width: 13px; height: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .8L11.2 6 6 11.2.8 6z' fill='%23e8bf62' stroke='%238a5a17'/%3E%3C/svg%3E") center / contain no-repeat; }
#quickModal .columns-house h3::after { content: ""; flex: 1 1 auto; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") center / 30px 12px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 12' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c99a45' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23c99a45'/%3E%3Cstop offset='.88' stop-color='%23c99a45'/%3E%3Cstop offset='1' stop-color='%23c99a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='5.3' width='1000' height='1.4' fill='url(%23l)'/%3E%3C/svg%3E") center / 100% 12px no-repeat; }
#quickModal .columns-house h3 b { color: var(--en-title) !important; }
#quickModal .columns-grid { gap: 8px !important; }
#quickModal .columns-card { grid-template-columns: 70px minmax(0, 1fr) auto !important; gap: 8px 18px !important; align-items: center; padding: 6px 14px 6px 16px !important; }
#quickModal .columns-card__img { width: 70px !important; height: 70px !important; padding: 4px; }
#quickModal .columns-card__img img { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain; }
#quickModal .columns-card h4 { font-size: 18px !important; }
#quickModal .columns-card p { font: 400 15.5px/1.35 var(--en-serif) !important; color: var(--en-ink-soft) !important; }
#quickModal .columns-card > button { min-width: 148px; }

/* Обелиски */
#quickModal .obelisk-grid { display: grid !important; gap: 8px !important; }
#quickModal .obelisk-card { grid-template-columns: 70px minmax(0, 1fr) auto !important; gap: 8px 18px !important; align-items: center; padding: 6px 14px 6px 16px !important; }
#quickModal .obelisk-card > i { width: 70px !important; height: 70px !important; padding: 5px; font-style: normal; font-size: 30px; }
#quickModal .obelisk-card > i img { max-width: 100%; max-height: 100%; }
#quickModal .obelisk-card > button { min-width: 140px; }

/* Длань */
#quickModal .hand-grid { gap: 10px !important; }
#quickModal .hand-card {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 14px;
  align-items: center;
  min-height: 82px;
  padding: 8px 14px 8px 10px !important;
  text-align: left;
  cursor: pointer;
}
#quickModal .hand-card > i { grid-row: 1 / 3; width: 64px !important; height: 64px !important; padding: 4px; font-style: normal; }
#quickModal .hand-card > i img { max-width: 100%; max-height: 100%; }
#quickModal .hand-card > b { align-self: end; color: var(--en-title) !important; font: 700 19px/1.15 var(--en-serif) !important; }
#quickModal .hand-card > small { align-self: start; color: var(--en-ink-soft) !important; font: 400 15px/1.3 var(--en-serif) !important; }

/* Медали */
#quickModal .medal-picker-grid { gap: 10px !important; }
#quickModal .medal-picker-card { grid-template-columns: 76px minmax(0, 1fr) !important; gap: 8px 18px !important; align-items: center; padding: 10px 16px 12px 12px !important; }
#quickModal .medal-picker-icon { width: 76px !important; height: 76px !important; padding: 5px; }
#quickModal .medal-picker-icon i { font-style: normal; font-size: 26px; color: #f3d58a; }
#quickModal .medal-picker-icon img { max-width: 100%; max-height: 100%; }
#quickModal .medal-picker-card p { color: var(--en-ink-soft) !important; margin-bottom: 6px !important; }
#quickModal .medal-picker-card select { width: 100%; }

/* Бонусы */
#quickModal .bonus-grid { gap: 10px !important; }
#quickModal .bonus-card { grid-template-columns: 70px minmax(0, 1fr) !important; gap: 8px 16px !important; align-items: center; padding: 10px 14px 10px 12px !important; cursor: default; }
#quickModal label.bonus-card { cursor: pointer; }
#quickModal :is(.bonus-card__image, .bonus-token) { width: 70px !important; height: 70px !important; padding: 5px; font: 700 22px/1 var(--en-serif) !important; }
#quickModal .bonus-card h3 { font-size: 18px !important; }
#quickModal .bonus-card p { font-size: 14.5px !important; }
#quickModal .bonus-card p b { color: var(--en-title) !important; }
#quickModal .bonus-switch { display: inline-flex; align-items: center; gap: 7px; margin-top: 6px; color: var(--en-ink) !important; font: 700 15px/1.2 var(--en-sans) !important; }
#quickModal .bonus-card select { width: 100%; margin-top: 6px; }

/* Дерево */
#quickModal .full-tree-path { display: grid !important; gap: 10px !important; }
#quickModal .full-tree-path > section {
  position: relative;
  padding: 10px 14px 12px !important;
  border: 1px solid var(--en-line) !important;
  border-radius: 4px !important;
  background: var(--en-paper) !important;
  box-shadow: inset 0 0 0 3px #fffbf2, inset 0 0 0 4px #ecdcb8 !important;
}
#quickModal .full-tree-path > section h3 { margin: 0 0 8px !important; color: var(--en-title) !important; font: 700 19px/1.2 var(--en-serif) !important; }
#quickModal .tree-node-row { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
#quickModal .tree-node-row button { display: inline-flex; align-items: center; gap: 8px; }
#quickModal .tree-node-row button img { width: 30px; height: 30px; object-fit: contain; }
#quickModal .tree-node-row em { color: var(--en-ink-soft) !important; font: italic 400 16px/1.3 var(--en-serif) !important; }
#quickModal .full-tree-dialog :is(table, th, td) { border-color: var(--en-line-soft) !important; color: var(--en-ink) !important; background: transparent !important; }
#quickModal .full-tree-dialog :is(label, span, small, p) { color: inherit; }

/* Any other text inside these windows: dark and readable on parchment. */
#quickModal .quick-modal__dialog :is(h3, h4) { color: var(--en-title); }
#quickModal .quick-modal__dialog :is(p, span, small, label, li, td, th, div) { border-color: var(--en-line-soft); }
#quickModal .quick-modal__dialog .empty { color: #7d6a50 !important; background: transparent; }


/* ---------- Дерево: распределение очков первоначал (.tree-builder) ---------- */
#quickModal .quick-modal__dialog.tree-builder { width: min(1320px, 96vw) !important; }
#quickModal .tree-builder .tree-table-wrap {
  overflow-x: auto;
  margin: 0 0 12px;
  padding: 0 !important;
  border: 1px solid #d3b57a;
  border-radius: 5px;
  background: #fffaf0;
  box-shadow: inset 0 0 0 1px #fffdf8, 0 1px 3px #5c3a0e1f;
  scrollbar-color: #c08c45 #f3e6cc;
}
#quickModal .tree-builder .tree-table-wrap table {
  width: 100% !important;
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate !important;
  border-spacing: 0;
  font: 400 15px/1.3 var(--en-sans) !important;
}
#quickModal .tree-builder :is(th, td) {
  padding: 6px 8px !important;
  border: 0 !important;
  border-right: 1px solid #efe1c2 !important;
  border-bottom: 1px solid #efe1c2 !important;
  background: #fffdf7 !important;
  color: #b8a988 !important;
  text-align: center;
  vertical-align: middle;
}
#quickModal .tree-builder :is(th, td):last-child { border-right: 0 !important; }
#quickModal .tree-builder tbody tr:last-child td { border-bottom: 0 !important; }
#quickModal .tree-builder tbody tr:nth-child(even) td { background: #fdf7ea !important; }
#quickModal .tree-builder tbody tr:hover td { background: #fbf0d6 !important; }
#quickModal .tree-builder td:has(input) { background: #fffaf0 !important; }
/* Header row: light gold, primordial selects get the full column width. */
#quickModal .tree-builder thead th {
  padding: 10px 8px 9px !important;
  border-bottom: 1px solid #d9bd83 !important;
  background: linear-gradient(180deg, #fcf1d4 0, #f4e1b4 100%) !important;
  color: #4a2608 !important;
  vertical-align: top;
}
#quickModal .tree-builder thead th:first-child {
  vertical-align: middle;
  color: var(--en-title) !important;
  font: 700 17px/1.2 var(--en-serif) !important;
}
#quickModal .tree-builder :is(th, td):first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  width: 230px !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-left: 14px !important;
  border-right: 1px solid #e3cc9a !important;
  text-align: left;
  white-space: normal !important;
}
#quickModal .tree-builder td:first-child {
  background: #fbf3df !important;
  color: #3a2614 !important;
  font: 400 15.5px/1.25 var(--en-serif) !important;
}
#quickModal .tree-builder tbody tr:nth-child(even) td:first-child { background: #f8eed6 !important; }
#quickModal .tree-builder td:first-child small { color: #9a8566 !important; font: 400 12.5px/1 var(--en-sans) !important; }
#quickModal .tree-builder th :is(select, b) { display: block; width: 100% !important; max-width: 100%; box-sizing: border-box; margin: 0 0 6px !important; }
#quickModal .tree-builder th select {
  min-height: 34px;
  padding: 4px 26px 4px 9px !important;
  overflow: hidden;
  background-position: right 9px center !important;
  background-size: 11px 7px !important;
  font: 400 14.5px/1.2 var(--en-sans) !important;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#quickModal .tree-builder th select:disabled { opacity: .62; background-color: #f6efe2 !important; cursor: not-allowed; }
#quickModal .tree-builder th b {
  width: auto !important;
  display: table;
  margin: 0 auto 6px !important;
  padding: 2px 9px;
  border: 1px solid #c3dbb2;
  border-radius: 10px;
  background: #e9f3df;
  color: #3e6b34 !important;
  font: 700 12.5px/1.3 var(--en-sans) !important;
  white-space: nowrap;
}
#quickModal .tree-builder th b:last-child { margin-bottom: 0 !important; }
#quickModal .tree-builder tbody td { height: 44px; padding-top: 4px !important; padding-bottom: 4px !important; }
#quickModal .tree-builder td input {
  width: 100% !important;
  min-height: 0 !important;
  height: 32px;
  padding: 3px 8px !important;
  font: 400 15px/1.2 var(--en-sans) !important;
  text-align: right;
}
#quickModal .tree-builder .tree-note { margin: 0 0 14px !important; color: var(--en-ink-soft) !important; font: 400 14px/1.45 var(--en-sans) !important; }
#quickModal .tree-builder .tree-table-wrap::-webkit-scrollbar { height: 12px; }
#quickModal .tree-builder .tree-table-wrap::-webkit-scrollbar-track { background: #f6ead2; }
#quickModal .tree-builder .tree-table-wrap::-webkit-scrollbar-thumb { border: 2px solid #f6ead2; border-radius: 6px; background: linear-gradient(180deg, #d39a4c, #b06a26); }


/* ---------- Эликсиры → Самодельные (.brew-dialog) ---------- */
/* The whole window scrolls here (builder + list of added brews), not only the list. */
#quickModal .quick-modal__dialog.brew-dialog:has(> .elixir-tabs) { display: block !important; overflow: auto !important; }
#quickModal .quick-modal__dialog.brew-dialog:has(> .elixir-tabs) > .elixir-list { overflow: visible; padding-right: 0; }
#quickModal .brew-dialog > h3 {
  margin: 16px 0 8px !important;
  color: var(--en-title) !important;
  font: 700 19px/1.2 var(--en-serif) !important;
}
#quickModal .brew-dialog > h3 small { color: var(--en-ink-soft) !important; font: italic 400 14px/1 var(--en-serif) !important; }
#quickModal .brew-limit {
  margin: 0 0 4px !important;
  padding: 10px 18px !important;
  border: 1px solid #b8862e !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #f9e3a0 0, #efcd7b 55%, #e2b562 100%) !important;
  box-shadow: inset 0 1px 0 #fff4cc, inset 0 -1px 0 #c9953f, 0 1px 2px #5c3a0e33 !important;
  color: #4a2608 !important;
  font: 700 19px/1.2 var(--en-serif) !important;
}
#quickModal .brew-limit b, #quickModal .brew-limit strong { color: #4a2608 !important; }
#quickModal .brew-limit .over-limit { color: #b3261e !important; }
#quickModal .upiv-custom-brew-dialog .brew-limit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 16px;
}
#quickModal .upiv-custom-brew-dialog .brew-limit > label {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}
#quickModal .upiv-custom-brew-dialog .brew-limit > label select {
  min-width: 0;
  max-width: 100%;
}
#quickModal .upiv-custom-brew-dialog .brew-limit > span { white-space: nowrap; }
#quickModal .brew-grid { gap: 8px !important; }
#quickModal .brew-card,
#quickModal .brew-values button {
  position: relative;
  border: 1px solid var(--en-line) !important;
  border-radius: 4px !important;
  background: var(--en-paper) !important;
  box-shadow: inset 0 0 0 2px #fffbf2, inset 0 0 0 3px #ecdcb8, 0 1px 2px #5c3a0e1f !important;
  color: #4a2a14 !important;
  cursor: pointer;
  transition: border-color .12s, background .12s, box-shadow .12s;
}
#quickModal .brew-card {
  min-height: 84px !important;
  padding: 8px 4px 7px !important;
  font: 700 15px/1.15 var(--en-serif) !important;
}
#quickModal .brew-card img { width: 38px !important; height: 38px !important; margin: 0 auto 2px !important; filter: drop-shadow(0 1px 1px #5c3a0e55); }
#quickModal .brew-card span { margin-top: 3px !important; }
/* «Без»: the ✕ is a bare text node — give it the same visual weight as an icon. */
#quickModal .brew-card[data-brew-ward=""] { font-size: 24px !important; line-height: 1.55 !important; color: #8a6a44 !important; }
#quickModal .brew-card[data-brew-ward=""] span { margin-top: 0 !important; color: #4a2a14; font: 700 15px/1.15 var(--en-serif) !important; }
#quickModal .brew-values { gap: 8px !important; }
#quickModal .brew-values button {
  min-height: 44px;
  padding: 6px 8px !important;
  font: 700 18px/1.1 var(--en-serif) !important;
}
#quickModal :is(.brew-card, .brew-values button):hover:not(.active) {
  border-color: #c79447 !important;
  background: linear-gradient(180deg, #fffdf7, #f6e8c9) !important;
}
#quickModal :is(.brew-card, .brew-values button).active {
  border-color: #9a6a22 !important;
  background: var(--en-gold) !important;
  box-shadow: inset 0 1px 0 #fff3c4, inset 0 -2px 0 #b07a2a, 0 0 0 1px #e6c47c, 0 2px 5px #b8862e59 !important;
  color: #3b1f07 !important;
}
#quickModal .brew-card.active span { color: #3b1f07 !important; }
#quickModal :is(.brew-card, .brew-values button):focus-visible { outline: 2px solid #b17d2d; outline-offset: 2px; }
#quickModal .brew-footer { align-items: end !important; gap: 12px !important; margin-top: 18px !important; }
#quickModal .brew-footer label { color: var(--en-ink-soft) !important; font: 400 14px/1.2 var(--en-serif) !important; }
#quickModal .brew-footer input { width: 74px !important; height: 44px; text-align: center; font: 700 18px/1 var(--en-sans) !important; }
#quickModal .brew-footer .tool-button { min-height: 46px; }
#quickModal .brew-selected { margin-top: 16px; padding-top: 18px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 6h9M21 6h9' stroke='%23c99a45' stroke-width='1.2'/%3E%3Cpath d='M15 1l5 5-5 5-5-5z' fill='%23f6dc93' stroke='%23a36f1f'/%3E%3Cpath d='M15 3.6l2.4 2.4-2.4 2.4-2.4-2.4z' fill='%23fff4cf'/%3E%3C/svg%3E") top center / 30px 12px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 12' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23c99a45' stop-opacity='0'/%3E%3Cstop offset='.12' stop-color='%23c99a45'/%3E%3Cstop offset='.88' stop-color='%23c99a45'/%3E%3Cstop offset='1' stop-color='%23c99a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='5.3' width='1000' height='1.4' fill='url(%23l)'/%3E%3C/svg%3E") top center / calc(100% - 20px) 12px no-repeat !important; }

#quickModal .brew-selected .elixir-card:has(> div:first-child:empty) { grid-template-columns: minmax(0, 1fr) auto !important; padding-left: 20px !important; }
#quickModal .brew-selected .elixir-card > div:first-child:empty { display: none; }
#quickModal .brew-selected .elixir-quantity { grid-template-columns: 42px auto 42px; }
#quickModal .brew-selected .elixir-quantity b { min-width: 40px; color: #4a2608; font: 700 18px/1 var(--en-serif); text-align: center; }
#quickModal .elixir-quantity button:focus { outline: 0; }
#quickModal .elixir-quantity button:focus-visible { outline: 2px solid #b17d2d; outline-offset: 2px; }

/* Scrollbars */
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar { width: 14px; }
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar-track { margin: 10px 0; border: 1px solid #ead7b0; border-radius: 7px; background: #f6ead2; }
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar-thumb { border: 2px solid #f6ead2; border-radius: 7px; background: linear-gradient(90deg, #d39a4c, #b06a26); }
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar-button:single-button { display: block; height: 16px; background: #f6ead2 center / 10px 6px no-repeat; }
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 5l4-4 4 4' fill='none' stroke='%237a4a1a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
#quickModal :is(.quick-modal__dialog, .elixir-list)::-webkit-scrollbar-button:single-button:vertical:increment { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%237a4a1a' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Hover tooltip of a bag card: light, next to a light window. */
.floating-item-tooltip.is-light-quick { border: 1px solid #c99a45 !important; border-radius: 4px; background: linear-gradient(180deg, #fffaf0, #f8ecd2) !important; box-shadow: 0 8px 22px #0007 !important; color: #2f1e10 !important; }
.floating-item-tooltip.is-light-quick b { color: #7a1a10 !important; }
.floating-item-tooltip.is-light-quick span { color: #2f1e10 !important; }

/* ---------- Narrow screens ---------- */
@media (max-width: 700px) {
  #quickModal { padding: 8px !important; }
  #quickModal .quick-modal__dialog { width: 100% !important; max-height: calc(100dvh - 16px) !important; padding: 16px 14px 18px !important; background-size: 32px 32px, 32px 32px, 32px 32px, 32px 32px, auto, auto !important; }
  #quickModal .quick-modal__head { min-height: 54px; margin-bottom: 12px !important; padding: 4px 50px 16px 44px !important; background-position: 8px 2px !important; background-size: 18px 44px !important; }
  #quickModal .quick-modal__head::after { left: 36px; right: 36px; }
  #quickModal .quick-modal__head h2 { font-size: 28px !important; }
  #quickModal .quick-modal__head > button { width: 38px; height: 38px; font-size: 26px !important; }
  #quickModal .notice, #quickModal .bonus-intro { padding: 10px 12px 10px 46px !important; font-size: 14.5px !important; }
  #quickModal .notice::before, #quickModal .bonus-intro::before { left: 11px; width: 24px; height: 24px; margin-top: -12px; }
  #quickModal :is(.columns-limit, .obelisk-limit, .bonus-total) { font-size: 18px !important; }
  #quickModal .elixir-tabs button { flex: 1 1 auto; padding: 5px 10px !important; font-size: 15.5px !important; }
  #quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card) :is(h3, h4) { font-size: 17.5px !important; }
  #quickModal :is(.item-card, .elixir-card, .obelisk-card, .columns-card, .medal-picker-card, .bonus-card) p { font-size: 14.5px !important; }
  #quickModal .bag-library .item-card { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 8px 12px !important; padding: 10px !important; }
  #quickModal .bag-library .item-card > img { width: 64px !important; height: 64px !important; }
  #quickModal .bag-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; min-width: 0; }
  #quickModal .bag-actions button { padding: 6px 10px !important; font-size: 16px !important; }
  #quickModal .elixir-card { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 8px 12px !important; padding: 10px 10px 14px !important; }
  #quickModal .elixir-card > img { width: 64px !important; height: 64px !important; }
  #quickModal .elixir-quantity { grid-column: 1 / -1; justify-content: end; }
  #quickModal :is(.columns-card, .obelisk-card) { grid-template-columns: 56px minmax(0, 1fr) !important; gap: 8px 12px !important; padding: 8px 10px !important; }
  #quickModal :is(.columns-card__img, .obelisk-card > i) { width: 56px !important; height: 56px !important; }
  #quickModal :is(.columns-card > button, .obelisk-card > button) { grid-column: 1 / -1; width: 100%; min-width: 0; }
  #quickModal .columns-house h3 { font-size: 19px !important; }
  #quickModal .hand-grid { grid-template-columns: 1fr !important; }
  #quickModal .medal-picker-card { grid-template-columns: 56px minmax(0, 1fr) !important; gap: 8px 12px !important; }
  #quickModal .medal-picker-icon { width: 56px !important; height: 56px !important; }
  #quickModal .bonus-grid { grid-template-columns: 1fr !important; }
  #quickModal .bonus-card { grid-template-columns: 56px minmax(0, 1fr) !important; }
  #quickModal :is(.bonus-card__image, .bonus-token) { width: 56px !important; height: 56px !important; }
  #quickModal .mod-actions > * { flex: 1 1 100%; }
  #quickModal .brew-grid, #quickModal .brew-grid.wards { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  #quickModal .brew-card { min-height: 76px !important; font-size: 14px !important; }
  #quickModal .brew-values button { padding: 6px 2px !important; font-size: 16px !important; }
  #quickModal .brew-footer { flex-wrap: wrap; }
  #quickModal .brew-footer .tool-button { flex: 1 1 160px; }
  #quickModal .brew-selected .elixir-card:has(> div:first-child:empty) { grid-template-columns: minmax(0, 1fr) !important; padding-left: 14px !important; }
  #quickModal .tree-builder .tree-table-wrap table { width: max-content !important; min-width: 100%; table-layout: auto; }
  #quickModal .tree-builder :is(th, td):not(:first-child) { min-width: 128px !important; width: 128px; }
  #quickModal .tree-builder :is(th, td):first-child { width: 112px !important; min-width: 112px !important; max-width: 112px !important; padding-left: 9px !important; font-size: 13.5px !important; }
  #quickModal .tree-builder thead th:first-child { font-size: 15px !important; }
}

@media (max-width: 480px) {
  #quickModal .upiv-custom-brew-dialog .brew-limit { grid-template-columns: minmax(0, 1fr) !important; }
  #quickModal .upiv-custom-brew-dialog .brew-limit > label { justify-content: space-between; }
  #quickModal .upiv-custom-brew-dialog .brew-limit > span { display: block; }
}