/* Parallel world-space painted layer — #1073
   Canonical top-level spaces: Just Living, Haven, Harmony / Work.
   Visual continuity must never imply context continuity. */

body[data-active-screen="just-living"] {
  background:
    radial-gradient(circle at 14% 14%, rgba(199,214,170,.38), transparent 24rem),
    radial-gradient(circle at 86% 8%, rgba(248,221,177,.32), transparent 22rem),
    linear-gradient(180deg,#e9ead8 0 18%,#f4eddf 18% 74%,#d9ddbf 74% 100%);
}
#screen-just-living { position:relative; isolation:isolate; overflow:hidden; min-height:calc(100dvh - var(--header-height)); }
#screen-just-living::before,#screen-just-living::after { content:""; position:absolute; pointer-events:none; z-index:0; }
#screen-just-living::before {
  inset:0;
  background:
    linear-gradient(166deg,transparent 0 66%,rgba(100,119,72,.15) 66% 100%),
    radial-gradient(ellipse at 18% 82%,rgba(104,129,75,.2),transparent 30%),
    radial-gradient(ellipse at 82% 78%,rgba(135,145,91,.18),transparent 28%);
}
#screen-just-living::after {
  width:min(52vw,560px); height:min(24vw,260px); right:-8%; bottom:2%; border-radius:50% 50% 12% 12%;
  background:linear-gradient(125deg,transparent 0 44%,rgba(123,88,55,.12) 45% 53%,transparent 54%),radial-gradient(ellipse at 50% 100%,rgba(91,111,69,.24),transparent 68%);
  transform:rotate(-4deg);
}
#screen-just-living .realm-view {
  position:relative; z-index:1; width:min(100%,980px); margin:0 auto; padding:clamp(1rem,3vw,2.2rem) clamp(.75rem,3vw,2rem) 5rem;
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);
  grid-template-areas:"back back" "phase paths" "title paths" "intro paths" "note paths" "win boundary";
  gap:.9rem 1.5rem; align-items:start;
}
#screen-just-living .realm-back { grid-area:back; justify-self:start; }
#screen-just-living .greeting-phase { grid-area:phase; margin-top:1.2rem; }
#screen-just-living .greeting-text { grid-area:title; margin:0; max-width:12ch; font-size:clamp(2rem,5vw,4rem); line-height:.98; color:#34452f; }
#screen-just-living .realm-intro { grid-area:intro; max-width:52ch; }
#screen-just-living .realm-panel:first-of-type {
  grid-area:note; position:relative; padding:clamp(1.1rem,3vw,2rem); border:1px solid rgba(91,75,53,.15); border-radius:36px 36px 24px 24px;
  background:linear-gradient(rgba(253,249,238,.94),rgba(247,237,219,.92)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(129,110,83,.055) 32px);
  box-shadow:0 22px 55px rgba(67,72,49,.13);
}
#screen-just-living .realm-panel:first-of-type::before {
  content:"A note for future-you"; display:block; margin-bottom:.75rem; color:#75805f; font:700 .72rem/1 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase;
}
#screen-just-living textarea { min-height:150px; border-color:rgba(96,84,62,.17); background:rgba(255,253,247,.72); box-shadow:inset 0 1px rgba(255,255,255,.9); }
#screen-just-living .realm-link-grid { grid-area:paths; align-self:center; display:grid; gap:.8rem; padding:1.3rem .5rem; }
#screen-just-living .realm-link-grid::before { content:"Garden paths"; color:#65724f; font:600 .76rem/1 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#screen-just-living .realm-link-grid .realm-link {
  position:relative; min-height:54px; padding:.8rem 1rem .8rem 2.6rem; border:0; border-radius:999px 26px 26px 999px; text-align:left;
  background:linear-gradient(90deg,rgba(218,220,184,.9),rgba(249,243,226,.72)); box-shadow:inset 0 1px rgba(255,255,255,.75),0 6px 18px rgba(82,88,61,.08);
}
#screen-just-living .realm-link-grid .realm-link::before { content:"❧"; position:absolute; left:.95rem; top:50%; transform:translateY(-50%); color:#687653; font-size:1.25rem; }
#screen-just-living .realm-panel[aria-labelledby="last-gentle-win"] { grid-area:win; align-self:stretch; border:0; border-left:4px solid rgba(119,131,81,.45); border-radius:0 22px 22px 0; background:rgba(250,245,231,.64); box-shadow:none; }
#screen-just-living .realm-boundary { grid-area:boundary; align-self:end; border-radius:20px; background:rgba(246,241,226,.76); border:1px solid rgba(95,85,64,.12); }

body[data-active-screen="harmony"] {
  background:
    radial-gradient(circle at 76% 8%,rgba(246,220,164,.32),transparent 25rem),
    radial-gradient(circle at 18% 80%,rgba(123,143,89,.18),transparent 30rem),
    linear-gradient(180deg,#ede4d7 0 70%,#d5d8b9 70% 100%);
}
#screen-harmony .workhub-world {
  position:relative; overflow:hidden; padding:clamp(1rem,2.5vw,2rem); border:1px solid rgba(90,75,52,.14); border-radius:32px;
  background:linear-gradient(180deg,rgba(255,252,245,.82),rgba(247,238,224,.7)); box-shadow:0 24px 70px rgba(77,61,43,.11);
}
#screen-harmony .workhub-world::before {
  content:""; position:absolute; inset:auto -8% -18% -8%; height:44%; pointer-events:none;
  background:radial-gradient(ellipse at 18% 75%,rgba(112,132,78,.16),transparent 28%),radial-gradient(ellipse at 78% 72%,rgba(124,142,87,.14),transparent 26%),linear-gradient(180deg,transparent,rgba(126,135,87,.12));
}
#screen-harmony .living-render { position:relative; z-index:1; isolation:isolate; display:grid; grid-template-columns:minmax(190px,.32fr) minmax(0,1fr); gap:clamp(1rem,2.5vw,2rem); align-items:stretch; }
#screen-harmony .world-room-map { position:relative; z-index:2; min-width:0; display:grid; align-content:center; gap:.7rem; padding:1rem .5rem; }
#screen-harmony .world-room-map::after { content:""; position:absolute; left:28px; top:12%; bottom:12%; width:2px; z-index:-1; background:linear-gradient(#9e9a70,#c7b994,#7f895d); opacity:.35; }
#screen-harmony .world-room {
  position:relative; min-height:56px; padding:.7rem .8rem .7rem 3rem; border:1px solid rgba(98,82,57,.12); border-radius:999px 22px 22px 999px;
  text-align:left; background:rgba(252,247,238,.78); box-shadow:0 6px 16px rgba(78,63,44,.06);
}
#screen-harmony .world-room > span:first-child { position:absolute; left:.75rem; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e2dfc5; }
#screen-harmony .world-room.active { transform:translateX(5px); background:linear-gradient(90deg,#d9d7b3,rgba(250,243,226,.95)); border-color:rgba(103,111,73,.24); }
#screen-harmony .world-scene {
  position:relative; z-index:1; min-width:0; min-height:430px; padding:clamp(1rem,3vw,2rem); border:1px solid rgba(92,76,54,.13); border-radius:34px 34px 20px 20px; overflow:hidden;
  background:linear-gradient(180deg,rgba(255,253,248,.95),rgba(244,233,216,.86) 64%,rgba(217,219,187,.62)); box-shadow:inset 0 1px rgba(255,255,255,.9),0 18px 50px rgba(75,58,41,.09);
}
#screen-harmony .world-scene::before,#screen-harmony .world-scene::after { content:""; position:absolute; pointer-events:none; }
#screen-harmony .world-scene::before { inset:0; background:linear-gradient(90deg,transparent 0 68%,rgba(104,129,73,.08) 68% 100%),radial-gradient(circle at 88% 14%,rgba(245,218,155,.28),transparent 20rem); }
#screen-harmony .world-scene::after { right:-12%; bottom:-14%; width:56%; height:42%; border-radius:50% 50% 0 0; background:radial-gradient(ellipse,rgba(112,130,77,.17),transparent 68%); }
#screen-harmony .scene-heading,#screen-harmony .courier-grid,#screen-harmony .library-bookshelf,#screen-harmony .pond-world-projection,#screen-harmony .world-canonical-pulse { position:relative; z-index:1; }
#screen-harmony .courier-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.8rem; }
#screen-harmony .courier-card { border-radius:22px; border-color:rgba(101,84,60,.12); background:rgba(255,251,243,.76); box-shadow:0 7px 22px rgba(76,62,45,.07); }
#screen-harmony .world-canonical-pulse,#screen-harmony .pond-world-projection { border-radius:22px; background:rgba(253,249,240,.72); }

#screen-just-living :is(button,textarea,a):focus-visible,
#screen-harmony :is(button,input,textarea,select,a):focus-visible { outline:3px solid #315c3d; outline-offset:4px; }

@media (max-width:760px) {
  #screen-just-living .realm-view { grid-template-columns:1fr; grid-template-areas:"back" "phase" "title" "intro" "note" "paths" "win" "boundary"; padding-bottom:2rem; }
  #screen-just-living .realm-link-grid { grid-template-columns:1fr; padding:.4rem 0; }
  #screen-harmony .living-render { grid-template-columns:1fr; }
  #screen-harmony .world-room-map { grid-template-columns:repeat(2,minmax(0,1fr)); padding:.4rem 0; }
  #screen-harmony .world-room-map::after { display:none; }
  #screen-harmony .world-room { min-height:58px; }
  #screen-harmony .world-room.active { transform:none; }
  #screen-harmony .world-scene { min-height:0; }
}

@media (prefers-reduced-motion:reduce) {
  #screen-just-living *,#screen-harmony * { scroll-behavior:auto !important; transition-duration:.001ms !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; }
  #screen-harmony .world-room.active { transform:none; }
}