/* Live Covenant UX v2 — additive migration layer.
 * Authority: docs/design/LIVE_COVENANT_UX_V2_IMPLEMENTATION_CONTRACT.md
 * Existing product state/business semantics remain authoritative.
 */

:root {
  --lc-v2-safe-top: env(safe-area-inset-top, 0px);
  --lc-v2-safe-right: env(safe-area-inset-right, 0px);
  --lc-v2-safe-bottom: env(safe-area-inset-bottom, 0px);
  --lc-v2-safe-left: env(safe-area-inset-left, 0px);
  --lc-v2-viewport-height: 100dvh;
  --lc-v2-surface: rgba(14, 11, 28, .76);
  --lc-v2-surface-soft: rgba(14, 11, 28, .42);
  --lc-v2-border: rgba(233, 221, 197, .14);
  --lc-v2-gold: rgba(214, 177, 112, .92);
  --lc-v2-ivory: #f5efe5;
  --lc-v2-muted: rgba(231, 222, 232, .68);
}

html[data-lc-keyboard='open'] {
  --lc-v2-viewport-height: var(--lc-visual-viewport-height, 100dvh);
}

/* R0 — modal/sheet contract */
.modal-dim-backdrop {
  box-sizing: border-box;
  max-width: 100vw;
  max-height: var(--lc-v2-viewport-height);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-top: max(12px, var(--lc-v2-safe-top));
  padding-right: max(12px, var(--lc-v2-safe-right));
  padding-bottom: max(12px, var(--lc-v2-safe-bottom));
  padding-left: max(12px, var(--lc-v2-safe-left));
}

.modal-dim-backdrop > .modal-vellum-card,
.modal-dim-backdrop > .cov-affairs-sheet,
.modal-dim-backdrop > .our-state-sheet,
.modal-dim-backdrop > .drawer-sheet,
.modal-dim-backdrop > [class*='sheet'] {
  max-width: min(100%, 100vw);
  max-height: calc(var(--lc-v2-viewport-height) - max(24px, var(--lc-v2-safe-top)) - max(24px, var(--lc-v2-safe-bottom)));
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* R0 — Auth blocker fix: utility first, art second. */
#authOverlay {
  align-items: center;
  justify-content: center;
}

#authOverlay > .modal-vellum-card {
  width: min(100%, 440px);
  max-height: calc(var(--lc-v2-viewport-height) - max(24px, var(--lc-v2-safe-top)) - max(24px, var(--lc-v2-safe-bottom)));
  overflow-y: auto;
  scroll-padding-bottom: calc(96px + var(--lc-v2-safe-bottom));
}

#authOverlay input,
#authOverlay button,
#authOverlay select,
#authOverlay textarea {
  scroll-margin-block: 24px 112px;
}

#authOverlay button,
#authOverlay .btn-study-micro,
#covenantAffairsModal button,
#puppySoulMapModal button,
#communicationInboxModal button,
#lcV2TaskReviewModal button {
  min-height: 44px;
}

@media (max-width: 599px), (max-height: 700px) {
  #authOverlay { align-items: flex-start; }

  #authOverlay > .modal-vellum-card {
    margin: auto 0;
    border-radius: 20px;
  }

  #authOverlay .scene-entry-banner {
    min-height: 82px !important;
    margin-bottom: 10px !important;
  }

  #authOverlay .scene-entry-banner-content {
    min-height: 82px !important;
    padding: 10px 14px !important;
  }

  #authOverlay .scene-entry-subtitle { display: none; }
}

@media (max-height: 520px) {
  #authOverlay .scene-entry-banner { display: none !important; }
  #authOverlay > .modal-vellum-card { border-radius: 16px; }
  #authOverlay .modal-title { margin-bottom: 6px !important; }
  #authOverlay .modal-title + p { margin-bottom: 8px !important; }
  #authOverlay .form-group { margin-bottom: 8px !important; }
}

html[data-lc-keyboard='open'] #authOverlay { align-items: flex-start; }
html[data-lc-keyboard='open'] #authOverlay .scene-entry-banner { display: none !important; }
html[data-lc-keyboard='open'] #authOverlay > .modal-vellum-card { margin-block: 0; }

/* Home v2 — room first, one Focus, then lightweight HUD. */
html[data-lc-section='home'] .experience-home-projection {
  width: min(100%, 980px);
  margin-inline: auto;
  isolation: isolate;
}

html[data-lc-section='home'] .experience-home-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(8px, 1.5vw, 14px) !important;
}

html[data-lc-section='home'] .experience-home-panel.primary {
  min-height: clamp(176px, 28vh, 310px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-color: rgba(214,177,112,.24) !important;
  background:
    linear-gradient(180deg, rgba(20,13,29,.34), rgba(9,7,17,.62)) !important;
  box-shadow: 0 26px 68px rgba(0,0,0,.24) !important;
}

html[data-lc-section='home'] .lc-v2-legacy-secondary {
  display: none !important;
}

/* Covenant Whisper */
.lc-v2-covenant-whisper {
  position: absolute;
  inset: 0;
  z-index: 12;
  display: grid;
  place-items: center;
  padding: clamp(20px, 6vw, 54px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 420ms ease;
  background: linear-gradient(180deg, rgba(5,4,11,.24), rgba(5,4,11,.42));
}

.lc-v2-covenant-whisper.is-visible { opacity: 1; }

.lc-v2-covenant-whisper-text {
  max-width: 36rem;
  text-align: center;
  color: rgba(247,241,230,.97);
  font-family: var(--font-serif, 'Cormorant Garamond', serif);
  font-size: clamp(1.12rem, 3.4vw, 1.85rem);
  line-height: 1.35;
  letter-spacing: .005em;
  text-shadow: 0 4px 24px rgba(0,0,0,.62);
  text-wrap: balance;
}

/* Presence: environmental state, no toast. */
.experience-home-projection::before,
.experience-home-projection::after {
  content: '';
  position: absolute;
  top: 8%;
  bottom: 18%;
  width: 24%;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 520ms ease, transform 950ms cubic-bezier(.2,.7,.2,1);
  filter: blur(18px);
}

.experience-home-projection::before {
  left: -4%;
  background: radial-gradient(ellipse at center, rgba(214,177,112,.16), transparent 70%);
}

.experience-home-projection::after {
  right: -4%;
  background: radial-gradient(ellipse at center, rgba(158,151,186,.14), transparent 70%);
}

html[data-lc-daddy-online='true'] .experience-home-projection::before { opacity: .82; }
html[data-lc-puppy-online='true'] .experience-home-projection::after { opacity: .82; }

.experience-home-projection.lc-v2-presence-converge::before {
  opacity: 1;
  transform: translateX(54%);
}
.experience-home-projection.lc-v2-presence-converge::after {
  opacity: 1;
  transform: translateX(-54%);
}

/* Home HUD is intentionally open/quiet rather than another card dashboard. */
.lc-v2-home-hud {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: clamp(12px, 2.4vw, 28px);
  align-items: end;
  margin-top: clamp(8px, 1.6vw, 16px);
  padding: 10px 2px 0;
  border-top: 1px solid rgba(238,228,211,.10);
}

.lc-v2-hud-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  min-width: 0;
}

.lc-v2-hud-item {
  display: inline-grid;
  gap: 2px;
  min-width: 78px;
  min-height: 42px;
  align-content: center;
  padding: 5px 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.lc-v2-hud-item.is-static { cursor: default; }
.lc-v2-hud-label {
  color: rgba(231,222,232,.48);
  font-size: .61rem;
  font-weight: 650;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.lc-v2-hud-value,
.lc-v2-routine-dots {
  color: rgba(247,241,230,.90);
  font-size: .75rem;
  line-height: 1.2;
}
.lc-v2-routine-dots { letter-spacing: .12em; }
.lc-v2-hud-item.is-care .lc-v2-hud-value { color: rgba(219,198,162,.72); }

/* Signature weather object. No dashboard-card treatment. */
.lc-v2-weather-bottle {
  display: grid;
  grid-template-columns: 42px auto;
  gap: 8px;
  align-items: center;
  min-width: 138px;
  color: var(--lc-v2-ivory);
}

.lc-v2-weather-glass {
  position: relative;
  width: 38px;
  height: 52px;
  border: 1px solid rgba(239,231,215,.32);
  border-radius: 16px 16px 12px 12px;
  background:
    linear-gradient(180deg, rgba(245,241,235,.10), rgba(104,96,116,.07) 62%, rgba(24,17,28,.22));
  box-shadow:
    inset 0 0 16px rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.28);
  overflow: hidden;
}
.lc-v2-weather-glass::after {
  content: '';
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 2px;
  height: 6px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(90deg,#171016,#7b5c36,#171016);
  opacity: .82;
}
.lc-v2-weather-glass span {
  position: absolute;
  width: 2px;
  height: 8px;
  top: 8px;
  border-radius: 999px;
  background: rgba(216,229,239,.52);
  opacity: 0;
}
.lc-v2-weather-glass span:nth-child(1) { left: 10px; }
.lc-v2-weather-glass span:nth-child(2) { left: 19px; top: 16px; }
.lc-v2-weather-glass span:nth-child(3) { left: 28px; top: 11px; }

.lc-v2-weather-bottle[data-weather*='rain'] .lc-v2-weather-glass span {
  opacity: .75;
  animation: lc-v2-rain 1.8s linear infinite;
}
.lc-v2-weather-bottle[data-weather*='snow'] .lc-v2-weather-glass span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: .72;
  animation: lc-v2-snow 3.2s ease-in-out infinite;
}
.lc-v2-weather-bottle[data-weather*='fog'] .lc-v2-weather-glass {
  background: linear-gradient(180deg, rgba(230,226,225,.20), rgba(159,157,164,.14) 70%, rgba(24,17,28,.22));
}
.lc-v2-weather-bottle[data-weather*='cloud'] .lc-v2-weather-glass {
  box-shadow: inset 0 18px 18px rgba(196,198,207,.08), 0 6px 16px rgba(0,0,0,.28);
}
.lc-v2-weather-bottle[data-weather*='clear'] .lc-v2-weather-glass {
  box-shadow: inset 0 0 22px rgba(224,186,117,.13), 0 6px 16px rgba(0,0,0,.28);
}
.lc-v2-weather-bottle[data-weather*='thunder'] .lc-v2-weather-glass {
  animation: lc-v2-thunder 7s linear infinite;
}

.lc-v2-weather-copy { display: grid; gap: 2px; }
.lc-v2-weather-copy > span { font-size: .72rem; line-height: 1.2; }
.lc-v2-weather-copy small { color: rgba(231,222,232,.54); font-size: .63rem; }

@keyframes lc-v2-rain {
  from { transform: translateY(-10px); }
  to { transform: translateY(38px); }
}
@keyframes lc-v2-snow {
  0%,100% { transform: translate(0,-5px); }
  50% { transform: translate(3px,28px); }
}
@keyframes lc-v2-thunder {
  0%,47%,49%,100% { box-shadow: inset 0 0 16px rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.28); }
  48% { box-shadow: inset 0 0 28px rgba(230,226,245,.20),0 6px 16px rgba(0,0,0,.28); }
}

/* Tasks v2 — Tasks is a workspace, not an incidental bottom sheet. */
html[data-lc-section='tasks'] #covenantAffairsModal {
  padding: 0;
  align-items: stretch !important;
}

html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet {
  width: min(100%, 1100px);
  max-width: 1100px;
  min-height: min(820px, var(--lc-v2-viewport-height));
  max-height: var(--lc-v2-viewport-height);
  margin: auto;
  border-radius: 0;
}

.lc-v2-tasks-now {
  margin: 2px 0 18px;
  padding: clamp(14px,2vw,20px) 0 16px;
  border-bottom: 1px solid rgba(238,228,211,.12);
}
.lc-v2-now-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.lc-v2-now-head > div { display: grid; gap: 2px; }
.lc-v2-now-head span {
  color: var(--lc-v2-gold);
  font-size: .62rem;
  letter-spacing: .15em;
  font-weight: 700;
}
.lc-v2-now-head strong {
  color: var(--lc-v2-ivory);
  font-family: var(--font-serif, serif);
  font-size: clamp(1.16rem,2.2vw,1.5rem);
  font-weight: 600;
}
.lc-v2-now-head small { color: var(--lc-v2-muted); font-size: .68rem; white-space: nowrap; }

.lc-v2-now-list { display: grid; gap: 8px; }
.lc-v2-now-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 12px 14px;
  border: 1px solid rgba(223,209,185,.15);
  border-radius: 14px;
  background: linear-gradient(100deg, rgba(80,44,55,.18), rgba(18,13,27,.28));
}
.lc-v2-now-card > div { display: grid; gap: 3px; min-width: 0; }
.lc-v2-now-card span { color: rgba(214,177,112,.75); font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; }
.lc-v2-now-card strong { color: var(--lc-v2-ivory); font-size: .88rem; line-height: 1.35; overflow-wrap: anywhere; }
.lc-v2-now-action {
  min-width: 92px;
  border: 1px solid rgba(214,177,112,.38);
  border-radius: 999px;
  background: rgba(214,177,112,.09);
  color: #fff5e5;
  padding: 8px 12px;
  font: 650 .72rem/1.1 var(--font-ui);
}
.lc-v2-now-empty { color: var(--lc-v2-muted); padding: 12px 2px; font-size: .76rem; }
.lc-v2-now-routine { display: flex; gap: 9px; margin-top: 10px; color: rgba(244,236,223,.76); font-size: .74rem; letter-spacing: .11em; }

/* Daddy review: one dominant decision. */
.lc-v2-task-review-overlay {
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2800;
}
.lc-v2-task-review {
  width: min(100%, 720px) !important;
  max-height: calc(var(--lc-v2-viewport-height) - max(24px,var(--lc-v2-safe-top)) - max(24px,var(--lc-v2-safe-bottom))) !important;
  padding: 18px !important;
  background: linear-gradient(180deg,#181118,#0c090e) !important;
  border-color: rgba(214,177,112,.30) !important;
}
.lc-v2-review-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.lc-v2-review-head > div { display: grid; gap: 2px; }
.lc-v2-review-head span,
.lc-v2-review-body section > span,
.lc-v2-review-note > span {
  color: rgba(214,177,112,.72);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .12em;
}
.lc-v2-review-head h2,
.lc-v2-review-requirement h3 { margin: 0; color: var(--lc-v2-ivory); font-family: var(--font-serif,serif); }
.lc-v2-review-head h2 { font-size: 1.32rem; }
.lc-v2-review-requirement h3 { font-size: 1.12rem; margin-top: 3px; }
.lc-v2-review-body { display: grid; gap: 16px; }
.lc-v2-review-body p { margin-top: 6px; color: rgba(237,229,219,.76); font-size: .79rem; line-height: 1.55; white-space: pre-wrap; }
.lc-v2-review-media-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 10px; margin-top: 8px; }
.lc-v2-review-media { margin: 0; min-width: 0; border-radius: 12px; overflow: hidden; border: 1px solid rgba(239,230,214,.10); background:#050406; }
.lc-v2-review-media img,
.lc-v2-review-media video { display:block; width:100%; max-height:320px; object-fit:contain; background:#050406; }
.lc-v2-review-audio audio { width:100%; }
.lc-v2-review-empty { color: var(--lc-v2-muted); font-size:.73rem; padding:8px 0; }
.lc-v2-review-note { display:grid; gap:7px; }
.lc-v2-review-note textarea {
  width:100%;
  min-height:92px;
  resize:vertical;
  border:1px solid rgba(239,230,214,.14);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  color:var(--lc-v2-ivory);
  padding:11px 12px;
  font:400 16px/1.45 var(--font-ui);
}
.lc-v2-review-actions {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  position:sticky;
  bottom:-18px;
  margin-inline:-18px;
  padding:12px 18px calc(12px + var(--lc-v2-safe-bottom));
  background:linear-gradient(180deg,rgba(12,9,14,.62),#0c090e 38%);
  border-top:1px solid rgba(239,230,214,.09);
}
.lc-v2-review-primary,
.lc-v2-review-secondary {
  min-height:44px;
  border-radius:999px;
  padding:9px 18px;
  font:650 .76rem/1 var(--font-ui);
}
.lc-v2-review-primary { border:1px solid rgba(214,177,112,.52); background:rgba(214,177,112,.15); color:#fff4df; min-width:110px; }
.lc-v2-review-secondary { border:1px solid rgba(239,230,214,.16); background:transparent; color:rgba(239,230,214,.78); }
.lc-v2-review-more { color:rgba(239,230,214,.48); font-size:.68rem; }
.lc-v2-review-more summary { cursor:pointer; min-height:38px; display:flex; align-items:center; width:max-content; }
.lc-v2-review-more button { border:0; background:transparent; color:#d8a3a3; padding:8px 0; }

/* Us v2: profile/radar primary; everyday preferences deliberately secondary. */
html[data-lc-section='us'] #puppySoulMapModal {
  align-items: center !important;
}
html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card {
  width: min(94vw,760px) !important;
  max-width: 760px !important;
}
html[data-lc-section='us'] #btnProfileTabInsights,
html[data-lc-section='us'] #btnProfileTabBoundaries {
  font-weight: 650;
}
html[data-lc-section='us'] #btnProfileTabSoulMap.lc-v2-life-tab {
  opacity: .56;
  border-color: transparent !important;
  background: transparent !important;
  font-size: .72rem;
}
html[data-lc-section='us'] #btnProfileTabSoulMap.lc-v2-life-tab.active {
  opacity: .86;
  color: rgba(238,226,204,.82);
}
html[data-lc-section='us'] #paneProfileInsights.lc-v2-profile-primary #profileInsightsContent {
  padding-top: 8px !important;
}
html[data-lc-section='us'] #paneProfileSoulMap.lc-v2-life-profile {
  padding-top: 8px;
}
html[data-lc-section='us'] #paneProfileSoulMap.lc-v2-life-profile::before {
  content: 'Outside the Covenant · 生活里的 Puppy';
  display:block;
  margin-bottom:12px;
  color:rgba(230,219,229,.56);
  font-size:.66rem;
  letter-spacing:.10em;
}

/* Games and Us: shared viewport safety. */
html[data-lc-section='games'] .modal-dim-backdrop,
html[data-lc-section='us'] .modal-dim-backdrop {
  max-height: var(--lc-v2-viewport-height);
}

@media (max-width: 599px) {
  .lc-v2-home-hud {
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
  }
  .lc-v2-hud-actions { gap: 2px 12px; }
  .lc-v2-hud-item { min-width: 66px; }
  .lc-v2-weather-bottle { min-width: 118px; grid-template-columns: 36px auto; }
  .lc-v2-weather-glass { width:34px; height:46px; }
  .lc-v2-now-card { grid-template-columns:1fr; align-items:start; }
  .lc-v2-now-action { justify-self:start; }
  .lc-v2-now-head { align-items:start; }
  .lc-v2-task-review-overlay { align-items:flex-end; padding:0; }
  .lc-v2-task-review { width:100% !important; max-height:var(--lc-v2-viewport-height) !important; border-radius:22px 22px 0 0 !important; padding:16px !important; }
  .lc-v2-review-actions { bottom:-16px; margin-inline:-16px; padding-inline:16px; }
  html[data-lc-section='us'] #puppySoulMapModal { align-items:flex-end !important; padding:0; }
  html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { width:100% !important; max-width:none !important; max-height:var(--lc-v2-viewport-height) !important; border-radius:22px 22px 0 0 !important; }
}

@media (max-height: 520px) {
  .lc-v2-home-hud { margin-top:4px; padding-top:5px; }
  .lc-v2-weather-bottle { display:none; }
  .lc-v2-tasks-now { padding-top:6px; margin-bottom:8px; }
  .lc-v2-review-head { margin-bottom:7px; }
}

@media (min-width: 900px) {
  html[data-lc-section='tasks'] #covenantAffairsModal {
    align-items: center !important;
    padding: clamp(16px, 3vw, 36px);
  }
  html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet {
    min-height: min(820px, calc(var(--lc-v2-viewport-height) - 48px));
    max-height: calc(var(--lc-v2-viewport-height) - 48px);
    border-radius: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .experience-home-panel,
  .scene-entry-banner,
  .presence-chamber-row,
  .lc-v2-covenant-whisper,
  .experience-home-projection::before,
  .experience-home-projection::after,
  .lc-v2-weather-glass,
  .lc-v2-weather-glass span {
    animation: none !important;
    transition-duration: 1ms !important;
  }
}


/* UX v2 runtime hardening — final cascade ownership */
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.lc-v2-legacy-secondary { display: none !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { order: 0 !important; }
html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { order: 1 !important; }
html[data-lc-section='us'] #puppySoulMapModal[data-lc-v2-default-profile='insights'][data-lc-v2-manual-profile-tab='0'] #paneProfileInsights { display: block !important; visibility: visible !important; opacity: 1 !important; }
html[data-lc-section='us'] #puppySoulMapModal[data-lc-v2-default-profile='insights'][data-lc-v2-manual-profile-tab='0'] #paneProfileBoundaries { display: none !important; }
html[data-lc-section='us'] #puppySoulMapModal:has(#btnProfileTabInsights.active) #paneProfileInsights { display: block !important; }
html[data-lc-section='us'] #puppySoulMapModal:has(#btnProfileTabInsights.active) #paneProfileBoundaries { display: none !important; }
html[data-lc-section='us'] #puppySoulMapModal:has(#btnProfileTabBoundaries.active) #paneProfileInsights { display: none !important; }
html[data-lc-section='us'] #puppySoulMapModal:has(#btnProfileTabBoundaries.active) #paneProfileBoundaries { display: block !important; }


/* UX v2 Home visual alignment — 2026-09-15 concept handoff */
html[data-lc-section='home'] .environment-art-backdrop[data-space-art='home'], html[data-lc-section='home'] .environment-art-backdrop:not([data-space-art]) { filter: brightness(1.16) saturate(.86) sepia(.09) contrast(.98); }
html[data-lc-section='home'] #experienceHomeProjection { width: min(calc(100% - 24px), 1120px) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 12px 14px !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-kicker { color: rgba(221,181,119,.72) !important; letter-spacing: .18em !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-title { color: #f3e8d9 !important; font-size: clamp(1.28rem,2.2vw,1.82rem) !important; }
html[data-lc-section='home'] #experienceHomeProjection .lc-home-subtitle { color: rgba(239,229,215,.58) !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.routine, html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.partner, html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.tonight { display: none !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { min-height: clamp(220px,31vh,330px) !important; padding: clamp(18px,2.6vw,30px) !important; border: 1px solid rgba(218,177,113,.28) !important; border-radius: 18px !important; background: linear-gradient(145deg,rgba(48,29,24,.78),rgba(19,14,16,.72)) !important; box-shadow: 0 24px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,244,225,.04) !important; backdrop-filter: blur(14px) saturate(108%); }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary .experience-home-primary-action { border-color: rgba(218,177,113,.34) !important; background: linear-gradient(180deg,rgba(123,52,44,.62),rgba(78,31,30,.62)) !important; color: #fff3df !important; }
html[data-lc-section='home'] .presence-chamber-row { border-color: rgba(218,177,113,.20) !important; background: rgba(24,16,16,.44) !important; box-shadow: 0 10px 28px rgba(0,0,0,.20) !important; }
html[data-lc-section='home'] .lc-v2-home-hud { border-top: 0 !important; padding: 0 !important; margin-top: 0 !important; align-self: stretch; }
html[data-lc-section='home'] .lc-v2-weather-bottle { order: -1; min-width: 0; grid-template-columns: 68px minmax(0,1fr); gap: 12px; align-items: center; padding: 10px 4px 14px; border-bottom: 1px solid rgba(233,216,191,.12); }
html[data-lc-section='home'] .lc-v2-weather-glass { width: 62px; height: 82px; border-radius: 22px 22px 16px 16px; border-color: rgba(244,226,196,.44); background: linear-gradient(180deg,rgba(247,235,216,.14),rgba(128,93,73,.10) 58%,rgba(31,20,20,.28)); box-shadow: inset 0 0 24px rgba(255,243,218,.08),0 12px 24px rgba(0,0,0,.28),0 0 26px rgba(213,169,104,.05); }
html[data-lc-section='home'] .lc-v2-weather-glass::after { left: 6px; right: 6px; height: 8px; background: linear-gradient(90deg,#211311,#9a6840,#211311); }
html[data-lc-section='home'] .lc-v2-weather-glass span:nth-child(1) { left: 16px; } html[data-lc-section='home'] .lc-v2-weather-glass span:nth-child(2) { left: 30px; } html[data-lc-section='home'] .lc-v2-weather-glass span:nth-child(3) { left: 45px; }
html[data-lc-section='home'] .lc-v2-weather-copy > span { color: #f2e6d4; font-size: .78rem; } html[data-lc-section='home'] .lc-v2-weather-copy small { color: rgba(235,220,200,.58); font-size: .68rem; }
html[data-lc-section='home'] .lc-v2-hud-actions { display: grid; grid-template-columns: 1fr; gap: 8px; align-content: start; }
html[data-lc-section='home'] .lc-v2-hud-item { width: 100%; min-height: 52px; padding: 9px 12px; border: 1px solid rgba(225,207,180,.12); border-radius: 13px; background: linear-gradient(180deg,rgba(39,27,25,.48),rgba(22,17,19,.38)); backdrop-filter: blur(10px); }
html[data-lc-section='home'] .lc-v2-hud-item:not(.is-static):hover, html[data-lc-section='home'] .lc-v2-hud-item:not(.is-static):focus-visible { border-color: rgba(218,177,113,.30); background: linear-gradient(180deg,rgba(73,42,34,.60),rgba(29,20,20,.48)); }
html[data-lc-section='home'] .lc-v2-hud-label { color: rgba(222,193,153,.62); } html[data-lc-section='home'] .lc-v2-hud-value, html[data-lc-section='home'] .lc-v2-routine-dots { color: rgba(248,239,225,.92); }
@media (min-width:900px) { html[data-lc-section='home'] #experienceHomeProjection { width: auto !important; max-width: 1120px !important; margin-left: clamp(176px,14vw,220px) !important; margin-right: clamp(24px,4vw,64px) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(220px,260px) !important; gap: clamp(20px,2.4vw,34px) !important; align-items: start !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-home-column { display: contents !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { grid-column: 1; grid-row: 1; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { grid-column: 2; grid-row: 1; display: flex !important; flex-direction: column; gap: 14px; } html[data-lc-section='home'] .chamber-dock-floating { left: 18px !important; right: auto !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%); width: 148px !important; max-width: 148px !important; grid-template-columns: 1fr !important; gap: 5px !important; padding: 8px !important; border-color: rgba(218,177,113,.18) !important; background: rgba(20,13,14,.72) !important; } html[data-lc-section='home'] .chamber-dock-floating .dock-tool-btn { min-height: 54px; grid-template-columns: 28px 1fr; justify-content: start; text-align: left; padding: 8px 10px; } html[data-lc-section='home'] .compact-permanent-protego { left: auto !important; right: 22px !important; bottom: 22px !important; border-color: rgba(194,82,70,.56) !important; background: rgba(91,31,29,.78) !important; } }
@media (max-width:899px) { html[data-lc-section='home'] #experienceHomeProjection { background: linear-gradient(180deg,rgba(18,12,18,.40),rgba(12,9,14,.58)) !important; border-radius: 20px; padding: 14px 12px 16px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { display: grid !important; grid-template-columns: 1fr !important; gap: 10px; margin-top: 10px !important; } html[data-lc-section='home'] .lc-v2-weather-bottle { grid-template-columns: 52px minmax(0,1fr); padding: 8px 4px 10px; } html[data-lc-section='home'] .lc-v2-weather-glass { width: 48px; height: 64px; } html[data-lc-section='home'] .lc-v2-hud-actions { grid-template-columns: repeat(2,minmax(0,1fr)); } html[data-lc-section='home'] .lc-v2-hud-item { min-width: 0; min-height: 48px; } }


/* UX v2 Home visual refinement — room over dashboard */
html[data-lc-section='home'] .environment-art-backdrop[data-space-art='home'], html[data-lc-section='home'] .environment-art-backdrop:not([data-space-art]) { filter: brightness(1.22) saturate(.76) sepia(.16) contrast(.96) !important; }
html[data-lc-section='home'] .environment-art-backdrop[data-space-art='home']::after { background: linear-gradient(180deg,rgba(12,7,9,.08) 0%,rgba(10,7,11,.16) 52%,rgba(4,3,7,.34) 100%) !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid, html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged, html[data-lc-section='home'] #experienceHomeProjection .lc-home-column { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; }
html[data-lc-section='home'] .lc-v2-weather-glass { background: radial-gradient(circle at 54% 28%,rgba(232,199,144,.22) 0 9%,transparent 10%),radial-gradient(ellipse at 50% 53%,rgba(213,211,205,.13),transparent 48%),linear-gradient(180deg,rgba(247,235,216,.14),rgba(128,93,73,.10) 58%,rgba(31,20,20,.28)) !important; }
html[data-lc-section='home'] .compact-permanent-protego { min-width: 116px !important; min-height: 46px !important; padding: 10px 16px !important; font-weight: 650 !important; letter-spacing: .04em; }
@media (min-width:900px) { html[data-lc-section='home'] #experienceHomeProjection { max-width: 1180px !important; margin-top: clamp(8px,1.5vh,18px) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { grid-template-columns: minmax(460px,1fr) minmax(230px,270px) !important; gap: clamp(24px,3vw,44px) !important; align-items: center !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { width: min(100%,580px) !important; min-height: clamp(260px,34vh,360px) !important; justify-self: center !important; align-self: center !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { width: 100% !important; max-width: 270px !important; justify-self: end !important; align-self: center !important; } html[data-lc-section='home'] .presence-chamber-row { max-width: 820px !important; margin-inline: auto !important; } }
@media (max-width:899px) { html[data-lc-section='home'] #experienceHomeProjection { background: linear-gradient(180deg,rgba(20,12,15,.28),rgba(12,8,12,.46)) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { min-height: clamp(218px,34vh,300px) !important; } }


/* UX v2 Auth viewport resilience — software keyboard */
#authOverlay .form-input, #authOverlay input, #authOverlay select, #authOverlay textarea { font-size: 16px; }
html[data-lc-keyboard='open'] #authOverlay { height: var(--lc-v2-viewport-height) !important; max-height: var(--lc-v2-viewport-height) !important; min-height: 0 !important; align-items: flex-start !important; justify-content: center !important; padding-top: max(4px,var(--lc-v2-safe-top)) !important; padding-bottom: max(6px,var(--lc-v2-safe-bottom)) !important; overflow-y: auto !important; }
html[data-lc-keyboard='open'] #authOverlay > .modal-vellum-card { width: min(100%,440px) !important; max-height: calc(var(--lc-v2-viewport-height) - max(10px,var(--lc-v2-safe-top)) - max(12px,var(--lc-v2-safe-bottom))) !important; margin: 0 auto !important; overflow-y: auto !important; overscroll-behavior: contain !important; scroll-padding-top: 12px !important; scroll-padding-bottom: max(96px,calc(72px + var(--lc-v2-safe-bottom))) !important; }
html[data-lc-keyboard='open'] #authOverlay .scene-entry-banner { display: none !important; }
html[data-lc-keyboard='open'] #authOverlay .modal-title { margin-bottom: 6px !important; }
html[data-lc-keyboard='open'] #authOverlay .modal-title + p { display: none !important; }
html[data-lc-keyboard='open'] #authOverlay .form-group { margin-bottom: 8px !important; }
@media (max-width:599px), (max-height:700px) { #authOverlay > .modal-vellum-card { padding: 14px 14px 16px !important; } #authOverlay .form-group { margin-bottom: 10px !important; } }
@media (max-height:460px) { #authOverlay > .modal-vellum-card { padding: 10px 12px 12px !important; border-radius: 14px !important; } #authOverlay .modal-title { font-size: 1rem !important; } #authOverlay .form-label { margin-bottom: 3px !important; } #authOverlay .form-group { margin-bottom: 6px !important; } }


/* UX v2 visual reform bridge — 2026-09-16 */
:root { --lc-v2-surface: rgba(25,16,18,.82); --lc-v2-surface-soft: rgba(27,18,20,.48); --lc-v2-border: rgba(232,213,184,.16); --lc-v2-gold: rgba(211,170,105,.94); --lc-v2-ivory: #f4eadc; --lc-v2-muted: rgba(232,219,213,.62); }
html[data-lc-ux='v2'] body { background:#070405 !important; color:#f4eadc; }
html[data-lc-ux='v2'] .environment-readability-scrim { background: radial-gradient(ellipse at 52% 42%,rgba(33,19,18,.08) 0%,rgba(10,7,9,.22) 58%,rgba(4,3,5,.48) 100%) !important; }
#authOverlay, #authAccountModal, #whisperModal, #communicationInboxModal, #tonightPlaylistModal { background:rgba(5,3,4,.62) !important; backdrop-filter:blur(8px) saturate(92%) !important; }
#authOverlay > .modal-vellum-card, #authAccountModal > .modal-vellum-card, #communicationInboxModal > .modal-vellum-card, #tonightPlaylistModal > .modal-vellum-card { background:linear-gradient(155deg,rgba(43,26,23,.96),rgba(15,10,13,.98)) !important; border-color:rgba(211,170,105,.32) !important; box-shadow:0 26px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,242,220,.04) !important; }
#authOverlay .modal-title, #authAccountModal .modal-title, #communicationInboxModal .modal-title, #tonightPlaylistModal .modal-title { color:#f5eadb !important; }
#authOverlay .form-input, #authAccountModal .form-input { background:rgba(255,248,236,.055) !important; border-color:rgba(225,203,171,.22) !important; color:#fff5e7 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
#authOverlay .form-input:focus, #authAccountModal .form-input:focus { border-color:rgba(211,170,105,.56) !important; box-shadow:0 0 0 3px rgba(168,111,65,.12) !important; outline:none !important; }
html[data-lc-ux='v2'] .chamber-dock-floating { border-color:rgba(223,198,160,.18) !important; background:linear-gradient(180deg,rgba(27,17,18,.84),rgba(12,8,11,.88)) !important; box-shadow:0 18px 46px rgba(0,0,0,.34) !important; backdrop-filter:blur(14px) saturate(95%) !important; }
html[data-lc-ux='v2'] .chamber-dock-floating .dock-tool-btn { color:rgba(241,230,215,.72) !important; border-color:transparent !important; background:transparent !important; }
html[data-lc-ux='v2'] .chamber-dock-floating .dock-tool-btn.is-active, html[data-lc-ux='v2'] .chamber-dock-floating .dock-tool-btn[aria-current='page'] { color:#fff4e3 !important; background:linear-gradient(90deg,rgba(119,50,43,.56),rgba(62,31,29,.30)) !important; border-color:rgba(211,170,105,.22) !important; }
html[data-lc-ux='v2'] .compact-permanent-protego { border-color:rgba(190,73,66,.62) !important; background:linear-gradient(180deg,rgba(103,34,31,.90),rgba(72,24,25,.92)) !important; color:#ffe7df !important; box-shadow:0 12px 34px rgba(82,18,18,.28) !important; }
html[data-lc-section='home'] .environment-readability-scrim { background:linear-gradient(90deg,rgba(8,5,7,.18) 0%,rgba(7,5,7,.08) 48%,rgba(7,5,7,.20) 100%),linear-gradient(180deg,rgba(11,7,8,.04),rgba(5,4,6,.24) 72%,rgba(4,3,5,.42)) !important; }
html[data-lc-section='home'] #experienceHomeProjection { color:#f5eadc !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { border-color:rgba(218,177,113,.30) !important; background:linear-gradient(145deg,rgba(52,31,27,.62),rgba(18,12,15,.72)) !important; box-shadow:0 24px 64px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,241,218,.04) !important; backdrop-filter:blur(12px) saturate(102%) !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-primary-action { min-height:48px !important; border-color:rgba(219,169,104,.42) !important; background:linear-gradient(180deg,rgba(132,58,48,.80),rgba(87,35,33,.84)) !important; color:#fff2df !important; box-shadow:0 10px 24px rgba(63,22,20,.18) !important; }
html[data-lc-section='home'] .presence-chamber-row { border-color:rgba(221,190,145,.18) !important; background:rgba(22,14,16,.40) !important; backdrop-filter:blur(10px) !important; }
html[data-lc-section='home'] .lc-v2-home-hud { color:#f3e7d7 !important; }
html[data-lc-section='home'] .lc-v2-hud-item { border-color:rgba(223,202,173,.12) !important; background:linear-gradient(180deg,rgba(39,25,23,.52),rgba(18,13,16,.46)) !important; }
html[data-lc-section='home'] .lc-v2-hud-item:not(.is-static):hover, html[data-lc-section='home'] .lc-v2-hud-item:not(.is-static):focus-visible { border-color:rgba(218,177,113,.34) !important; background:linear-gradient(180deg,rgba(70,39,32,.64),rgba(26,17,18,.54)) !important; }
html[data-lc-section='home'] .lc-v2-weather-bottle { color:#f5eadb !important; }
html[data-lc-section='home'] .lc-v2-weather-glass { border-color:rgba(241,219,184,.48) !important; box-shadow:inset 0 0 24px rgba(255,244,224,.08),0 14px 28px rgba(0,0,0,.28),0 0 30px rgba(204,151,84,.07) !important; }
html[data-lc-section='tasks'] #covenantAffairsModal { background:rgba(5,3,4,.58) !important; backdrop-filter:blur(9px) saturate(90%) !important; }
html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { background:linear-gradient(155deg,rgba(37,23,21,.97),rgba(12,9,12,.985)) !important; border:1px solid rgba(215,181,131,.24) !important; box-shadow:0 30px 82px rgba(0,0,0,.50) !important; color:#f4eadc !important; }
html[data-lc-section='tasks'] .lc-v2-tasks-now { border-bottom-color:rgba(227,207,178,.12) !important; }
html[data-lc-section='tasks'] .lc-v2-now-card { border-color:rgba(220,190,148,.16) !important; background:linear-gradient(100deg,rgba(87,43,43,.24),rgba(26,18,20,.38)) !important; }
html[data-lc-section='tasks'] .lc-v2-now-action { border-color:rgba(214,177,112,.44) !important; background:rgba(122,70,48,.16) !important; color:#fff1dd !important; }
html[data-lc-section='tasks'] .lc-v2-task-review { background:linear-gradient(160deg,rgba(37,23,21,.985),rgba(12,9,12,.995)) !important; border-color:rgba(214,177,112,.32) !important; }
html[data-lc-section='tasks'] .lc-v2-review-primary { background:linear-gradient(180deg,rgba(132,58,48,.80),rgba(86,35,33,.84)) !important; border-color:rgba(219,169,104,.46) !important; }
#phase2GamesHubOverlay { background:rgba(5,3,5,.66) !important; backdrop-filter:blur(10px) saturate(88%) !important; }
#phase2GamesHubOverlay .p2-games-hub { width:min(100%,860px) !important; border-color:rgba(217,180,125,.26) !important; background:linear-gradient(155deg,rgba(38,23,21,.985),rgba(12,9,13,.995)) !important; box-shadow:0 30px 84px rgba(0,0,0,.54) !important; color:#f5eadc !important; }
#phase2GamesHubOverlay .p2-games-copy, #phase2GamesHubOverlay .p2-game-subtitle { color:rgba(236,224,215,.66) !important; }
#phase2GamesHubOverlay .p2-games-context { border-color:rgba(224,200,163,.14) !important; background:rgba(255,246,230,.025) !important; }
#phase2GamesHubOverlay .p2-games-context-btn { border-color:rgba(226,205,173,.16) !important; background:rgba(255,247,232,.035) !important; color:rgba(243,233,219,.76) !important; }
#phase2GamesHubOverlay .p2-games-context-btn[aria-pressed='true'] { border-color:rgba(214,177,112,.48) !important; background:rgba(119,61,44,.28) !important; color:#fff3df !important; }
#phase2GamesHubOverlay .p2-game-card { border-color:rgba(219,190,149,.16) !important; background:linear-gradient(150deg,rgba(44,29,27,.76),rgba(20,15,18,.72)) !important; box-shadow:none !important; }
#phase2GamesHubOverlay .p2-games-grid.is-featured .p2-game-card { border-color:rgba(218,177,113,.34) !important; background:linear-gradient(145deg,rgba(102,48,43,.46),rgba(33,20,21,.70)) !important; }
#phase2GamesHubOverlay .p2-scene-resume { border-color:rgba(214,177,112,.30) !important; background:linear-gradient(145deg,rgba(72,43,33,.38),rgba(24,17,19,.62)) !important; }
#phase2GamesHubOverlay .p2-game-code, #phase2GamesHubOverlay .p2-games-kicker, #phase2GamesHubOverlay .p2-games-section-title { color:rgba(215,177,112,.84) !important; }
html[data-lc-section='us'] #puppySoulMapModal { background:rgba(5,3,4,.58) !important; backdrop-filter:blur(9px) saturate(90%) !important; }
html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { background:linear-gradient(155deg,rgba(40,24,22,.97),rgba(13,9,12,.99)) !important; border-color:rgba(215,181,131,.26) !important; box-shadow:0 30px 82px rgba(0,0,0,.48) !important; color:#f4eadc !important; }
html[data-lc-section='us'] #puppySoulMapModal .cov-tab-btn { border-color:rgba(222,199,165,.14) !important; background:rgba(255,247,234,.025) !important; color:rgba(239,228,216,.66) !important; }
html[data-lc-section='us'] #puppySoulMapModal .cov-tab-btn.active { border-color:rgba(214,177,112,.42) !important; background:rgba(115,57,43,.28) !important; color:#fff1dc !important; }
html[data-lc-section='us'] #paneProfileInsights .our-state-card-section, html[data-lc-section='us'] #paneProfileSoulMap .soul-map-section { border-color:rgba(218,190,149,.14) !important; background:linear-gradient(145deg,rgba(49,31,28,.46),rgba(22,15,18,.42)) !important; }
html[data-lc-section='us'] [data-profile-radar='true'] text { fill:rgba(239,224,202,.78) !important; }
@media (min-width:900px) { html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { align-items:center !important; } html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { border-radius:22px !important; } #phase2GamesHubOverlay { align-items:center !important; } }
@media (max-width:599px) { html[data-lc-section='home'] #experienceHomeProjection { background:linear-gradient(180deg,rgba(24,14,17,.30),rgba(11,8,11,.50)) !important; } html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet, html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { border-left:0 !important; border-right:0 !important; } #phase2GamesHubOverlay .p2-games-hub { border-radius:22px 22px 14px 14px !important; } }


/* UX v2 surface refinement — Tasks / Games Hub / Us */
html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { width:min(100%,1080px) !important; max-width:1080px !important; padding:clamp(16px,2.4vw,28px) !important; box-sizing:border-box !important; overflow-x:hidden !important; }
html[data-lc-section='tasks'] .lc-v2-tasks-now { max-width:920px !important; margin-inline:auto !important; padding-top:clamp(8px,1.8vw,18px) !important; }
html[data-lc-section='tasks'] .lc-v2-now-list { grid-template-columns:1fr !important; gap:10px !important; }
html[data-lc-section='tasks'] .lc-v2-now-card { border-radius:14px !important; border-left:2px solid rgba(205,156,94,.34) !important; box-shadow:none !important; }
html[data-lc-section='tasks'] .lc-v2-now-action { min-height:44px !important; white-space:nowrap !important; }
html[data-lc-section='tasks'] .lc-v2-task-review { width:min(100%,720px) !important; }
#phase2GamesHubOverlay .p2-games-hub { width:min(100%,880px) !important; padding:clamp(18px,2.5vw,28px) !important; overflow-x:hidden !important; }
#phase2GamesHubOverlay .p2-games-head { align-items:flex-start !important; }
#phase2GamesHubOverlay .p2-games-title { font-family:var(--lc-font-narrative,'Noto Serif SC',serif) !important; font-size:clamp(1.32rem,2.1vw,1.72rem) !important; font-weight:600 !important; }
#phase2GamesHubOverlay .p2-games-copy { max-width:36rem !important; }
#phase2GamesHubOverlay .p2-games-context { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; padding:10px 0 12px !important; border-width:0 0 1px !important; border-radius:0 !important; background:transparent !important; }
#phase2GamesHubOverlay .p2-games-context-row { margin-top:0 !important; flex-wrap:nowrap !important; }
#phase2GamesHubOverlay .p2-games-section { margin-top:clamp(18px,2.3vw,26px) !important; }
#phase2GamesHubOverlay .p2-games-grid.is-featured .p2-game-card { min-height:118px !important; padding:16px 18px !important; }
#phase2GamesHubOverlay .p2-game-card { box-shadow:none !important; }
#phase2GamesHubOverlay .p2-games-browse { margin-top:12px !important; border-top-color:rgba(232,213,184,.10) !important; }
#phase2GamesHubOverlay .p2-games-browse > summary { color:rgba(239,228,216,.62) !important; }
#phase2GamesHubOverlay .p2-games-grid:not(.is-featured) { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { width:min(96vw,880px) !important; max-width:880px !important; padding:clamp(18px,2.4vw,28px) !important; box-sizing:border-box !important; }
html[data-lc-section='us'] #paneProfileInsights.lc-v2-profile-primary { max-width:760px !important; margin-inline:auto !important; }
html[data-lc-section='us'] #paneProfileInsights .our-state-card-section { border-radius:16px !important; border-left:2px solid rgba(205,156,94,.28) !important; box-shadow:none !important; }
html[data-lc-section='us'] [data-profile-radar='true'] { width:min(100%,360px) !important; max-width:360px !important; margin-inline:auto !important; }
html[data-lc-section='us'] #paneProfileSoulMap.lc-v2-life-profile { max-width:720px !important; margin-inline:auto !important; opacity:.90 !important; }
html[data-lc-section='us'] #btnProfileTabSoulMap.lc-v2-life-tab { opacity:.54 !important; }
@media (min-width:600px) and (max-width:899px) { html[data-lc-section='tasks'] #covenantAffairsModal { padding:max(10px,var(--lc-v2-safe-top)) max(12px,var(--lc-v2-safe-right)) max(12px,var(--lc-v2-safe-bottom)) max(12px,var(--lc-v2-safe-left)) !important; } html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { min-height:calc(var(--lc-v2-viewport-height) - 20px) !important; border-radius:20px !important; } #phase2GamesHubOverlay .p2-games-hub { max-height:calc(var(--lc-v2-viewport-height) - 20px) !important; } html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { max-height:calc(var(--lc-v2-viewport-height) - 20px) !important; } }
@media (max-width:599px) { html[data-lc-section='tasks'] #covenantAffairsModal { padding:0 !important; } html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { width:100% !important; min-height:var(--lc-v2-viewport-height) !important; max-height:var(--lc-v2-viewport-height) !important; border-radius:0 !important; padding:14px max(14px,var(--lc-v2-safe-right)) calc(78px + var(--lc-v2-safe-bottom)) max(14px,var(--lc-v2-safe-left)) !important; } html[data-lc-section='tasks'] .lc-v2-now-card { grid-template-columns:1fr !important; gap:9px !important; padding:12px !important; } html[data-lc-section='tasks'] .lc-v2-now-action { width:100% !important; justify-self:stretch !important; } html[data-lc-section='tasks'] .lc-v2-review-actions { flex-wrap:wrap !important; } html[data-lc-section='tasks'] .lc-v2-review-primary { flex:1 1 160px !important; } #phase2GamesHubOverlay { padding:0 !important; } #phase2GamesHubOverlay .p2-games-hub { width:100% !important; max-height:var(--lc-v2-viewport-height) !important; border-radius:22px 22px 0 0 !important; padding:16px max(14px,var(--lc-v2-safe-right)) calc(18px + var(--lc-v2-safe-bottom)) max(14px,var(--lc-v2-safe-left)) !important; } #phase2GamesHubOverlay .p2-games-context { align-items:flex-start !important; flex-direction:column !important; gap:8px !important; } #phase2GamesHubOverlay .p2-games-context-row { width:100% !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #phase2GamesHubOverlay .p2-games-context-btn { width:100% !important; } #phase2GamesHubOverlay .p2-games-grid:not(.is-featured) { grid-template-columns:1fr !important; } #phase2GamesHubOverlay .p2-game-card { min-height:102px !important; } html[data-lc-section='us'] #puppySoulMapModal { padding:0 !important; align-items:flex-end !important; } html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { width:100% !important; max-width:none !important; max-height:var(--lc-v2-viewport-height) !important; border-radius:22px 22px 0 0 !important; padding:16px max(14px,var(--lc-v2-safe-right)) calc(22px + var(--lc-v2-safe-bottom)) max(14px,var(--lc-v2-safe-left)) !important; } html[data-lc-section='us'] [data-profile-radar='true'] { width:min(100%,320px) !important; } }
@media (min-width:1180px) { html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet { min-height:min(820px,calc(var(--lc-v2-viewport-height) - 48px)) !important; border-radius:24px !important; } #phase2GamesHubOverlay .p2-games-hub { max-width:880px !important; max-height:min(860px,calc(var(--lc-v2-viewport-height) - 48px)) !important; } html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { max-width:880px !important; max-height:min(880px,calc(var(--lc-v2-viewport-height) - 48px)) !important; } }
@media (max-height:560px) { html[data-lc-section='tasks'] #covenantAffairsModal > .cov-affairs-sheet, #phase2GamesHubOverlay .p2-games-hub, html[data-lc-section='us'] #puppySoulMapModal > .modal-vellum-card { max-height:var(--lc-v2-viewport-height) !important; min-height:0 !important; border-radius:12px !important; } #phase2GamesHubOverlay .p2-games-copy { display:none !important; } #phase2GamesHubOverlay .p2-games-section { margin-top:12px !important; } }


/* UX v2 Home hierarchy fix — concept-led room composition */
html[data-lc-section='home'] #experienceHomeProjection { background: transparent !important; box-shadow: none !important; border: 0 !important; }
html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid, html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; }
html[data-lc-section='home'] .lc-v2-weather-glass::before { content: ''; position: absolute; inset: 12px 9px 16px; border-radius: 50%; background: radial-gradient(circle at 58% 30%, rgba(244,218,168,.50) 0 10%, transparent 11%), radial-gradient(ellipse at 46% 58%, rgba(214,216,221,.30) 0 28%, rgba(151,157,170,.13) 45%, transparent 63%); filter: blur(.2px); opacity: .86; }
html[data-lc-section='home'] .lc-v2-weather-glass { border-radius: 50% 50% 44% 44% !important; }
@media (min-width:900px) { html[data-lc-section='home'] .chamber-core-wrapper { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } html[data-lc-section='home'] #experienceHomeProjection { width: min(calc(100% - 168px),1040px) !important; max-width: 1040px !important; margin-left: 168px !important; margin-right: auto !important; padding: 8px 0 18px !important; box-sizing: border-box !important; } html[data-lc-section='home'] #experienceHomeProjection::before { left: 0 !important; } html[data-lc-section='home'] #experienceHomeProjection::after { right: 0 !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; align-items: start !important; max-width: 100% !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { grid-column: 1 !important; grid-row: 1 !important; width: min(100%,620px) !important; max-width: 100% !important; min-height: clamp(230px,31vh,330px) !important; justify-self: center !important; align-self: start !important; box-sizing: border-box !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { grid-column: 1 !important; grid-row: 2 !important; width: min(100%,860px) !important; max-width: 100% !important; justify-self: center !important; align-self: start !important; display: grid !important; grid-template-columns: minmax(150px,190px) minmax(0,1fr) !important; gap: 18px !important; align-items: center !important; margin-top: 0 !important; padding: 10px 0 0 !important; border-top: 1px solid rgba(233,216,191,.12) !important; box-sizing: border-box !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-weather-bottle { grid-column: 1 !important; grid-row: 1 !important; order: 0 !important; min-width: 0 !important; border-bottom: 0 !important; padding: 4px 0 !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-actions { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 8px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-item { min-width: 0 !important; min-height: 52px !important; box-sizing: border-box !important; } }
@media (min-width:900px) and (max-width:1179px) { html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { width: min(100%,760px) !important; grid-template-columns: minmax(128px,150px) minmax(0,1fr) !important; gap: 12px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-actions { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (min-width:1180px) { html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { grid-template-columns: minmax(0,1fr) minmax(230px,260px) !important; gap: clamp(22px,2.3vw,34px) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { grid-column: 1 !important; grid-row: 1 !important; width: min(100%,560px) !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; padding: 0 !important; border-top: 0 !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-weather-bottle { order: -1 !important; padding: 4px 2px 14px !important; border-bottom: 1px solid rgba(233,216,191,.12) !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; width: 100% !important; } }
@media (max-width:899px) { html[data-lc-section='home'] #experienceHomeProjection .lc-v2-weather-glass::before { inset: 9px 7px 13px; } }


/* Home environment v1 composition tuning — approved six-plate baseline */
html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { background:linear-gradient(145deg,rgba(21,15,17,.78),rgba(15,11,14,.60)) !important; border:1px solid rgba(228,205,169,.25) !important; box-shadow:0 22px 64px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035) !important; backdrop-filter:blur(10px) saturate(.9) !important; -webkit-backdrop-filter:blur(10px) saturate(.9) !important; }
html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { color:rgba(247,239,226,.88) !important; }
html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-item { background:rgba(16,12,14,.42) !important; border-color:rgba(229,210,178,.16) !important; box-shadow:none !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; }
html[data-lc-section='home'][data-lc-home-role='daddy'] #experienceHomeProjection .experience-home-panel.primary { background:linear-gradient(145deg,rgba(22,17,14,.76),rgba(13,11,10,.58)) !important; border-color:rgba(224,194,142,.28) !important; }
html[data-lc-section='home'][data-lc-home-role='elowyn'] #experienceHomeProjection .experience-home-panel.primary { background:linear-gradient(145deg,rgba(35,17,24,.74),rgba(18,12,17,.58)) !important; border-color:rgba(218,170,177,.25) !important; }
html[data-lc-section='home'][data-lc-home-daypart='day'] #experienceHomeProjection .experience-home-panel.primary { backdrop-filter:blur(8px) saturate(.86) !important; -webkit-backdrop-filter:blur(8px) saturate(.86) !important; }
html[data-lc-section='home'][data-lc-home-daypart='night'] #experienceHomeProjection .experience-home-panel.primary { box-shadow:0 24px 72px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035) !important; }
@media (min-width:1180px) { html[data-lc-section='home'] #experienceHomeProjection { width:min(calc(100% - 150px),1110px) !important; max-width:1110px !important; margin-left:150px !important; padding-top:clamp(20px,5vh,58px) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-grid.lc-wide-arranged { grid-template-columns:minmax(500px,620px) minmax(205px,240px) !important; justify-content:center !important; gap:clamp(28px,3.4vw,52px) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { width:min(100%,600px) !important; min-height:clamp(235px,33vh,350px) !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { max-width:240px !important; justify-self:end !important; opacity:.92 !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-item { min-height:46px !important; padding:8px 10px !important; } }
@media (max-width:899px) { html[data-lc-section='home'] #experienceHomeProjection { padding-left:max(14px,env(safe-area-inset-left)) !important; padding-right:max(14px,env(safe-area-inset-right)) !important; padding-bottom:calc(84px + env(safe-area-inset-bottom)) !important; } html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { width:100% !important; min-height:auto !important; margin-top:clamp(64px,12vh,112px) !important; background:linear-gradient(180deg,rgba(20,14,17,.66),rgba(15,11,14,.76)) !important; backdrop-filter:blur(9px) saturate(.88) !important; -webkit-backdrop-filter:blur(9px) saturate(.88) !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { width:100% !important; display:grid !important; grid-template-columns:minmax(112px,138px) minmax(0,1fr) !important; gap:10px !important; align-items:start !important; border-top:1px solid rgba(233,216,191,.12) !important; padding-top:10px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-weather-bottle { grid-column:1 !important; padding:0 !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-actions { grid-column:2 !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-item { min-height:44px !important; padding:7px 8px !important; background:rgba(14,10,13,.50) !important; } }
@media (max-width:420px) { html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { margin-top:clamp(48px,9vh,78px) !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { grid-template-columns:104px minmax(0,1fr) !important; gap:8px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-hud-actions { grid-template-columns:1fr !important; } }
@media (max-height:640px) and (max-width:899px) { html[data-lc-section='home'] #experienceHomeProjection .experience-home-panel.primary { margin-top:28px !important; } html[data-lc-section='home'] #experienceHomeProjection .lc-v2-home-hud { grid-template-columns:92px minmax(0,1fr) !important; } }


/* Home environment v1 — role/weather background plates */
html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-environment] { transition:background-image .46s ease,background-position .32s ease; }
html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-environment]::after { background:linear-gradient(90deg,rgba(5,3,4,.42) 0%,rgba(5,3,4,.14) 24%,rgba(5,3,4,.06) 55%,rgba(5,3,4,.16) 78%,rgba(5,3,4,.28) 100%),linear-gradient(180deg,rgba(4,3,4,.02),rgba(4,3,4,.16) 72%,rgba(4,3,4,.30)) !important; }
html[data-lc-section='home'][data-lc-home-daypart='night'] .environment-readability-scrim { background:linear-gradient(90deg,rgba(7,4,6,.24),rgba(7,4,6,.07) 48%,rgba(7,4,6,.18)),linear-gradient(180deg,rgba(5,4,6,.04),rgba(4,3,5,.24) 78%,rgba(4,3,5,.40)) !important; }
html[data-lc-section='home'][data-lc-home-daypart='day'] .environment-readability-scrim { background:linear-gradient(90deg,rgba(7,4,6,.22),rgba(7,4,6,.05) 48%,rgba(7,4,6,.14)),linear-gradient(180deg,rgba(5,4,6,0),rgba(4,3,5,.15) 78%,rgba(4,3,5,.28)) !important; }
@media (max-width:899px) { html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-role='daddy'] { background-position:58% center !important; } html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-role='elowyn'] { background-position:56% center !important; } html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-environment]::after { background:linear-gradient(180deg,rgba(5,3,4,.10),rgba(5,3,4,.18) 42%,rgba(5,3,4,.38) 100%) !important; } }
@media (min-width:900px) { html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-role='daddy'], html[data-lc-section='home'] .environment-art-backdrop[data-lc-home-role='elowyn'] { background-position:center 52% !important; } }