/* Shipping UI: Cinzel headings + Vollkorn text, self-hosted variable WOFF2.

   Cinzel supports Latin; Vollkorn includes Cyrillic fallback for UA. */

/* cinzel-latin-ext-wght-normal */
@font-face {
  font-family: 'Cinzel Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/cinzel/cinzel-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cinzel-latin-wght-normal */
@font-face {
  font-family: 'Cinzel Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/cinzel/cinzel-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* vollkorn-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* vollkorn-cyrillic-wght-normal */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* vollkorn-latin-ext-wght-normal */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* vollkorn-latin-wght-normal */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* vollkorn-cyrillic-ext-wght-italic */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-cyrillic-ext-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* vollkorn-cyrillic-wght-italic */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-cyrillic-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* vollkorn-latin-ext-wght-italic */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-latin-ext-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* vollkorn-latin-wght-italic */
@font-face {
  font-family: 'Vollkorn Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(../../assets/fonts/vollkorn/vollkorn-latin-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}



/* Authoritative tokens in the final stylesheet, even if the base CSS is cached. */
html:root{
  --chronocairn-font:"Vollkorn Variable",Georgia,"Times New Roman",serif;
  --chronocairn-heading-font:"Cinzel Variable","Vollkorn Variable",Georgia,serif;
  --chronocairn-logo-font:var(--chronocairn-heading-font);
  --font-game:var(--chronocairn-font);
  --font-mono:var(--chronocairn-font);
}
/* Named important cascade layer beats old unlayered !important shorthands
   across shipping panels without duplicating any UI-state or gameplay owner. */
@layer chronocairn-readable-typography {
  html,body,body *,body *::before,body *::after,button,input,select,textarea,option {
    font-family:var(--chronocairn-font)!important;
  }
  #chronocairnMainMenu .cc-menu-brand h1,
  #chronocairnMainMenu :is(.cc-menu-button,.cc-save-head,.cc-save-title),
  #pauseMenu :is(.game-menu-title,.game-menu-button),
  .cc-world-loader h2,
  .cc-loader-card h2,
  #f8-character-creator :is(.f8-creator-brand,.f8-creator-heading h2,.v12-gender-label,.v12-label,.f8-class-detail h2,h1,h2,h3),
  :is(.game-panel,#inventory,#quest-log,#questLogV152,#merchant,#craft,#dialogueUiV276,#map-panel,#help,#f8-death,#v161Chat) :is(h1,h2,h3,h4,[role="heading"],.panel-title),
  :is(.game-panel,#questLogV152,#inventory,#merchant,#craft,#map-panel,#f8-production-boss,#f8-death) :is(h1,h2,h3,h4),
  #inventory :is(.v5-bag-title h3,.v5-character-name,.cc-tree-head h3,.cc-talent-tree h4,.cc-skills-list h4),
  #f8-minimap .f8-minimap-heading b,
  #hud.f8-production-hud .f8-production-quest-tracker .panel-title,
  #hud.f8-production-hud #f8-hud-player-level,
  #f8-production-boss b,
  #dialogueUiV276 :is(.v276-speaker,.v276-name),
  #v14SkillBar::before {
    font-family:var(--chronocairn-heading-font)!important;
  }
  #hud.f8-production-hud .f8-production-survival-meter::after,
  #hud.f8-production-hud .f8-production-top-bar :is(b,output),
  #f8-minimap .f8-minimap-details,
  #v14SkillBar .v14-bar-name,
  #chronocairnMainMenu .cc-menu-brand p,
  #pauseMenu :is(.game-menu-subtitle,.game-menu-hint) {
    font-family:var(--chronocairn-font)!important;
  }
  #hud.f8-production-hud #f8-hud-player-level {
    font-size:15px!important;
    font-weight:700!important;
    font-variant-numeric:lining-nums tabular-nums!important;
    letter-spacing:-.03em!important;
  }
}

/* The original title keeps its exact scale. Compensate for the menu panel's
   0.7 transform so its functional labels remain readable on desktop. */
#chronocairnMainMenu .cc-menu-button{font-size:20px;letter-spacing:.1em}
#chronocairnMainMenu .cc-menu-brand p{font-size:15px;letter-spacing:.2em}
#chronocairnMainMenu .cc-save-card strong{font-size:19px}
#chronocairnMainMenu .cc-save-card small{font-size:15px}
#chronocairnMainMenu .cc-save-card span{font-size:16px}

/* Item prices were only 8px in the trader even before the font change.
   Give names, costs and actions room to read while preserving the same rows. */
#merchant .v181-currencies span{font-size:12px}
#merchant .v181-currencies b{font-size:13px}
#merchant .v181-merchant-card h3{font-size:12px}
#merchant .v181-copy b{
  display:-webkit-box;font-size:14px;white-space:normal;overflow-wrap:anywhere;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;
}
#merchant .v181-copy span{font-size:11px;color:#bfb2c5}
#merchant .v181-row button{font-size:11px}
#merchant .v181-merchant-card>footer{font-size:11px}