/*
 * HELLFIRE FORGE — "Forge Plate" (r547 redesign)
 * ---------------------------------------------------------------------------
 * Third design language, deliberately unlike the other two:
 *
 *   Frostfire            Hellfire
 *   -----------------    -------------------------------------------------
 *   1px hairlines        3px welded plate edges + inner bevel
 *   sharp 0px corners    notched 2px corners (clip-path, 12px bite)
 *   monospace, spaced    stencil/condensed display type, tight tracking
 *   translucent glass    brushed steel: dark gradient + fine horizontal lines
 *   diamond ❄ marks      corner rivets, hazard stripes, angle brackets 🔥
 *   art in a rhombus     art full-bleed, heavy coal smoke on the left
 *   segmented nav cells  heavy bar with a molten active block
 *
 * Paint + geometry only. Board, pawns, dice, pips, coin values untouched.
 */

html[data-cosmetic-theme="hellfire"] {
  --hf-display: system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --hf-ui: system-ui, 'Segoe UI', Roboto, Arial, sans-serif;
  --hf-coal: #0b0705;
  --hf-steel-1: #241a15;
  --hf-steel-2: #120c0a;
  --hf-edge: #3d2b21;
  --hf-edge-lit: #6b4a36;
  --hf-ember: #ff7a1a;
  --hf-hot: #ffc06a;
  --hf-ink: #ffeede;
  --hf-ink-soft: #c2a38c;
  --hf-notch: 12px;
}

/* ── base shell: brushed steel plates, coal black gaps ────────────────── */
html[data-cosmetic-theme="hellfire"] body.app-body {
  background-color: #080504;
  color: var(--hf-ink);
}
html[data-cosmetic-theme="hellfire"] .app-shell {
  background:
    repeating-linear-gradient(0deg, rgba(255, 190, 140, .022) 0 1px, transparent 1px 3px),
    radial-gradient(circle at 78% 0%, rgba(255, 106, 24, .17), transparent 58%),
    linear-gradient(180deg, #0d0806, #080504 70%);
  box-shadow: inset 0 0 90px rgba(0, 0, 0, .8);
}
html[data-cosmetic-theme="hellfire"] .screen:not(#screen-game) {
  background-image:
    repeating-linear-gradient(0deg, rgba(255, 176, 120, .02) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 88% 2%, rgba(255, 110, 30, .13), transparent 52%);
}
html[data-cosmetic-theme="hellfire"] #screen-home .home-fx-orb-a,
html[data-cosmetic-theme="hellfire"] #screen-home .home-fx-orb-b {
  background: radial-gradient(circle at 50% 60%, rgba(255, 120, 30, .2), transparent 64%);
  filter: blur(16px);
}
html[data-cosmetic-theme="hellfire"] #screen-home .home-fx-grid { display: none; }

/* ── header: a welded bar with a hazard edge ──────────────────────────── */
html[data-cosmetic-theme="hellfire"] .app-header {
  height: 66px;
  padding: 6px 12px;
  background: linear-gradient(180deg, #2a1e18, #120c0a);
  border-bottom: 3px solid #0a0605;
  box-shadow: inset 0 1px 0 rgba(255, 200, 150, .2), inset 0 -6px 12px rgba(0, 0, 0, .5);
}
html[data-cosmetic-theme="hellfire"] .app-header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  background: repeating-linear-gradient(45deg, var(--hf-ember) 0 7px, #170f0b 7px 14px);
  opacity: .55;
}
html[data-cosmetic-theme="hellfire"] .player-pill {
  border: 3px solid var(--hf-edge);
  border-radius: 2px;
  background: linear-gradient(180deg, #33251d, #1a120e);
  box-shadow: inset 0 1px 0 rgba(255, 205, 160, .24), 0 3px 0 #080504;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);
  position: relative;
}
html[data-cosmetic-theme="hellfire"] .player-name {
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .2px;
  text-transform: uppercase;
  color: #fff4e9;
}
html[data-cosmetic-theme="hellfire"] .player-pill small,
html[data-cosmetic-theme="hellfire"] .player-pill .uid {
  font-family: var(--hf-ui);
  font-weight: 700;
  font-size: 8.5px;
  letter-spacing: 1px;
  color: #b98f72;
}
html[data-cosmetic-theme="hellfire"] .token-balance-chip {
  border: 3px solid var(--hf-edge);
  border-radius: 2px;
  background: linear-gradient(180deg, #2c2019, #150e0b);
  box-shadow: inset 0 1px 0 rgba(255, 205, 160, .2);
  font-family: var(--hf-ui);
  font-weight: 900;
}
html[data-cosmetic-theme="hellfire"] .btn-sound-icon {
  border: 3px solid var(--hf-edge);
  border-radius: 2px;
  background: linear-gradient(180deg, #2c2019, #150e0b);
}

/* ── nav: heavy rail, molten active block ─────────────────────────────── */
html[data-cosmetic-theme="hellfire"] .bottom-nav-bar {
  height: 68px;
  margin: 0 8px 10px;
  padding: 0;
  border: 3px solid #0a0605;
  border-top-color: #3d2b21;
  border-radius: 2px;
  background: linear-gradient(180deg, #251a14, #0f0a08);
  box-shadow: 0 -2px 0 rgba(255, 180, 120, .12) inset, 0 10px 22px rgba(0, 0, 0, .6);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .b-tab:not(.b-tab-profile) {
  min-height: 62px;
  padding: 4px 0 5px;
  border-radius: 0;
  color: #b3927c;
}
html[data-cosmetic-theme="hellfire"] .b-tab:not(.b-tab-profile) .bt-label {
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 8px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
html[data-cosmetic-theme="hellfire"] .b-tab:not(.b-tab-profile) .bt-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  border: 1px solid #4a3327;
  border-radius: 2px;
  background: linear-gradient(180deg, #2a1d16, #150e0b);
  color: #d9a679;
  box-shadow: inset 0 1px 0 rgba(255, 200, 150, .14);
}
html[data-cosmetic-theme="hellfire"] .b-tab:not(.b-tab-profile).active {
  color: #fff2e2;
  background: linear-gradient(180deg, rgba(255, 122, 26, .3), rgba(255, 90, 10, .04));
  box-shadow: inset 0 3px 0 var(--hf-ember);
}
html[data-cosmetic-theme="hellfire"] .b-tab:not(.b-tab-profile).active .bt-icon {
  border-color: #ff9a4d;
  background: linear-gradient(180deg, #ff9a3d, #c14a0d);
  color: #2a0c02;
  box-shadow: 0 0 16px rgba(255, 110, 30, .55), inset 0 1px 0 rgba(255, 240, 210, .5);
}

/* ── hero: full-bleed fire, thick plate frame, hazard ribbon ──────────── */
html[data-cosmetic-theme="hellfire"] #screen-home { padding: 12px 12px 22px; gap: 11px; }
html[data-cosmetic-theme="hellfire"] .home-welcome-card {
  position: relative;
  min-height: 226px;
  padding: 18px 16px 34px;
  border: 3px solid #4a3327;
  border-radius: 2px;
  background:
    linear-gradient(100deg, rgba(6, 3, 2, .97) 0%, rgba(14, 6, 3, .88) 38%, rgba(20, 8, 3, .22) 100%),
    url('/images/cosmetics/theme-hellfire.webp') 64% 58% / cover no-repeat;
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .75), 0 8px 0 #080504, 0 16px 28px rgba(0, 0, 0, .55);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  overflow: hidden;
}
/* r588 — owner: "থিমগুলোর বিভিন্ন জায়গায় এমন ডট বল কেন? এগুলো রিমুভ করো"।
   আগে এখানে দুটো ধাতব রিভেট-ডট (গোল বল) বসানো ছিল — ওয়েলকাম কার্ডের কোণে
   আর প্রতিটি মোড-কার্ডের উপরে-বাঁয়ে। দুটোই সম্পূর্ণ বাদ: এখন এই সিউডো-এলিমেন্ট
   নেই, তাই কোনো বিন্দু আঁকা হয় না। কার্ডের প্লেট/হ্যাজার্ড ব্যান্ড/নচ-কোণা
   ডেকোরেশন আগের মতোই আছে — শুধু ডটগুলো গেছে। */
html[data-cosmetic-theme="hellfire"] .home-welcome-card::before {
  content: none;
  display: none;
}
/* r556 — owner: "হোম স্ক্রিনে এই লেখা কেন?" — রিবনের থিম-নাম বাদ।
   হ্যাজার্ড ব্যান্ডটা ডেকোরেশন হিসেবে থাকে, কিন্তু তাতে কোনো লেখা নেই। */
html[data-cosmetic-theme="hellfire"] .home-welcome-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 20px;
  padding: 5px 14px 0;
  border: 0;
  background: repeating-linear-gradient(45deg, rgba(255, 122, 26, .28) 0 9px, rgba(10, 6, 4, .9) 9px 18px);
  box-shadow: inset 0 1px 0 rgba(255, 170, 90, .3);
  opacity: .9;
  animation: none;
}
html[data-cosmetic-theme="hellfire"] .home-welcome-shine { opacity: .22; }
html[data-cosmetic-theme="hellfire"] .home-welcome-copy { position: relative; z-index: 1; max-width: 62%; }
html[data-cosmetic-theme="hellfire"] .home-kicker {
  display: inline-block;
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 8px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #ffb066;
  border-bottom: 2px solid var(--hf-ember);
  padding-bottom: 3px;
}
html[data-cosmetic-theme="hellfire"] .home-welcome-copy h1 {
  font-family: var(--hf-display);
  font-weight: 900;
  font-size: 28px;
  line-height: 1.02;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #fff6ec;
  text-shadow: 0 2px 0 #2a0c02, 0 0 22px rgba(255, 110, 30, .4);
}
html[data-cosmetic-theme="hellfire"] .home-welcome-copy h1 span { font-family: inherit; color: #ffb066; }
html[data-cosmetic-theme="hellfire"] .home-welcome-copy p:not(.ls-tagline) {
  font-family: var(--hf-ui);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .3px;
  color: #e0c3ad;
}
html[data-cosmetic-theme="hellfire"] .home-welcome-copy .ls-tagline {
  font-family: var(--hf-ui);
  font-weight: 800;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #c98f5f;
}

/* ── stats: one continuous steel plate split by seams ─────────────────── */
html[data-cosmetic-theme="hellfire"] .home-stats-strip {
  gap: 3px;
  padding: 3px;
  border: 3px solid #4a3327;
  border-radius: 2px;
  background: #0a0605;
  box-shadow: 0 4px 0 #080504, inset 0 0 24px rgba(0, 0, 0, .8);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .home-stat-item {
  flex: 1 1 0;
  padding: 9px 6px 10px;
  border: 0;
  border-radius: 1px;
  background: linear-gradient(180deg, #2a1d16, #150e0b);
  box-shadow: inset 0 1px 0 rgba(255, 205, 160, .16);
}
html[data-cosmetic-theme="hellfire"] .home-stat-item:first-child {
  background: linear-gradient(180deg, #3a2418, #1a100b);
  box-shadow: inset 0 0 0 1px rgba(255, 130, 40, .3), inset 0 1px 0 rgba(255, 220, 180, .2);
}
html[data-cosmetic-theme="hellfire"] .home-stat-item small {
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 7.5px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #b98f72;
}
html[data-cosmetic-theme="hellfire"] .home-stat-item strong {
  font-family: var(--hf-display);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: #ffe6cd;
  text-shadow: 0 0 14px rgba(255, 120, 40, .3);
}
html[data-cosmetic-theme="hellfire"] .home-stat-icon { font-size: 14px; filter: saturate(1.4); }

/* ── headings: stencil caps between two ember rules ───────────────────── */
html[data-cosmetic-theme="hellfire"] .home-section-heading,
html[data-cosmetic-theme="hellfire"] .section-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 10px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #ffc98f;
}
html[data-cosmetic-theme="hellfire"] .home-section-heading::before,
html[data-cosmetic-theme="hellfire"] .section-heading::before {
  content: '';
  width: 4px;
  height: 14px;
  flex: 0 0 4px;
  background: linear-gradient(180deg, var(--hf-ember), #8c2b06);
  box-shadow: 0 0 10px rgba(255, 110, 30, .6);
}
html[data-cosmetic-theme="hellfire"] .home-section-heading::after {
  content: '';
  flex: 1 1 auto;
  height: 2px;
  background: repeating-linear-gradient(45deg, rgba(255, 122, 26, .55) 0 6px, transparent 6px 12px);
}

/* ── mode cards: bolted plates ────────────────────────────────────────── */
html[data-cosmetic-theme="hellfire"] .home-mode-grid { gap: 9px; }
html[data-cosmetic-theme="hellfire"] .home-mode-card,
html[data-cosmetic-theme="hellfire"] .mode-card,
html[data-cosmetic-theme="hellfire"] .room-pill,
html[data-cosmetic-theme="hellfire"] .match-summary-card,
html[data-cosmetic-theme="hellfire"] .play-panel {
  border: 3px solid #3d2b21;
  border-radius: 2px;
  background:
    repeating-linear-gradient(0deg, rgba(255, 190, 140, .02) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, #2a1d16, #120c0a);
  box-shadow: inset 0 1px 0 rgba(255, 205, 160, .18), 0 5px 0 #080504, 0 10px 18px rgba(0, 0, 0, .45);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .home-mode-card {
  position: relative;
  min-height: 118px;
  padding: 14px 12px 22px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  text-align: left;
  overflow: hidden;
}
html[data-cosmetic-theme="hellfire"] .home-mode-copy { align-items: flex-start; text-align: left; gap: 3px; }
html[data-cosmetic-theme="hellfire"] .home-mode-arrow { margin-left: auto; }
html[data-cosmetic-theme="hellfire"] .home-mode-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  background: repeating-linear-gradient(45deg, rgba(255, 122, 26, .5) 0 8px, rgba(10, 6, 4, .9) 8px 16px);
  opacity: .75;
  pointer-events: none;
}
/* r588 — মোড-কার্ডের কোণার রিভেট-ডটও বাদ (উপরের নিয়মের মতো একই কারণে) */
html[data-cosmetic-theme="hellfire"] .home-mode-card::before {
  content: none;
  display: none;
}
html[data-cosmetic-theme="hellfire"] .home-mode-friends {
  background:
    repeating-linear-gradient(0deg, rgba(255, 190, 140, .02) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, #33241b, #170f0b);
}
html[data-cosmetic-theme="hellfire"] .home-mode-copy strong {
  font-family: var(--hf-display);
  font-size: 15.5px;
  font-weight: 900;
  letter-spacing: -.1px;
  text-transform: uppercase;
  color: #fff2e4;
}
html[data-cosmetic-theme="hellfire"] .home-mode-copy small {
  font-family: var(--hf-ui);
  font-weight: 600;
  font-size: 9.5px;
  line-height: 1.4;
  color: #c2a38c;
}
html[data-cosmetic-theme="hellfire"] .home-mode-icon,
html[data-cosmetic-theme="hellfire"] .home-mode-friends .home-mode-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  font-size: 19px;
  display: grid;
  place-items: center;
  border: 2px solid #6b4a36;
  border-radius: 2px;
  background: linear-gradient(180deg, #4a2a14, #24140a);
  color: #ffb066;
  box-shadow: inset 0 1px 0 rgba(255, 210, 170, .25), 0 0 14px rgba(255, 110, 30, .25);
}
html[data-cosmetic-theme="hellfire"] .home-mode-arrow {
  width: 24px;
  height: 24px;
  border: 2px solid #6b4a36;
  border-radius: 2px;
  background: #1a120e;
  color: #ffb066;
}

/* ── buttons: cast metal with a hot bevel ─────────────────────────────── */
html[data-cosmetic-theme="hellfire"] .btn-play-hero,
html[data-cosmetic-theme="hellfire"] .home-mode-cta,
html[data-cosmetic-theme="hellfire"] .shop-theme-action,
html[data-cosmetic-theme="hellfire"] .vault-theme-action {
  border: 3px solid #7c3a10;
  border-radius: 2px;
  background: linear-gradient(180deg, #ff9a3d, #d1500c 62%, #962f04);
  color: #2a0c02;
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 200, 150, .45);
  box-shadow: inset 0 1px 0 rgba(255, 225, 190, .6), inset 0 -3px 0 rgba(90, 26, 0, .55), 0 4px 0 #4a1a05;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .btn-play-hero:active,
html[data-cosmetic-theme="hellfire"] .home-mode-cta:active {
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 rgba(255, 225, 190, .4), inset 0 -1px 0 rgba(90, 26, 0, .6), 0 1px 0 #4a1a05;
}

/* ── store & vault: parts shelves on a steel wall ─────────────────────── */
html[data-cosmetic-theme="hellfire"] .shop-title,
html[data-cosmetic-theme="hellfire"] .vault-title {
  font-family: var(--hf-display);
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -.4px;
  text-transform: uppercase;
  color: #fff4e8;
  text-shadow: 0 2px 0 #2a0c02, 0 0 20px rgba(255, 110, 30, .35);
}
html[data-cosmetic-theme="hellfire"] .shop-head { align-items: center; }
html[data-cosmetic-theme="hellfire"] .shop-feature:not(.is-theme-feature),
html[data-cosmetic-theme="hellfire"] .shop-feature.is-theme-feature,
html[data-cosmetic-theme="hellfire"] .hero-event-banner {
  border: 3px solid #4a3327;
  border-radius: 2px;
  background:
    linear-gradient(100deg, rgba(6, 3, 2, .96), rgba(18, 8, 3, .5)),
    url('/images/cosmetics/theme-hellfire.webp') 88% 60% / cover no-repeat;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, .7), 0 5px 0 #080504;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .sf-title,
html[data-cosmetic-theme="hellfire"] .heb-title {
  font-family: var(--hf-display);
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -.2px;
  text-transform: uppercase;
}
html[data-cosmetic-theme="hellfire"] .shop-tabs { gap: 6px; }
html[data-cosmetic-theme="hellfire"] .shop-tab,
html[data-cosmetic-theme="hellfire"] .vault-tab {
  border: 2px solid #3d2b21;
  border-radius: 2px;
  background: linear-gradient(180deg, #241a15, #100a08);
  font-family: var(--hf-ui);
  font-weight: 900;
  font-size: 9px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: #b3927c;
}
html[data-cosmetic-theme="hellfire"] .shop-tab.is-active,
html[data-cosmetic-theme="hellfire"] .vault-tab.is-active {
  color: #2a0c02;
  background: linear-gradient(180deg, #ff9a3d, #c14a0d);
  border-color: #ffb066;
  box-shadow: 0 0 14px rgba(255, 110, 30, .4), inset 0 1px 0 rgba(255, 230, 200, .5);
}
html[data-cosmetic-theme="hellfire"] .shop-card {
  border: 3px solid #3d2b21;
  border-radius: 2px;
  background:
    repeating-linear-gradient(0deg, rgba(255, 190, 140, .02) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, #241a15, #0f0a08);
  box-shadow: 0 4px 0 #080504;
}
html[data-cosmetic-theme="hellfire"] .shop-card .sc-art { border-radius: 1px; border: 1px solid #4a3327; }
html[data-cosmetic-theme="hellfire"] .shop-theme-card,
html[data-cosmetic-theme="hellfire"] .vault-theme-card {
  border-radius: 2px;
  border-color: #4a3327;
  box-shadow: 0 5px 0 #080504, 0 10px 20px rgba(0, 0, 0, .45);
}
html[data-cosmetic-theme="hellfire"] .vault-sheet {
  border: 3px solid #4a3327;
  border-radius: 2px;
  background: linear-gradient(180deg, #1c1411, #0a0605 70%);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .8);
  clip-path: polygon(0 16px, 16px 0, 100% 0, 100% 100%, 0 100%);
}
html[data-cosmetic-theme="hellfire"] .vault-head {
  padding-top: 16px;
  border-bottom: 2px solid #3d2b21;
}
html[data-cosmetic-theme="hellfire"] .vault-tabs { padding-top: 10px; }
html[data-cosmetic-theme="hellfire"] .name-modal-box,
html[data-cosmetic-theme="hellfire"] .match-search-modal,
html[data-cosmetic-theme="hellfire"] .sc-cf-card,
html[data-cosmetic-theme="hellfire"] .gift-review-card {
  border: 3px solid #4a3327;
  border-radius: 2px;
  background: linear-gradient(180deg, #211812, #0b0705);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 205, 160, .16);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%);
}

/* ── floating controls: round steel buttons with a hot rim ────────────── */
html[data-cosmetic-theme="hellfire"] #vault-fab,
html[data-cosmetic-theme="hellfire"] #friends-fab {
  border: 3px solid #6b4a36;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 30%, #4a2a14, #17100c 75%);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 200, 150, .25);
}

@media (max-width: 360px) {
  html[data-cosmetic-theme="hellfire"] .home-welcome-copy h1 { font-size: 26px; }
  html[data-cosmetic-theme="hellfire"] .home-welcome-copy { max-width: 66%; }
  html[data-cosmetic-theme="hellfire"] .home-mode-card { min-height: 146px; padding: 11px 10px; }
  html[data-cosmetic-theme="hellfire"] .shop-title { font-size: 26px; }
}
@media (max-height: 640px) {
  html[data-cosmetic-theme="hellfire"] .home-stats-strip { margin-right: 58px; }
  html[data-cosmetic-theme="hellfire"] #screen-home { padding-bottom: 142px; }
}