/* ================================================
   PRODUCT POLISH — shared interaction + visual system
   Keeps the existing brand, unifies the game surfaces,
   and makes the app feel more like a living dark book.
   ================================================ */
:root{
  --igtt-ink:#f5f0e8;
  --igtt-muted:rgba(245,240,232,.58);
  --igtt-dim:rgba(245,240,232,.4);
  --igtt-gold:#e8c9a0;
  --igtt-gold-soft:rgba(232,201,160,.13);
  --igtt-surface-1:rgba(20,20,20,.96);
  --igtt-surface-2:rgba(5,5,5,.88);
  --igtt-border:rgba(255,255,255,.12);
  --igtt-shadow:0 12px 32px rgba(0,0,0,.28);
}

body.app-shell{
  --app-surface:linear-gradient(145deg,var(--igtt-surface-1),var(--igtt-surface-2));
  --app-accent:var(--igtt-gold);
}

/* One card language across the product. Individual modules can still tint
   their accents without changing the base surface. */
body.app-shell .home-game-card,
body.app-shell .daily-prediction-card,
body.app-shell .progress-card,
body.app-shell .week-preview,
body.app-shell .week-mini,
body.app-shell .community-thought,
body.app-shell .week-card,
body.app-shell .your-thinking-card,
body.app-shell .thought-xp-card,
body.app-shell .thought-question-card,
body.app-shell .response-question-card,
body.app-shell .responses-card,
body.app-shell .response-reply-card,
body.app-shell .profile-heading-card,
body.app-shell .profile-stat-card,
body.app-shell .profile-actions-card,
body.app-shell .profile-nav-card,
body.app-shell .profile-account-card,
body.app-shell .lb-game-guide,
body.app-shell .lb-community-card,
body.app-shell .lb-rival,
body.app-shell .lb-you,
body.app-shell .lb-podium-card,
body.app-shell .lb-row,
body.app-shell .tier-card,
body.app-shell .questions-hub-footer-card{
  background:var(--app-surface) !important;
  border-color:var(--igtt-border) !important;
  box-shadow:var(--igtt-shadow);
}

body.app-shell .home-game-card::before,
body.app-shell .daily-prediction-card::before,
body.app-shell .progress-card::before,
body.app-shell .week-preview::before,
body.app-shell .week-mini::before,
body.app-shell .community-thought::before,
body.app-shell .week-card::before{
  background:radial-gradient(circle at 92% 0%,rgba(232,201,160,.095),transparent 42%) !important;
}

/* Physical-ish interaction without resorting to heavy skeuomorphism. */
body.app-shell a,
body.app-shell button,
body.app-shell [role="button"]{ -webkit-tap-highlight-color:transparent; }
body.app-shell button:active,
body.app-shell a:active,
body.app-shell [role="button"]:active{ transform:translateY(1px) scale(.992); }
body.app-shell :focus-visible{
  outline:2px solid rgba(232,201,160,.82);
  outline-offset:3px;
}

/* Loading copy should feel like page-turning, not software. */
.igtt-living-loader{
  display:inline-flex;align-items:center;gap:8px;color:var(--igtt-muted);
  font:500 .72rem/1.4 "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase;
}
.igtt-living-loader::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--igtt-gold);animation:igttPulse 1.2s ease-in-out infinite;}
@keyframes igttPulse{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}

/* Small celebratory “physical” moments. */
.igtt-pop{animation:igttPop .42s cubic-bezier(.22,1,.36,1)}
@keyframes igttPop{0%{transform:scale(.98);opacity:.5}65%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}
.igtt-shimmer{position:relative;overflow:hidden}
.igtt-shimmer::after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translateX(-90%);animation:igttShimmer 1.4s ease-out 1;pointer-events:none}
@keyframes igttShimmer{to{transform:translateX(90%)}}

/* Home — “Today” ritual. */
.home-ritual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.home-ritual-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:148px;padding:18px;border:1px solid var(--igtt-border);border-radius:18px;background:var(--app-surface);box-shadow:0 10px 26px rgba(0,0,0,.22);text-decoration:none;color:var(--igtt-ink);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-ritual-card:hover{transform:translateY(-3px);border-color:rgba(232,201,160,.34);box-shadow:0 15px 34px rgba(0,0,0,.3)}
.home-ritual-index{font:600 .58rem/1 "Geist Mono",monospace;letter-spacing:.13em;color:var(--igtt-gold);text-transform:uppercase}
.home-ritual-card strong{font:400 1.08rem/1.15 Jua,sans-serif;margin:10px 0 6px}
.home-ritual-card small{font:400 .74rem/1.45 "DM Sans",sans-serif;color:var(--igtt-muted)}
.home-ritual-arrow{margin-top:auto;padding-top:14px;font:600 .58rem/1 "Geist Mono",monospace;letter-spacing:.1em;color:var(--igtt-gold)}
.home-ritual-card.is-done{border-color:rgba(184,230,189,.22)}
.home-ritual-card.is-done .home-ritual-index{color:#b8e6bd}

/* Book becomes an object with a clear “next page” signal. */
.home-book-card{background:var(--app-surface) !important;position:relative;overflow:hidden}
.home-book-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 0%,rgba(232,201,160,.1),transparent 48%);pointer-events:none}
.home-book-card > *{position:relative;z-index:1}
.book1-page-flag{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(232,201,160,.22);border-radius:999px;background:rgba(232,201,160,.07);font:600 .56rem/1 "Geist Mono",monospace;letter-spacing:.1em;color:var(--igtt-gold);text-transform:uppercase;margin-bottom:12px}

/* “Thought worth finding” / ambient discovery. */
.home-thought-moment{margin-top:14px;padding:20px;border:1px solid rgba(232,201,160,.18);border-radius:20px;background:var(--app-surface);box-shadow:var(--igtt-shadow)}
.home-thought-moment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-thought-moment-kicker{font:600 .58rem/1 "Geist Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--igtt-gold)}
.home-thought-moment-stat{font:500 .58rem/1.3 "Geist Mono",monospace;color:var(--igtt-dim);text-align:right}
.home-thought-moment-text{font:400 1.35rem/1.35 Jua,sans-serif;margin:14px 0 8px;max-width:38em}
.home-thought-moment-by{font:400 .68rem/1.4 "DM Sans",sans-serif;color:var(--igtt-muted)}
.home-thought-moment-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}

/* Weekly “race” framing. */
.home-week-race{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:16px;padding:16px 18px;border:1px solid rgba(232,201,160,.18);border-radius:17px;background:rgba(232,201,160,.045)}
.home-week-race strong{font:400 1.02rem/1.18 Jua,sans-serif;color:#fff}
.home-week-race small{display:block;margin-top:5px;font:400 .68rem/1.4 "DM Sans",sans-serif;color:var(--igtt-muted)}
.home-week-race .igtt-btn{min-height:40px;padding:0 13px}

/* Profile identity is a collectible card, not just statistics. */
.profile-collectible-badge{display:inline-flex;align-items:center;gap:7px;margin-top:11px;padding:7px 10px;border-radius:999px;border:1px solid rgba(232,201,160,.24);background:rgba(232,201,160,.07);font:600 .56rem/1 "Geist Mono",monospace;letter-spacing:.1em;color:var(--igtt-gold);text-transform:uppercase}
.profile-tier-unlock{margin-top:16px;padding:15px;border-radius:17px;border:1px solid rgba(232,201,160,.2);background:rgba(232,201,160,.045)}
.profile-tier-unlock strong{display:block;font:400 1.05rem/1.15 Jua,sans-serif;color:#fff}
.profile-tier-unlock small{display:block;margin-top:5px;font:400 .68rem/1.45 "DM Sans",sans-serif;color:var(--igtt-muted)}

/* Quick reactions / marginalia. */
.igtt-marginalia{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}
.igtt-marginalia-kicker{width:100%;font:600 .54rem/1 "Geist Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--igtt-dim)}
.igtt-reaction{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.025);color:rgba(245,240,232,.72);font:500 .64rem/1 "DM Sans",sans-serif;cursor:pointer;transition:.16s ease}
.igtt-reaction:hover{border-color:rgba(232,201,160,.3);background:rgba(232,201,160,.08)}
.igtt-reaction.is-active{border-color:rgba(232,201,160,.4);background:rgba(232,201,160,.12);color:#fff}

/* Optional sound controls — visible but quiet. */
.igtt-sound-toggle{position:fixed;right:16px;bottom:88px;z-index:80;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(10,10,10,.72);backdrop-filter:blur(10px);color:rgba(245,240,232,.58);font:600 .54rem/1 "Geist Mono",monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.igtt-sound-toggle.is-on{color:var(--igtt-gold);border-color:rgba(232,201,160,.24);background:rgba(232,201,160,.07)}

/* Bottom nav: mobile-first “game board” navigation. */
@media(max-width:699px){
  body.app-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .app-bottom-nav{background:rgba(7,7,7,.96);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 36px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .app-nav-item.is-primary{transform:translateY(-5px);background:rgba(232,201,160,.08);border:1px solid rgba(232,201,160,.18);box-shadow:0 8px 20px rgba(0,0,0,.26)}
  .home-ritual-grid{grid-template-columns:1fr;gap:10px}
  .home-ritual-card{min-height:130px}
  .home-week-race{grid-template-columns:1fr}
  .home-week-race .igtt-btn{width:100%}
  .home-thought-moment-text{font-size:1.12rem}
  .igtt-sound-toggle{right:12px;bottom:98px}
}

@media(min-width:700px){
  .app-bottom-nav{max-width:700px;margin:0 auto 14px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(7,7,7,.88);box-shadow:0 18px 50px rgba(0,0,0,.26);backdrop-filter:blur(18px)}
  .app-nav-item{border-radius:16px}
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
.codex-today-note{margin-top:7px;font:600 .56rem/1.25 "Geist Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:rgba(232,201,160,.65)}
@media(max-width:700px){.codex-today-note{font-size:.52rem}.home-ritual-card strong{font-size:1.02rem}}
.lb-rival span{color:#e8c9a0}.lb-rival small{display:block;margin-top:5px;font:400 .62rem/1.4 "DM Sans",sans-serif;color:rgba(245,240,232,.5)}

.daily-archetype{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;margin-top:15px;padding:11px 13px;border:1px solid rgba(232,201,160,.16);border-radius:14px;background:rgba(232,201,160,.045)}
.daily-archetype span{grid-row:1 / span 2;font:600 .55rem/1.2 "Geist Mono",monospace;letter-spacing:.1em;color:rgba(232,201,160,.7);text-transform:uppercase}
.daily-archetype strong{font:400 .95rem/1.1 Jua,sans-serif;color:#fff}.daily-archetype small{font:400 .63rem/1.3 "DM Sans",sans-serif;color:rgba(245,240,232,.48)}
.home-book-complete{margin-top:20px;padding:22px 24px;border:1px solid rgba(232,201,160,.28);border-radius:20px;background:var(--app-surface);box-shadow:var(--igtt-shadow)}
.home-book-complete-kicker{font:600 .58rem/1 "Geist Mono",monospace;letter-spacing:.13em;color:var(--igtt-gold);text-transform:uppercase}.home-book-complete h2{font:400 1.7rem/1.1 Jua,sans-serif;margin:8px 0}.home-book-complete p{font:400 .82rem/1.55 "DM Sans",sans-serif;color:var(--igtt-muted);max-width:48em;margin:0 0 16px}

/* Home: one quiet growth action beside the user's currency. */
body.app-shell .home-status-bar-inner{gap:10px 12px;}
.home-level-up-cta{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(232,201,160,.22);border-radius:999px;background:rgba(232,201,160,.055);color:rgba(245,240,232,.84);text-decoration:none;transition:.18s ease;white-space:nowrap;}
.home-level-up-cta span{font:700 .59rem/1 'Geist Mono',monospace;letter-spacing:.09em;}
.home-level-up-cta small{font:500 .48rem/1 'Geist Mono',monospace;letter-spacing:.07em;color:rgba(245,240,232,.36);}
.home-level-up-cta:hover,.home-level-up-cta.is-ready{border-color:rgba(232,201,160,.45);background:rgba(232,201,160,.10);transform:translateY(-1px);color:#fff;}
.home-grow-rail{margin-top:26px;padding:16px 18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(0,0,0,.12);}
.home-grow-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px;}
.home-grow-head strong{display:block;font:700 1rem/1.2 'Jua',sans-serif;margin-top:5px;color:#fff;}
.home-grow-note{font:500 .58rem/1 'Geist Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:rgba(245,240,232,.30);white-space:nowrap;}
.home-grow-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.home-grow-action{display:grid;gap:5px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);color:#fff;text-decoration:none;transition:.18s ease;}
.home-grow-action:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.045);}
.home-grow-action-primary{border-color:rgba(232,201,160,.18);background:rgba(232,201,160,.045);}
.home-grow-action-kicker{font:600 .51rem/1 'Geist Mono',monospace;letter-spacing:.13em;color:#e8c9a0;}
.home-grow-action strong{font:700 1rem/1.2 'Jua',sans-serif;}
.home-grow-action small{font:400 .75rem/1.45 'DM Sans',sans-serif;color:rgba(245,240,232,.50);}
.home-grow-action>span:last-child{margin-top:4px;font:600 .56rem/1 'Geist Mono',monospace;letter-spacing:.08em;color:rgba(245,240,232,.47);}
@media(max-width:700px){.home-level-up-cta{padding:7px 9px}.home-level-up-cta small{display:none}.home-grow-actions{grid-template-columns:1fr}.home-grow-head{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:560px){.home-status-bar-inner{width:100%}.home-level-up-cta{margin-left:auto}}

.home-progress-spine{display:flex;align-items:center;gap:8px;width:min(180px,40%);height:auto;background:transparent;overflow:visible;}
.home-progress-label{font:600 .46rem/1 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,240,232,.28);white-space:nowrap;}
.home-progress-spine-track{display:block;width:110px;height:4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;}
@media(max-width:560px){.home-progress-spine{width:100%;order:3}.home-progress-spine-track{flex:1;width:auto;}}

/* ================================================================
   WARM WORLD / CHARCOAL SURFACES — CONTRAST REFINEMENT
   2026-09-09
   The world stays warm espresso; interactive/content surfaces become
   cooler charcoal so parchment actions and book pages have hierarchy.
   ================================================================ */
:root{
  --igtt-charcoal-1:#121314;
  --igtt-charcoal-2:#090a0b;
  --igtt-charcoal-3:#050607;
  --igtt-charcoal-border:rgba(255,255,255,.115);
  --igtt-charcoal-border-strong:rgba(232,201,160,.18);
  --igtt-parchment:#eadfc9;
  --igtt-parchment-deep:#d6c09e;
  --igtt-parchment-ink:#211910;
}

/* A slightly cooler, darker card plane against the warm-brown world. */
body.app-shell{
  --app-surface:linear-gradient(152deg,var(--igtt-charcoal-1) 0%,var(--igtt-charcoal-2) 58%,var(--igtt-charcoal-3) 100%);
}

/* ---------- BOOK 1: charcoal-black physical book ---------- */
.questions-hub-page .tier-book{
  background:
    radial-gradient(110% 78% at 78% -8%,rgba(255,255,255,.045),transparent 52%),
    linear-gradient(92deg,#090a0b 0%,#171819 3.8%,#0c0d0e 6%,#050607 100%) !important;
  box-shadow:
    0 34px 68px rgba(0,0,0,.56),
    0 12px 24px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.055),
    inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.questions-hub-page .tier-book-spine{
  background:linear-gradient(180deg,#202224,#090a0b 40%,#151617 72%,#050607) !important;
  box-shadow:inset -3px 0 5px rgba(0,0,0,.62),inset 1px 0 0 rgba(255,255,255,.055),3px 0 12px rgba(0,0,0,.46) !important;
}
.questions-hub-page .tier-book-spine::before{
  background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(232,201,160,.055) 8px 9px) !important;
}
.questions-hub-page .book-page-inner{
  background:
    radial-gradient(circle at 88% 7%,var(--tier-glow,rgba(232,201,160,.08)),transparent 46%),
    linear-gradient(148deg,#17191a 0%,#0c0d0e 48%,#060708 100%) !important;
  border:1px solid rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 9px 0 20px rgba(0,0,0,.34) !important;
}
.questions-hub-page .book-page::after{
  background:linear-gradient(90deg,#08090a 0%,#18191a 12%,#0a0b0c 100%) !important;
}
.questions-hub-page .book-page-edge{
  background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 38%),repeating-linear-gradient(180deg,#1b1c1d 0 2px,#0e0f10 2px 4px) !important;
}

/* ---------- HOME: charcoal cards, parchment recommendation CTA ---------- */
.home-next-action,
.home-ritual-card,
.home-season-card,
.home-book-card,
.home-week-compact,
.home-intro-card,
.home-game-card,
.home-shell .progress-card,
.home-shell .week-preview,
.home-shell .week-mini,
.home-shell .community-thought,
.home-shell .your-thinking-card,
.home-shell .week-card{
  background:linear-gradient(152deg,#131516 0%,#0a0b0c 58%,#050607 100%) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.home-next-action{
  border-color:rgba(232,201,160,.20) !important;
  box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 0 1px rgba(232,201,160,.025) inset !important;
}
.home-next-action::before,
.home-ritual-card::before,
.home-season-card::before,
.home-book-card::before,
.home-week-compact::before,
.home-game-card::before{
  background:radial-gradient(circle at 90% 0%,rgba(232,201,160,.07),transparent 43%) !important;
}
.home-ritual-card:hover,
.home-game-card:hover{
  border-color:rgba(232,201,160,.26) !important;
  box-shadow:0 22px 48px rgba(0,0,0,.38) !important;
}
.home-intro-step,
.home-quick-nav a,
.home-week-links a{
  background:rgba(255,255,255,.025) !important;
  border-color:rgba(255,255,255,.085) !important;
}

/* The recommendation is the light object in the Home hierarchy. */
.home-next-action .igtt-btn-primary,
.home-book-complete .igtt-btn-primary{
  background:linear-gradient(145deg,var(--igtt-parchment),var(--igtt-parchment-deep)) !important;
  border-color:rgba(255,246,226,.72) !important;
  color:var(--igtt-parchment-ink) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.58) !important;
}
.home-next-action .igtt-btn-primary:hover,
.home-book-complete .igtt-btn-primary:hover{
  filter:brightness(1.035);
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.66) !important;
}
.home-next-action .igtt-btn-ghost{
  background:#0b0c0d !important;
  border-color:rgba(255,255,255,.12) !important;
}

/* ---------- READ THE ROOM: warmer world, cooler game cards ---------- */
body.read-room-world{
  background-color:#0b0907 !important;
  background-image:
    radial-gradient(ellipse 72% 34% at 50% -6%,rgba(178,135,97,.16) 0%,rgba(178,135,97,.05) 40%,transparent 72%),
    radial-gradient(circle at 82% 18%,rgba(93,169,183,.055),transparent 28%),
    linear-gradient(180deg,#17110d 0%,#100d0a 34%,#0b0907 72%,#080706 100%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
}
.read-room-world .daily-prediction-card,
.read-room-world .read-room-after{
  background:linear-gradient(152deg,#121516 0%,#090b0c 58%,#050607 100%) !important;
  border-color:rgba(142,203,214,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.read-room-world .daily-prediction-card::before{
  background:radial-gradient(circle at 88% 0%,rgba(105,188,203,.095),transparent 42%) !important;
}
.read-room-world .daily-option{
  background:linear-gradient(150deg,#181a1b,#0b0d0e) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.read-room-world .daily-option:hover:not(:disabled){
  background:linear-gradient(150deg,#1b2325,#0b1112) !important;
  border-color:rgba(142,203,214,.42) !important;
}
.read-room-world .daily-option.is-selected{
  background:linear-gradient(150deg,rgba(35,78,85,.68),#0a1112) !important;
  border-color:rgba(142,203,214,.60) !important;
  box-shadow:0 0 0 1px rgba(142,203,214,.08) inset,0 10px 22px rgba(0,0,0,.20) !important;
}
.read-room-world .daily-action{
  background:linear-gradient(145deg,#d8edf0,#a9d2d9) !important;
  border-color:rgba(220,247,250,.66) !important;
  color:#102024 !important;
  box-shadow:0 9px 20px rgba(0,0,0,.24);
}
.read-room-world .daily-action:disabled{background:#151819 !important;color:rgba(245,240,232,.36) !important;border-color:rgba(255,255,255,.08) !important;box-shadow:none}
.read-room-world .daily-archetype{
  background:#0c1112 !important;
  border-color:rgba(142,203,214,.15) !important;
}

/* ---------- YOU / PROFILE: warm world, unmistakably charcoal modules ---------- */
body.profile-world{
  background-color:#0b0907 !important;
  background-image:
    radial-gradient(ellipse 78% 36% at 50% -7%,rgba(178,135,97,.18),rgba(178,135,97,.055) 40%,transparent 72%),
    radial-gradient(circle at 12% 35%,rgba(232,201,160,.025),transparent 28%),
    linear-gradient(180deg,#17110d 0%,#100d0a 34%,#0b0907 72%,#080706 100%) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
}
.profile-v2 .profile-identity-hero,
.profile-v2 .profile-chapter-path-card,
.profile-v2 .profile-growth-card,
.profile-v2 .profile-destination,
.profile-v2 .next-thought-profile,
.profile-v2 .featured-thought-profile{
  background:linear-gradient(152deg,#131516 0%,#090a0b 60%,#050607 100%) !important;
  border-color:rgba(255,255,255,.11) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.profile-v2 .profile-identity-hero{
  background:
    radial-gradient(circle at 84% 4%,var(--chapter-soft,rgba(232,201,160,.08)),transparent 35%),
    linear-gradient(152deg,#151718 0%,#0a0b0c 60%,#050607 100%) !important;
}
.profile-v2 .profile-identity-stats > div{
  background:linear-gradient(150deg,#1a1c1d,#0d0f10) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.16);
}
.profile-v2 .profile-growth-card{
  border-color:rgba(232,201,160,.18) !important;
}
.profile-v2 .profile-actions-card .profile-level-up-link{
  background:linear-gradient(145deg,var(--igtt-parchment),var(--igtt-parchment-deep)) !important;
  border-color:rgba(255,246,226,.68) !important;
  color:var(--igtt-parchment-ink) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.28) !important;
}
.profile-v2 .profile-thoughts-link{
  background:#0b0c0d !important;
  border-color:rgba(255,255,255,.11) !important;
}
.profile-v2 .profile-account-card{
  background:transparent !important;
  box-shadow:none !important;
}

/* Keep borders legible and breathing room safe on narrow screens. */
@media(max-width:700px){
  .home-next-action,
  .home-season-card,
  .home-week-compact,
  .home-intro-card{border-radius:20px !important}
  .home-ritual-card,.home-game-card{border-radius:17px !important}
  .read-room-world .daily-prediction-card{border-radius:21px !important}
  .read-room-world .read-room-after{padding:17px 16px !important}
  .profile-v2 .profile-identity-hero{border-radius:24px !important}
  .profile-v2 .profile-chapter-path-card,
  .profile-v2 .profile-growth-card,
  .profile-v2 .profile-destination,
  .profile-v2 .next-thought-profile,
  .profile-v2 .featured-thought-profile{border-radius:20px !important}
}

/* ================================================================
   INK-BLACK SURFACE REFINEMENT — 2026-09-09
   Slight blue/graphite undertone against the warm espresso world.
   This reads as black ink rather than generic neutral charcoal.
   ================================================================ */
:root{
  --igtt-inkblack-1:#151f23;
  --igtt-inkblack-2:#0b1013;
  --igtt-inkblack-3:#06090b;
  --igtt-inkblack-edge:rgba(197,218,224,.12);
  --igtt-inkblack-edge-soft:rgba(197,218,224,.075);
}
body.app-shell{
  --app-surface:linear-gradient(152deg,var(--igtt-inkblack-1) 0%,var(--igtt-inkblack-2) 58%,var(--igtt-inkblack-3) 100%);
}

/* Book cover / object: black-ink leather against the warm page world. */
.questions-hub-page .tier-book{
  background:
    radial-gradient(110% 78% at 78% -8%,rgba(196,220,226,.05),transparent 52%),
    linear-gradient(92deg,#080b0d 0%,#172024 3.8%,#0c1113 6%,#050708 100%) !important;
  box-shadow:0 34px 68px rgba(0,0,0,.58),0 12px 24px rgba(0,0,0,.38),0 0 0 1px rgba(200,221,226,.06),inset 0 1px 0 rgba(226,239,242,.04) !important;
}
.questions-hub-page .tier-book-spine{
  background:linear-gradient(180deg,#202a2e,#090d0f 40%,#151c1f 72%,#050708) !important;
}
.questions-hub-page .book-page-inner{
  background:
    radial-gradient(circle at 88% 7%,var(--tier-glow,rgba(232,201,160,.08)),transparent 46%),
    linear-gradient(148deg,#171f22 0%,#0c1113 48%,#06090a 100%) !important;
  border-color:rgba(209,229,234,.045) !important;
}

/* Home cards: cooler ink plane; parchment stays the high-attention action. */
.home-next-action,
.home-ritual-card,
.home-season-card,
.home-book-card,
.home-week-compact,
.home-intro-card,
.home-game-card,
.home-shell .progress-card,
.home-shell .week-preview,
.home-shell .week-mini,
.home-shell .community-thought,
.home-shell .your-thinking-card,
.home-shell .week-card{
  background:linear-gradient(152deg,#172126 0%,#0a1012 58%,#050809 100%) !important;
  border-color:var(--igtt-inkblack-edge) !important;
  box-shadow:0 19px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(218,237,242,.035) !important;
}
.home-ritual-card:hover,.home-game-card:hover{
  border-color:rgba(232,201,160,.27) !important;
  background:linear-gradient(152deg,#172024 0%,#0b1114 58%,#06090b 100%) !important;
}

/* Read the Room: same ink surface, teal only as the game accent. */
.read-room-world .daily-prediction-card,
.read-room-world .read-room-after{
  background:linear-gradient(152deg,#162126 0%,#091013 58%,#05090b 100%) !important;
  border-color:rgba(142,203,214,.20) !important;
}
.read-room-world .daily-option{
  background:linear-gradient(150deg,#182125,#0b1114) !important;
  border-color:rgba(198,222,228,.11) !important;
}

/* Profile: chapter art gets a cooler, inkier stage. */
.profile-v2 .profile-identity-hero,
.profile-v2 .profile-chapter-path-card,
.profile-v2 .profile-growth-card,
.profile-v2 .profile-destination,
.profile-v2 .next-thought-profile,
.profile-v2 .featured-thought-profile{
  background:linear-gradient(152deg,#172126 0%,#091013 60%,#050809 100%) !important;
  border-color:var(--igtt-inkblack-edge) !important;
}
.profile-v2 .profile-identity-hero{
  background:
    radial-gradient(circle at 84% 4%,var(--chapter-soft,rgba(232,201,160,.08)),transparent 35%),
    linear-gradient(152deg,#182429 0%,#0a1013 60%,#050809 100%) !important;
}
.profile-v2 .profile-identity-stats > div{
  background:linear-gradient(150deg,#1b272c,#0d1316) !important;
  border-color:rgba(200,222,227,.09) !important;
}


/* ================================================================
   NEUTRAL INK FINAL PASS — 2026-09-09
   Warm espresso world + neutral near-black objects. No blue cast.
   Parchment remains the high-attention writing / Codex material.
   ================================================================ */
:root{
  --igtt-world-top:#38271f;
  --igtt-world-mid:#241914;
  --igtt-world-deep:#15110e;
  --igtt-neutral-1:#171716;
  --igtt-neutral-2:#0f0f0e;
  --igtt-neutral-3:#080807;
  --igtt-neutral-edge:rgba(255,255,255,.105);
  --igtt-neutral-edge-soft:rgba(255,255,255,.07);
}

html{background:#0b0907 !important;}
body,
body.app-shell,
body.profile-world,
body.read-room-world,
body.book1-board-world{
  background-color:#0b0907 !important;
  background-image:
    radial-gradient(ellipse 78% 38% at 50% -6%,rgba(178,135,97,.20) 0%,rgba(178,135,97,.07) 38%,transparent 70%),
    radial-gradient(circle at 8% 34%,rgba(232,201,160,.035) 0%,transparent 32%),
    radial-gradient(circle at 92% 70%,rgba(126,83,51,.045) 0%,transparent 34%),
    linear-gradient(180deg,#17110d 0%,#100d0a 26%,#0b0907 66%,#080706 100%) !important;
  background-repeat:no-repeat !important;
  background-position:top center !important;
  background-size:100% 100% !important;
}

/* Keep the logo area part of the same espresso world; no lighter header wash. */
body.app-shell .header-logo,
.header-logo{background:transparent !important;}
body.app-shell{--app-surface:linear-gradient(152deg,var(--igtt-neutral-1) 0%,var(--igtt-neutral-2) 60%,var(--igtt-neutral-3) 100%);}

/* Book 1: deeper black-leather object against the espresso world. */
.questions-hub-page .tier-book{
  background:
    radial-gradient(110% 76% at 80% -10%,rgba(232,201,160,.028),transparent 52%),
    linear-gradient(92deg,#040404 0%,#121211 3.5%,#090909 6%,#030303 100%) !important;
  box-shadow:
    0 36px 72px rgba(0,0,0,.62),
    0 14px 28px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.035),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.questions-hub-page .tier-book-spine{
  background:linear-gradient(180deg,#191817,#070707 40%,#11100f 72%,#030303) !important;
  box-shadow:inset -3px 0 6px rgba(0,0,0,.72),inset 1px 0 0 rgba(255,255,255,.035),3px 0 12px rgba(0,0,0,.48) !important;
}
.questions-hub-page .tier-book-spine::before{opacity:.7;}
.questions-hub-page .book-page-inner{
  background:
    radial-gradient(circle at 88% 7%,var(--tier-glow,rgba(232,201,160,.07)),transparent 46%),
    linear-gradient(148deg,#151514 0%,#0a0a09 48%,#040404 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),inset 8px 0 20px rgba(0,0,0,.42) !important;
}
.questions-hub-page .book-page::after{
  background:linear-gradient(90deg,#050505 0%,#11100f 12%,#060606 100%) !important;
}
.questions-hub-page .book-page-edge{
  background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 42%),repeating-linear-gradient(180deg,#171614 0 2px,#0b0b0a 2px 4px) !important;
}

/* Home: deep neutral cards. Parchment remains the unmistakable recommendation CTA. */
.home-next-action,
.home-ritual-card,
.home-season-card,
.home-book-card,
.home-week-compact,
.home-intro-card,
.home-game-card,
.home-shell .progress-card,
.home-shell .week-preview,
.home-shell .week-mini,
.home-shell .community-thought,
.home-shell .your-thinking-card,
.home-shell .week-card{
  background:linear-gradient(152deg,var(--igtt-neutral-1) 0%,var(--igtt-neutral-2) 60%,var(--igtt-neutral-3) 100%) !important;
  border-color:var(--igtt-neutral-edge) !important;
  box-shadow:0 19px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.032) !important;
}
.home-ritual-card:hover,.home-game-card:hover{
  border-color:rgba(232,201,160,.28) !important;
  background:linear-gradient(152deg,#1b1a18 0%,#11110f 58%,#090908 100%) !important;
}

/* Room: neutral-black game board; teal stays only as the game accent. */
.read-room-world .daily-prediction-card,
.read-room-world .read-room-after{
  background:linear-gradient(152deg,var(--igtt-neutral-1) 0%,var(--igtt-neutral-2) 60%,var(--igtt-neutral-3) 100%) !important;
  border-color:rgba(142,203,214,.18) !important;
}
.read-room-world .daily-option{
  background:linear-gradient(150deg,#1a1918,#10100f) !important;
  border-color:var(--igtt-neutral-edge) !important;
}
.read-room-world .daily-option:hover:not(:disabled){
  background:linear-gradient(150deg,#1d1c1a,#121211) !important;
}

/* You/Profile: chapter art sits on a true ink-black stage instead of cool blue graphite. */
.profile-v2 .profile-identity-hero,
.profile-v2 .profile-chapter-path-card,
.profile-v2 .profile-growth-card,
.profile-v2 .profile-destination,
.profile-v2 .next-thought-profile,
.profile-v2 .featured-thought-profile{
  background:linear-gradient(152deg,var(--igtt-neutral-1) 0%,var(--igtt-neutral-2) 60%,var(--igtt-neutral-3) 100%) !important;
  border-color:var(--igtt-neutral-edge) !important;
}
.profile-v2 .profile-identity-hero{
  background:
    radial-gradient(circle at 84% 4%,var(--chapter-soft,rgba(232,201,160,.08)),transparent 35%),
    linear-gradient(152deg,#1a1918 0%,#10100f 60%,#080807 100%) !important;
}
.profile-v2 .profile-identity-stats > div{
  background:linear-gradient(150deg,#1e1d1b,#11110f) !important;
  border-color:rgba(255,255,255,.085) !important;
}
.profile-v2 .profile-thoughts-link{background:#0d0d0c !important;}


/* ================================================================
   ROOM NEUTRAL-BLACK FINAL — 2026-09-09
   Remove the lingering teal/blue cast from the cards themselves.
   Room now uses the same neutral ink-black surface language as Home,
   You, and Level Up; parchment/gold carries the interaction emphasis.
   ================================================================ */
body.read-room-world{
  background-color:#0b0907 !important;
  background-image:
    radial-gradient(ellipse 78% 38% at 50% -6%,rgba(178,135,97,.20) 0%,rgba(178,135,97,.07) 38%,transparent 70%),
    radial-gradient(circle at 8% 34%,rgba(232,201,160,.035) 0%,transparent 32%),
    radial-gradient(circle at 92% 70%,rgba(126,83,51,.045) 0%,transparent 34%),
    linear-gradient(180deg,#17110d 0%,#100d0a 26%,#0b0907 66%,#080706 100%) !important;
}
.read-room-world .daily-prediction-card,
.read-room-world .read-room-after,
.read-room-world .yesterday-result-card{
  background:linear-gradient(152deg,#171716 0%,#0f0f0e 60%,#080807 100%) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.032) !important;
}
.read-room-world .daily-prediction-card::before{
  background:radial-gradient(circle at 88% 0%,rgba(232,201,160,.07),transparent 42%) !important;
}
.read-room-world .read-room-kicker,
.read-room-world .read-room-phase,
.read-room-world .daily-result-tag,
.read-room-world .read-room-after span{
  color:#e8c9a0 !important;
}
.read-room-world .read-room-phase{
  background:rgba(232,201,160,.055) !important;
  border-color:rgba(232,201,160,.16) !important;
}
.read-room-world .daily-option{
  background:linear-gradient(150deg,#1a1918,#10100f) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.read-room-world .daily-option:hover:not(:disabled){
  background:linear-gradient(150deg,#1e1d1b,#121211) !important;
  border-color:rgba(232,201,160,.28) !important;
}
.read-room-world .daily-option.is-selected{
  background:linear-gradient(150deg,#241e18,#12100d) !important;
  border-color:rgba(232,201,160,.52) !important;
  box-shadow:0 0 0 1px rgba(232,201,160,.06) inset,0 10px 22px rgba(0,0,0,.22) !important;
}
.read-room-world .daily-action{
  background:linear-gradient(145deg,#eadfc9,#d5bd99) !important;
  border-color:rgba(255,246,226,.64) !important;
  color:#241a12 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.56) !important;
}
.read-room-world .daily-action:hover:not(:disabled){
  transform:translateY(-1px);
  filter:brightness(1.03);
}
.read-room-world .daily-action:disabled{
  background:#141413 !important;
  color:rgba(245,240,232,.34) !important;
  border-color:rgba(255,255,255,.075) !important;
  box-shadow:none !important;
}
.read-room-world .daily-archetype{
  background:#0d0d0c !important;
  border-color:rgba(255,255,255,.085) !important;
}
.read-room-world .daily-archetype strong{color:#e8c9a0 !important;}
.read-room-world .daily-result-fill{
  background:linear-gradient(90deg,#8b6545,#e8c9a0) !important;
}


/* ================================================================
   PROFILE · CHAPTER STORY ENTRY — 2026-09-10
   Chapter badges are now doors into The Light Between Pages.
   ================================================================ */
.profile-v2 .profile-chapter-badge-slot[role="link"]{cursor:pointer;outline:none}
.profile-v2 .profile-chapter-badge-slot[role="link"]:focus-visible .profile-chapter-mini-art-wrap{
  outline:2px solid #e8c9a0;
  outline-offset:5px;
}
.profile-v2 .profile-chapter-badge-slot.is-story-complete .profile-chapter-badge-state{color:#e8c9a0}
.profile-v2 .profile-chapter-badge-slot.is-story-complete:not(.is-current) .profile-chapter-mini-art-wrap{
  border-color:rgba(232,201,160,.42);
  box-shadow:0 8px 20px rgba(0,0,0,.34),0 0 0 4px #090909,0 0 0 5px rgba(232,201,160,.07);
}
.profile-v2 .profile-chapter-badge-slot[role="link"]:active .profile-chapter-mini-art-wrap{transform:translateY(0) scale(.98)}