/* ═══════════════════════════════════════════════════════════════════════════
   Ember (2026-10-03) — character-hub ("The Citadel of Focus": the child's crew, their levels and stories).
   Scoped html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e)…; see css/pm-ember-family.css and
   EMBER-FAMILY-AGENT-BRIEF.md (with the 3 Oct colour law). Desk and iPad only; the phone app is css/ember/family/.

   The heroes and the equipment pictures are art and keep their colours. The cream-and-lavender page around them
   becomes Ember: graphite ground, glass cards, a warm glow behind the chosen hero, a glowing orange XP bar, white type.
     1 ground and floating icons · 2 top and title · 3 the crew strip · 4 the hero panel · 5 coming-soon sections
     6 level-up celebration
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. the ground; the floating book, scroll and feather become faint warm outlines ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) { background-color: #17181B !important; background-image: var(--em-ground) !important; color: #E6E7EA !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-float { filter: brightness(0) invert(1) drop-shadow(0 0 8px rgba(255,138,76,.5)) !important; opacity: .16 !important; }

/* ── 2. top bar and title ───────────────────────────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.1) !important; border-top-color: rgba(255,255,255,.16) !important;
  color: #E6E7EA !important; font: 500 14px/1 var(--n-font) !important; padding: 12px 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px -12px rgba(0,0,0,.8) !important;
  transition: background-color .18s var(--em-ease), transform .18s var(--em-ease) !important;
}
@media (hover: hover) { html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back:hover { background: rgba(255,255,255,.1) !important; color: #FFFFFF !important; transform: translateY(-1px) !important; } }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back:active { transform: scale(.95) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-brand { color: #8E95A5 !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-title {
  background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
  color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important;
  font: 600 44px/1.06 var(--n-font) !important; letter-spacing: -1.4px !important;
  text-shadow: 0 0 40px rgba(255,106,31,.25);
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sub { color: #A0A5B1 !important; font: 400 16px/1.4 var(--n-font) !important; }

/* ── 3. the crew strip: glass tiles, the chosen one ringed in orange light ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important;
  border-radius: 20px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(0,0,0,.8) !important;
  transition: transform .18s var(--em-ease), border-color .18s var(--em-ease), box-shadow .18s var(--em-ease) !important;
}
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card:not(.is-active):hover {
    transform: translateY(-2px) !important; background-image: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.04)) !important;
    border-top-color: rgba(255,255,255,.26) !important;
  }
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card:active { transform: scale(.97) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active {
  background: linear-gradient(180deg, rgba(255,106,31,.16), rgba(255,106,31,.04)) !important; border-color: rgba(255,138,76,.7) !important;
  box-shadow: 0 0 0 3px rgba(255,106,31,.18), 0 18px 36px -16px rgba(255,106,31,.5) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active::before { background: linear-gradient(135deg, #FF8A4C, #F2550D) !important; opacity: .0 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__name { color: #FFFFFF !important; font: 600 12px/1 var(--n-font) !important; letter-spacing: 1.4px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__lvl { background: rgba(255,255,255,.1) !important; color: #E6E7EA !important; font: 600 10.5px/1 var(--n-font) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active .ch-card__lvl { background: var(--em-or-fill) !important; color: #FFFFFF !important; box-shadow: 0 4px 12px -4px rgba(255,106,31,.7) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__mood, html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__mood {
  background: #1F2023 !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: 0 6px 14px -6px rgba(0,0,0,.8) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-mood-svg { filter: brightness(0) invert(1) !important; opacity: .85; }

/* ── 4. the hero panel: glass, the portrait on a warm glow, XP glowing orange ── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-panel {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.09) !important; border-top-color: rgba(255,255,255,.14) !important;
  border-bottom-color: rgba(255,255,255,.045) !important; border-radius: 28px !important; box-shadow: var(--em-lift) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait {
  background:
    radial-gradient(70% 60% at 50% 45%, rgba(255,106,31,.32), rgba(255,106,31,0) 72%),
    linear-gradient(180deg, #2A2B30, #1C1D21) !important;
  border: 1px solid rgba(255,255,255,.1) !important; border-top-color: rgba(255,255,255,.18) !important; border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 20px 40px -24px rgba(0,0,0,.9) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__img { filter: drop-shadow(0 22px 30px rgba(0,0,0,.6)) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__name { color: #FFFFFF !important; font: 600 26px/1.1 var(--n-font) !important; letter-spacing: -.6px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__role { color: #FF8A4C !important; font: 500 11.5px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-level__num { color: #FFFFFF !important; font: 500 60px/1 var(--n-font) !important; letter-spacing: -2px !important; text-shadow: 0 0 30px rgba(255,106,31,.35); }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-level__label { color: #FF8A4C !important; font: 500 12px/1 var(--n-font) !important; letter-spacing: 1.7px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar { background: rgba(0,0,0,.32) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.05) !important; height: 12px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar__fill { background: linear-gradient(90deg, #F2550D, #FF8A4C) !important; box-shadow: 0 0 14px rgba(255,106,31,.65), inset 0 1px 0 rgba(255,255,255,.35) !important; min-width: 12px; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar__txt { color: #8E95A5 !important; font: 500 12.5px/1 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__cell {
  background: rgba(0,0,0,.22) !important; border: 1px solid rgba(255,255,255,.06) !important; border-top-color: rgba(0,0,0,.35) !important; border-radius: 16px !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__lbl { color: #8E95A5 !important; font: 500 11px/1 var(--n-font) !important; letter-spacing: 1.6px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__val { color: #FFFFFF !important; font: 600 17px/1.25 var(--n-font) !important; letter-spacing: -.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio {
  background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08) !important; border-left: 3px solid #FF6A1F !important;
  border-radius: 16px !important; color: #C9CCD3 !important; font: 400 15px/1.6 var(--n-font) !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio strong { color: #FF8A4C !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio :is(em, i) { color: #E6E7EA; }

/* ── 5. the coming-soon sections: quiet glass, the slots as wells ───────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec {
  background: var(--em-glass) !important; border: 1px solid rgba(255,255,255,.08) !important; border-top-color: rgba(255,255,255,.12) !important;
  border-radius: 24px !important; box-shadow: none !important;
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__title { color: #FFFFFF !important; font: 600 13px/1 var(--n-font) !important; letter-spacing: 1.6px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__lock { background: rgba(255,255,255,.06) !important; color: #8E95A5 !important; font: 600 10px/1 var(--n-font) !important; letter-spacing: 1.2px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__lock img { filter: brightness(0) invert(.6) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__body { color: #8E95A5 !important; font: 400 14px/1.55 var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot { background: rgba(0,0,0,.22) !important; border: 1.5px dashed rgba(255,255,255,.14) !important; border-radius: 16px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot img { filter: brightness(0) invert(1) !important; opacity: .42 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot__lbl { color: #8E95A5 !important; font: 500 10.5px/1 var(--n-font) !important; letter-spacing: 1.2px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-loading { color: #8E95A5 !important; font-family: var(--n-font) !important; }

/* ── 6. the level-up celebration ────────────────────────────────────────── */
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup { background: radial-gradient(circle at 50% 45%, rgba(255,106,31,.3), rgba(255,106,31,0) 50%), rgba(14,15,17,.94) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__head { color: #A0A5B1 !important; font: 500 13px/1 var(--n-font) !important; letter-spacing: 2.4px !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.ch-levelup__title, .ch-xp-pop) {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFB98F 100%) !important; -webkit-background-clip: text !important; background-clip: text !important;
  color: transparent !important; -webkit-text-fill-color: transparent !important; font-family: var(--n-font) !important; font-weight: 600 !important;
  filter: drop-shadow(0 0 24px rgba(255,106,31,.45));
}
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__name { color: #FFFFFF !important; font-family: var(--n-font) !important; font-weight: 600 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__role { color: #FF8A4C !important; letter-spacing: 1.7px !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__hint { color: #8E95A5 !important; font-family: var(--n-font) !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+1) { background: #FF6A1F !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+2) { background: #FFFFFF !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+3) { background: #FFB340 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+4) { background: #FF8A4C !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+5) { background: #FFD2B0 !important; }
html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-demo-btn { background: rgba(255,255,255,.08) !important; color: #E6E7EA !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.1) !important; font-family: var(--n-font) !important; }

/* ── on a phone (≤760px), 2026-10-03 phone pass ─────────────────────────────────────────────────────────────────────
   The crew strip ran 2px past the screen (five cards that would not shrink below their names) and "Back to dashboard"
   broke over two lines beside the wordmark. On a phone the back pill is one line (the wordmark steps aside), the five
   heroes share the width exactly, and their names stay readable. */
@media (max-width: 760px) {
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-top { padding: 14px 16px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-brand { display: none !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back { white-space: nowrap !important; min-height: 44px !important; box-sizing: border-box !important; padding: 0 16px 0 13px !important; font-size: 14.5px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-hero { padding: 6px 16px 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sub { font-size: 15px !important; margin-bottom: 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-crew { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 6px !important; padding: 0 12px !important; margin-bottom: 22px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card { min-width: 0 !important; padding: 12px 3px 10px !important; border-radius: 18px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__name { font-size: 12.5px !important; letter-spacing: .3px !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__lvl { font-size: 12px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__mood { top: 5px !important; right: 5px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-detail { padding: 0 12px 32px !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-panel { padding: 16px !important; gap: 18px !important; border-radius: 26px !important; }
  /* Mood and Streak side by side, Specialty across the full width beneath (no lone half cell) */
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__cell:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
  html[data-look="night"][data-shade="ember"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__lbl { font-size: 11.5px !important; }
}

/* ══ EMBER LIGHT — GENERATED by tools/gen-ember-light.py from the Ember rules above; do not hand-edit ══ */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) { background-color:#F6F7F9 !important; background-image:var(--em-ground) !important; color:#2A2D35 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-float { filter:brightness(0) invert(0) drop-shadow(0 0 8px rgba(255,138,76,.275)) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.136) !important; color:#2A2D35 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px -12px rgba(17,19,24,.176) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-brand { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-title { background:none !important; background-clip:border-box !important; color:#111318 !important; -webkit-text-fill-color:#111318 !important; text-shadow:0 0 40px rgba(255,106,31,.138); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sub { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 18px 36px -26px rgba(17,19,24,.176) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active { background:linear-gradient(180deg, rgba(255,106,31,.16), rgba(255,106,31,.04)) !important; border-color:rgba(229,84,15,.56) !important; box-shadow:0 0 0 3px rgba(255,106,31,.099), 0 18px 36px -16px rgba(255,106,31,.275) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active::before { background:linear-gradient(135deg, #FF8A4C, #F2550D) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__lvl { background:rgba(17,19,24,.06) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card.is-active .ch-card__lvl { background:var(--em-or-fill) !important; color:#FFFFFF !important; box-shadow:0 4px 12px -4px rgba(255,106,31,.385) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card__mood, html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__mood { background:#FFFFFF !important; border:1px solid rgba(17,19,24,.119) !important; box-shadow:0 6px 14px -6px rgba(17,19,24,.176) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-mood-svg { filter:brightness(0) invert(0) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-panel { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.076) !important; border-top-color:rgba(17,19,24,.119) !important; border-bottom-color:rgba(17,19,24,.06) !important; box-shadow:var(--em-lift) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait { background:radial-gradient(70% 60% at 50% 45%, rgba(255,106,31,.32), rgba(255,106,31,0) 72%),
    linear-gradient(180deg, rgba(42,43,48,0), rgba(28,29,33,0)) !important; border:1px solid rgba(17,19,24,.085) !important; border-top-color:rgba(17,19,24,.153) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 20px 40px -24px rgba(17,19,24,.198) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__img { filter:drop-shadow(0 22px 30px rgba(17,19,24,.132)) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-portrait__role { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-level__num { color:#111318 !important; text-shadow:0 0 30px rgba(255,106,31,.193); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-level__label { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar { background:rgba(17,19,24,.058) !important; box-shadow:inset 0 1px 2px rgba(17,19,24,.11), inset 0 0 0 1px rgba(17,19,24,.06) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar__fill { background:linear-gradient(90deg, #F2550D, #FF8A4C) !important; box-shadow:0 0 14px rgba(255,106,31,.358), inset 0 1px 0 rgba(255,255,255,.35) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-xpbar__txt { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__cell { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.06) !important; border-top-color:rgba(17,19,24,.087) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__lbl { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-meta__val { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio { background:rgba(17,19,24,.04) !important; border:1px solid rgba(17,19,24,.068) !important; border-left:3px solid rgba(229,84,15,.8) !important; color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio strong { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio :is(em, i) { color:#2A2D35; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec { background:var(--em-glass) !important; border:1px solid rgba(17,19,24,.068) !important; border-top-color:rgba(17,19,24,.102) !important; box-shadow:none !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__title { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__lock { background:rgba(17,19,24,.04) !important; color:#646B7A !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.072) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__lock img { filter:brightness(0) invert(.6) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__body { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot { background:rgba(17,19,24,.04) !important; border:1.5px dashed rgba(17,19,24,.119) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot img { filter:brightness(0) invert(0) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-slot__lbl { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-loading { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup { background:radial-gradient(circle at 50% 45%, rgba(255,106,31,.3), rgba(255,106,31,0) 50%), rgba(14,15,17,0) !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__head { color:#5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) :is(.ch-levelup__title, .ch-xp-pop) { background:linear-gradient(180deg, #FFFFFF 0%, #FFB98F 100%) !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important; filter:drop-shadow(0 0 24px rgba(255,106,31,.248)); }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__name { color:#111318 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__role { color:#E5540F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-levelup__hint { color:#646B7A !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+1) { background:#FF6A1F !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+2) { background:#FFFFFF !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+3) { background:#FFB340 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+4) { background:#FF8A4C !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-confetti:nth-child(5n+5) { background:#FFD2B0 !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-demo-btn { background:rgba(17,19,24,.048) !important; color:#2A2D35 !important; box-shadow:inset 0 0 0 1px rgba(17,19,24,.09) !important; }
@media (hover: hover) {
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-back:hover { background:rgba(17,19,24,.05) !important; color:#111318 !important; }
  html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card:not(.is-active):hover { background-image:linear-gradient(180deg, #FFFFFF, #F9FAFB) !important; border-top-color:rgba(17,19,24,.16) !important; }
}
/* ══ end EMBER LIGHT (generated) ══ */


/* ── Ember Light — by hand (2026-10-03) — character-hub: the level and phase capsules, the bio as a well */
/* The level under each hero and the PHASE locks were see-through white capsules (white on white); here they are grey
   capsules (the chosen hero's level stays orange). The bio, a lighter pane on graphite, becomes a light well. */
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-card:not(.is-active) .ch-card__lvl,
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-sec__lock { background: rgba(17,19,24,.06) !important; color: #5A606E !important; }
html[data-look="night"][data-shade="ember"][data-ember="light"]:not(.emk-page):not(.pm-sapp--home[data-skin="ember"]) body:not(#pm-e) .ch-bio { background: rgba(17,19,24,.03) !important; }