/* YEOKJU / Shrine world is the landing page. Other product/reading views are real separate screens. */
@media screen {
 body:has(#yeokjuTempleAtlas):not([data-yeokju-screen]) > main,
 body:has(#yeokjuTempleAtlas):not([data-yeokju-screen]) > #archiveCatalog,
 body:has(#yeokjuTempleAtlas):not([data-yeokju-screen]) > #chapters,
 body:has(#yeokjuTempleAtlas):not([data-yeokju-screen]) > #resultStage,
 body[data-yeokju-screen="home"] > main,
 body[data-yeokju-screen="home"] > #archiveCatalog,
 body[data-yeokju-screen="home"] > #chapters,
 body[data-yeokju-screen="home"] > #resultStage {display:none!important}
 body[data-yeokju-screen="birth"] > #yeokjuTempleAtlas,
 body[data-yeokju-screen="birth"] > #archiveCatalog,
 body[data-yeokju-screen="birth"] > #chapters,
 body[data-yeokju-screen="birth"] > #resultStage,
 body[data-yeokju-screen="products"] > #yeokjuTempleAtlas,
 body[data-yeokju-screen="products"] > main,
 body[data-yeokju-screen="products"] > #chapters,
 body[data-yeokju-screen="products"] > #resultStage,
 body[data-yeokju-screen="reading"] > #yeokjuTempleAtlas,
 body[data-yeokju-screen="reading"] > main,
 body[data-yeokju-screen="reading"] > #archiveCatalog {display:none!important}
 body[data-yeokju-screen="home"]{background:#09101e!important}
 body[data-yeokju-screen="birth"] > main {display:block!important;margin:25px auto 48px!important;max-width:980px!important}
 body[data-yeokju-screen="birth"] > main .entry {margin:0 auto!important}
 body[data-yeokju-screen="products"] > #archiveCatalog {position:relative;max-width:1150px;min-height:50dvh;margin:auto!important;padding:35px 16px!important}
 body.yeokju-temple-dialog-open #yeokjuTempleAtlas{z-index:50!important}
 body > header.yeokju-shrine-header {display:flex!important;align-items:center;gap:clamp(10px,2vw,25px);padding:10px clamp(15px,3.5vw,55px)!important;background:#0c1324f5!important;border-bottom:1px solid #c0a87955;position:relative;z-index:12}
 body > header.yeokju-shrine-header .brand{flex:none}
 body > header.yeokju-shrine-header .header-caption{font-size:11px;color:#d5c19c;white-space:nowrap}
 body > header.yeokju-shrine-header .yeokju-shrine-nav{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex:1}
 body > header.yeokju-shrine-header .yeokju-shrine-nav button{border:0;background:transparent;color:#efdfc7;cursor:pointer;border-radius:6px;padding:10px 11px;font:600 12px/1.3 'Noto Sans KR',sans-serif;white-space:nowrap}
 body > header.yeokju-shrine-header .yeokju-shrine-nav button:hover,
 body > header.yeokju-shrine-header .yeokju-shrine-nav button:focus-visible{background:#bea27628;color:white;outline:1px solid #be9972}
 #yeokjuTempleAtlas{padding-top:0!important;padding-bottom:55px!important;background:linear-gradient(180deg,#0d1424,#111725 65%,#09111e)!important}
 #yeokjuTempleAtlas::before{height:520px!important;opacity:.98!important;mask-image:linear-gradient(#000 0%,#000 48%,transparent 100%)!important;background:linear-gradient(180deg,#06101b68 0%,#0b122528 32%,#0b1424d0 100%),url('yeokju-atlas-hero-hd.webp') center 52%/cover!important}
 #yeokjuTempleAtlas .yeokju-temple-intro{min-height:350px!important;max-width:1000px!important;margin:0 auto 14px!important;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:36px 14px 35px!important}
 #yeokjuTempleAtlas .yeokju-temple-intro h1 {font-size:clamp(34px,4.4vw,65px)!important;line-height:1.3!important;letter-spacing:-.045em!important;color:#fff1d7!important;text-shadow:0 5px 35px #000c!important}
 #yeokjuTempleAtlas .yeokju-temple-intro p {font-size:clamp(13px,1.7vw,18px)!important;color:#f9efe0!important;max-width:670px}
 #yeokjuTempleAtlas .yeokju-temple-grid {max-width:1410px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important}
 #yeokjuTempleAtlas .yeokju-temple-card {min-height:445px!important;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--temple-accent) 64%,#b9ae9f)!important;box-shadow:0 15px 38px #0009!important}
 #yeokjuTempleAtlas .yeokju-temple-card .yeokju-temple-art {background-image:linear-gradient(180deg,#080c1710 0%,#070b1711 52%,#080d18a8 84%,var(--temple-shadow) 100%),var(--temple-image)!important;background-size:cover,cover!important;background-position:center,center 42%!important;filter:saturate(1.14) contrast(1.035)!important}
 #yeokjuTempleAtlas .yeokju-temple-card-info{min-height:445px!important;padding:130px 23px 23px!important;background:linear-gradient(180deg,transparent 19%,#06101b0a 43%,#070c20a8 78%,#070b1dc9 100%)!important}
 #yeokjuTempleAtlas .yeokju-temple-title{font-size:clamp(25px,2.3vw,33px)!important;color:#fff6e9!important}
 #yeokjuTempleAtlas .yeokju-temple-enter-label {display:inline-block!important;color:#ffe9c6!important;border:1px solid color-mix(in srgb,var(--temple-accent) 55%,transparent);background:#0c14256e;border-radius:99px;padding:8px 12px;margin-top:12px!important;width:max-content;max-width:100%;min-height:0}
 #yeokjuTempleAtlas .yeokju-temple-footer{margin:35px auto 10px;max-width:1200px;border-top:1px solid #beab8240}
 #yeokjuTempleAtlas .yeokju-shrine-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 18px;padding:22px 10px;color:#b9b4ad;font-size:11px}
 #yeokjuTempleAtlas .yeokju-shrine-legal a{color:#c8c0b6;text-decoration:none}
 #yeokjuTempleAtlas .yeokju-shrine-legal a:hover{text-decoration:underline;color:#fff3df}
 /* Shrine portal is a second immersive scene, not a basic parchment popup. */
 #yeokjuTempleAtlas .yeokju-temple-veil{background:#050b17ed!important;backdrop-filter:blur(13px)}
 #yeokjuTempleAtlas .yeokju-temple-paper{width:min(1050px,100%)!important;background:#0b1421!important;color:#fff4e7!important;border-radius:13px!important}
 #yeokjuTempleAtlas .yeokju-temple-modal-image{height:clamp(215px,32vh,350px)!important;border-bottom:2px solid var(--temple-accent)}
 #yeokjuTempleAtlas .yeokju-temple-modal-body{background:linear-gradient(145deg,#152133,#0c1421 75%)!important;color:#f8eddd!important}
 #yeokjuTempleAtlas .yeokju-temple-detail-kicker,#yeokjuTempleAtlas .yeokju-temple-detail-sub{color:var(--temple-accent)!important}
 #yeokjuTempleAtlas .yeokju-temple-modal-body h2{color:#fff5e8!important}
 #yeokjuTempleAtlas .yeokju-temple-detail-story{color:#e9e1d7!important;border-bottom:1px solid #b9ab8f55}
 #yeokjuTempleAtlas .yeokju-premium-guardian{background:#101b2a!important;grid-template-columns:1fr 1fr!important;border:1px solid var(--temple-accent)!important}
 #yeokjuTempleAtlas .yeokju-premium-portrait{min-height:395px!important}
 #yeokjuTempleAtlas .yeokju-premium-god-story{background:linear-gradient(140deg,#172638,#0d1728)!important;color:#f3eadd!important;padding:26px!important}
 #yeokjuTempleAtlas .yeokju-premium-god-story h3{color:#fff5e6!important}
 #yeokjuTempleAtlas .yeokju-premium-small,#yeokjuTempleAtlas .yeokju-premium-god-title{color:var(--temple-accent)!important}
 #yeokjuTempleAtlas .yeokju-premium-god-voice{color:#f9e8cf!important;border-color:var(--temple-accent)}
 #yeokjuTempleAtlas .yeokju-premium-tags span{background:#22314a!important;color:#f0e9df!important;border-color:#8a8e9955}
 #yeokjuTempleAtlas .yeokju-premium-recommend-label,#yeokjuTempleAtlas .yeokju-premium-for{color:#efe6dc!important}
 #yeokjuTempleAtlas .yeokju-temple-topic-title{color:#fbead4!important}
 #yeokjuTempleAtlas .yeokju-temple-topic-item{background:#162338!important;color:#ffefd9!important;border:1px solid #a59a7b55!important}
 #yeokjuTempleAtlas .yeokju-temple-topic-item strong{color:#fff4e8!important}
 #yeokjuTempleAtlas .yeokju-temple-topic-item:is(:hover,:focus-visible){background:#2d3a51!important;border-color:var(--temple-accent)!important}
 #yeokjuTempleAtlas .yeokju-temple-birth-cta {background:linear-gradient(90deg,#173d38,#285851)!important;border:1px solid #76b5a6!important}
}
@media screen and (max-width:850px){
 body > header.yeokju-shrine-header .header-caption{display:none}
 #yeokjuTempleAtlas .yeokju-temple-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media screen and (max-width:700px){
 body > header.yeokju-shrine-header{flex-wrap:wrap;gap:5px 12px;padding:10px 12px!important}
 body > header.yeokju-shrine-header .yeokju-shrine-nav{order:3;flex-basis:100%;justify-content:space-around;border-top:1px solid #ffffff1e;padding-top:5px}
 body > header.yeokju-shrine-header .yeokju-shrine-nav button{flex:1;padding:9px 4px;font-size:11px}
 #yeokjuTempleAtlas{padding:0 12px 25px!important}
 #yeokjuTempleAtlas::before{height:340px!important}
 #yeokjuTempleAtlas .yeokju-temple-intro{min-height:235px!important;padding:35px 10px 27px!important;margin-bottom:4px!important}
 #yeokjuTempleAtlas .yeokju-temple-intro h1{font-size:clamp(27px,7.8vw,38px)!important}
 #yeokjuTempleAtlas .yeokju-temple-grid{grid-template-columns:1fr!important;gap:15px!important;max-width:480px!important}
 #yeokjuTempleAtlas .yeokju-temple-card{min-height:410px!important}
 #yeokjuTempleAtlas .yeokju-temple-card-info{min-height:410px!important;padding:135px 21px 21px!important}
 #yeokjuTempleAtlas .yeokju-temple-modal{padding:5px!important}
 #yeokjuTempleAtlas .yeokju-temple-paper{max-height:97dvh!important}
 #yeokjuTempleAtlas .yeokju-temple-modal-image{height:225px!important}
 #yeokjuTempleAtlas .yeokju-premium-guardian{grid-template-columns:1fr!important}
 #yeokjuTempleAtlas .yeokju-premium-portrait{min-height:315px!important}
 #yeokjuTempleAtlas .yeokju-premium-god-story{padding:21px!important}
 #yeokjuTempleAtlas .yeokju-temple-modal-body .yeokju-temple-topics{grid-template-columns:1fr!important}
}

/* Secondary routes are dedicated themed scenes, never visible below the landing page. */
@media screen {
 body[data-yeokju-screen="birth"] > main{padding:clamp(32px,6vw,76px) 14px!important;background:linear-gradient(155deg,#0a1729db,#172839bd),url('yeokju-atlas-hero-hd.webp') center/cover!important;border:1px solid #b898644a;border-radius:14px;box-shadow:0 25px 65px #0008}
 body[data-yeokju-screen="birth"] > main .entry{background:linear-gradient(145deg,#13243bf0,#182c3ef2)!important;border:1px solid #c5a374!important;border-radius:14px!important;box-shadow:0 18px 55px #0008!important;padding:clamp(16px,4vw,35px)!important}
 body[data-yeokju-screen="birth"] > main .entry .step-title{color:#fff2d9!important;font-family:'Noto Serif KR',serif!important}
 body[data-yeokju-screen="birth"] > main .entry :is(.step-help,.privacy){color:#d7d9d8!important}
 body[data-yeokju-screen="products"] > #archiveCatalog{background:linear-gradient(140deg,#101e30,#19273a)!important;border:1px solid #a48d6e55;border-radius:16px;color:#fff0db;box-shadow:0 18px 48px #0006}
 #yeokjuTempleAtlas .yeokju-temple-birth-cta{background:linear-gradient(110deg,var(--temple-shadow),#19293f)!important;border:1px solid var(--temple-accent)!important;color:#fff5e7!important}
}
@media screen and (max-width:700px){
 body[data-yeokju-screen="birth"] > main{border-radius:0!important;padding:25px 10px!important}
 body[data-yeokju-screen="products"] > #archiveCatalog{border-radius:0!important;padding:18px 10px!important}
}