/* YEOKJU 2026 · Eleven individually art-directed shrine opening covers.
 * Responsive compositing of each ORIGINAL character portrait + its temple image.
 * Text remains native selectable HTML, not baked into a low-resolution bitmap. */
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover{
 position:relative;display:block;min-height:0;padding:0;
 background:#070d17;overflow:hidden;
}
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-portal,
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-kicker,
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-insignia,
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>h3,
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-realm,
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-invitation{
 display:none!important;
}
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover:after{display:none}
#yeokjuTempleAtlas .s-chron-opening.has-premium-cover>.s-chron-toolbar{
 position:relative;z-index:4;margin:0;padding:19px 14px 34px;
 background:linear-gradient(180deg,#080e18,#080f1c);
 text-align:center;
}
#yeokjuTempleAtlas .s-chron-cover{
 --cover-accent:#d7bd8e;--cover-rgb:220 184 115;
 --cover-night:#0b0e1b;--cover-glint:#ecd7af;
 --cover-texture:linear-gradient(140deg,#fff2d211,#0000 57%,#ffedcf0d);
 position:relative;isolation:isolate;display:flex;align-items:flex-end;
 width:100%;height:auto;min-height:960px;min-height:116svh;
 overflow:hidden;background:var(--cover-night);color:#fff9ed;
 font-family:"Noto Serif KR","Nanum Myeongjo",serif;
}
#yeokjuTempleAtlas .s-chron-cover *{box-sizing:border-box}
#yeokjuTempleAtlas .s-chron-cover-world{
 position:absolute;inset:-3%;z-index:-4;
 background-position:center 40%;background-size:cover;transform:scale(1.04);
 filter:brightness(.57) contrast(1.11) saturate(.8);
}
#yeokjuTempleAtlas .s-chron-cover-person{
 position:absolute;z-index:-2;inset:0;width:100%;height:96%;
 object-fit:cover;object-position:center 12%;
 filter:brightness(.88) contrast(1.1) saturate(.97);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,#000b 64%,#0000 97%);
 mask-image:linear-gradient(180deg,#000 0%,#000 42%,#000b 64%,#0000 97%);
}
#yeokjuTempleAtlas .s-chron-cover-halation{
 pointer-events:none;position:absolute;inset:-6%;z-index:-3;
 background:radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--cover-accent) 30%,transparent),transparent 56%);
 mix-blend-mode:screen;opacity:.9;
}
#yeokjuTempleAtlas .s-chron-cover-light{
 position:absolute;z-index:-1;inset:0;pointer-events:none;
 background:
 linear-gradient(180deg,#03081245 0%,#03081209 18%,#03081222 38%,#050915ad 60%,#040914fa 87%,#040914 100%),
 linear-gradient(90deg,#01060e57,transparent 25%,transparent 74%,#01060e50),
 var(--cover-texture);
}
#yeokjuTempleAtlas .s-chron-cover:before{
 content:'';position:absolute;inset:10px;z-index:3;pointer-events:none;
 border:1px solid color-mix(in srgb,var(--cover-accent) 44%,transparent);
 box-shadow:inset 0 0 0 3px #03081160,inset 0 0 0 6px color-mix(in srgb,var(--cover-accent) 14%,transparent);
}
#yeokjuTempleAtlas .s-chron-cover:after{
 content:'';position:absolute;z-index:3;pointer-events:none;inset:22px;
 border:1px solid color-mix(in srgb,var(--cover-accent) 12%,transparent);
}
#yeokjuTempleAtlas .s-chron-cover-face{
 width:100%;max-width:520px;min-width:0;position:relative;z-index:2;
 margin:0 auto;padding:26px clamp(22px,6vw,38px) max(37px,6svh);
 text-align:center;text-shadow:0 2px 17px #000d;
}
#yeokjuTempleAtlas .s-chron-cover-head{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 position:absolute;left:clamp(24px,5.5vw,34px);right:clamp(24px,5.5vw,34px);
 bottom:calc(100svh - 76px);font-size:11px;line-height:1.5;
 color:#f6e8d4;letter-spacing:.07em;text-align:left;
}
#yeokjuTempleAtlas .s-chron-cover-brand{
 font-weight:600;letter-spacing:.17em;text-transform:uppercase;
}
#yeokjuTempleAtlas .s-chron-cover-count{
 padding:5px 9px;background:#040a12a1;
 border:1px solid color-mix(in srgb,var(--cover-accent) 50%,transparent);
 color:#fff2dc;white-space:nowrap;
}
#yeokjuTempleAtlas .s-chron-cover-emblem{
 display:grid;place-items:center;position:relative;
 width:68px;height:68px;margin:0 auto 13px;border-radius:50%;
 border:1px solid color-mix(in srgb,var(--cover-accent) 78%,transparent);
 background:radial-gradient(circle,color-mix(in srgb,var(--cover-accent) 18%,#070e18),#09101bc9 70%);
 box-shadow:0 0 0 7px color-mix(in srgb,var(--cover-accent) 9%,transparent),0 0 44px color-mix(in srgb,var(--cover-accent) 25%,transparent);
 color:var(--cover-glint);font:400 39px/1 serif;
}
#yeokjuTempleAtlas .s-chron-cover-emblem:before{
 content:'';position:absolute;inset:-13px;border:1px dashed color-mix(in srgb,var(--cover-accent) 37%,transparent);border-radius:50%;
}
#yeokjuTempleAtlas .s-chron-cover-kind{
 display:block;margin-bottom:7px;
 color:var(--cover-glint);font-size:13px;line-height:1.7;
 letter-spacing:.1em;font-weight:600;
}
#yeokjuTempleAtlas .s-chron-cover-sig{
 display:block;margin-bottom:15px;color:#ebe1d5;
 font-size:13px;line-height:1.6;letter-spacing:.09em;
}
#yeokjuTempleAtlas .s-chron-cover-name{
 margin:0!important;color:#fff6e7!important;
 font:600 clamp(34px,9vw,49px)/1.38 "Noto Serif KR","Nanum Myeongjo",serif!important;
 letter-spacing:-.055em!important;
 text-shadow:0 2px 20px #000,0 0 24px color-mix(in srgb,var(--cover-accent) 24%,transparent);
}
#yeokjuTempleAtlas .s-chron-cover-role{
 font:500 clamp(14px,3.6vw,17px)/1.7 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
 color:#f0e4d4;margin:9px 0 17px;letter-spacing:-.025em;
}
#yeokjuTempleAtlas .s-chron-cover-rule{
 width:min(80%,275px);height:1px;margin:16px auto 20px;
 background:linear-gradient(90deg,transparent,var(--cover-accent),transparent);
 box-shadow:0 0 16px var(--cover-accent);
}
#yeokjuTempleAtlas .s-chron-cover-line{
 font:600 clamp(19px,5vw,25px)/1.85 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
 color:#fff5e7;word-break:keep-all;overflow-wrap:break-word;
 max-width:21em;margin:0 auto 22px!important;
 text-shadow:0 2px 16px #000f;
}
#yeokjuTempleAtlas .s-chron-cover-foot{
 width:100%;border-top:1px solid color-mix(in srgb,var(--cover-accent) 42%,transparent);
 padding-top:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;
 font:500 11px/1.7 "Pretendard","Noto Sans KR",sans-serif;
 color:#eadbcc;letter-spacing:.01em;word-break:keep-all;
}
#yeokjuTempleAtlas .s-chron-cover-scroll{white-space:nowrap;color:var(--cover-glint)}
#yeokjuTempleAtlas .s-chron-cover-marks{
 position:absolute;inset:17% 8% 45%;pointer-events:none;z-index:1;opacity:.3;
 display:flex;justify-content:space-between;align-items:center;
 color:var(--cover-accent);font:400 clamp(40px,9vw,68px)/1 serif;
 text-shadow:0 0 40px var(--cover-accent);
}
#yeokjuTempleAtlas .s-chron-cover-marks span:first-child{transform:rotate(-24deg)}
#yeokjuTempleAtlas .s-chron-cover-marks span:last-child{transform:rotate(24deg)}
#yeokjuTempleAtlas .s-chron-cover[data-temple=origin]{
 --cover-night:#19120a;--cover-glint:#ffe4ae;
 --cover-texture:repeating-conic-gradient(from 0deg at 50% 26%,#ffd98c10 0deg 2deg,transparent 2deg 23deg);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=personality]{
 --cover-night:#071428;--cover-glint:#bfd9ff;
 --cover-texture:repeating-radial-gradient(ellipse at 50% 27%,transparent 0 36px,#b7d1ff12 38px 40px,transparent 42px 68px);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=talent]{
 --cover-night:#191610;--cover-glint:#ffeed0;
 --cover-texture:radial-gradient(circle at 22% 24%,#fff6ddaa 0 2px,transparent 5px),radial-gradient(circle at 79% 36%,#fff4dfb0 0 1px,transparent 4px);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=career]{
 --cover-night:#071a18;--cover-glint:#a7ffe1;
 --cover-texture:linear-gradient(130deg,transparent 40%,#a4f9cc22 47%,transparent 52%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=money]{
 --cover-night:#201309;--cover-glint:#ffe3a0;
 --cover-texture:repeating-linear-gradient(166deg,transparent 0 52px,#edb64b17 53px 54px,transparent 55px 95px);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=love]{
 --cover-night:#260f22;--cover-glint:#ffcade;
 --cover-texture:radial-gradient(ellipse 14px 35px at 15% 32%,#ffabd142,transparent 95%),radial-gradient(ellipse 18px 30px at 82% 43%,#ffaddb42,transparent 95%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=family]{
 --cover-night:#111a14;--cover-glint:#e8e4bb;
 --cover-texture:radial-gradient(ellipse at 25% 23%,#dec78030,transparent 55%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=fortune]{
 --cover-night:#170d29;--cover-glint:#e0c5ff;
 --cover-texture:repeating-conic-gradient(from 6deg at 51% 26%,transparent 0deg 29deg,#cfa8ff20 30deg 31deg,transparent 32deg 60deg);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=year]{
 --cover-night:#08132e;--cover-glint:#c5eaff;
 --cover-texture:radial-gradient(circle at 18% 22%,#c5eaffaa 0 2px,transparent 4px),radial-gradient(circle at 78% 40%,#c5eaffaa 0 1px,transparent 3px),radial-gradient(circle at 67% 16%,#c5eaffaa 0 2px,transparent 4px);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=choice]{
 --cover-night:#250c0a;--cover-glint:#ffbaa3;
 --cover-texture:radial-gradient(ellipse at 50% 26%,#fa6c4a5a,transparent 50%),linear-gradient(60deg,transparent 48%,#e7412424 51%,transparent 57%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=love] .s-chron-cover-emblem{
 border-radius:42% 42% 48% 48%;transform:rotate(-8deg);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=fortune] .s-chron-cover-emblem,
#yeokjuTempleAtlas .s-chron-cover[data-temple=year] .s-chron-cover-emblem{box-shadow:0 0 0 8px color-mix(in srgb,var(--cover-accent) 8%,transparent),0 0 0 19px color-mix(in srgb,var(--cover-accent) 4%,transparent),0 0 45px color-mix(in srgb,var(--cover-accent) 23%,transparent)}
#yeokjuTempleAtlas .s-chron-cover[data-temple=choice] .s-chron-cover-name{
 text-shadow:0 3px 16px #000f,0 0 35px #ec4b3d6d;
}
@media(min-width:681px){
 #yeokjuTempleAtlas .s-chron-cover{
  max-width:640px;margin-inline:auto;min-height:1080px;
 }
 #yeokjuTempleAtlas .s-chron-cover-head{bottom:calc(100% - 79px)}
 #yeokjuTempleAtlas .s-chron-cover-person{object-position:center 12%}
}
@media(max-width:480px){
 #yeokjuTempleAtlas .s-chron-cover{min-height:100svh;height:auto}
 #yeokjuTempleAtlas .s-chron-cover-person{
  height:96%;object-position:center 13%;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,#000a 60%,transparent 95%);
  mask-image:linear-gradient(180deg,#000 0%,#000 38%,#000a 60%,transparent 95%);
 }
 #yeokjuTempleAtlas .s-chron-cover-face{
  padding:230px 26px 32px;margin:0 auto;
 }
 #yeokjuTempleAtlas .s-chron-cover-head{
  top:27px;bottom:auto;left:23px;right:23px;
 }
 #yeokjuTempleAtlas .s-chron-cover-emblem{width:56px;height:56px;font-size:32px;margin-bottom:9px}
 #yeokjuTempleAtlas .s-chron-cover-kind{font-size:12px;margin-bottom:5px}
 #yeokjuTempleAtlas .s-chron-cover-sig{font-size:12px;margin-bottom:8px}
 #yeokjuTempleAtlas .s-chron-cover-name{font-size:clamp(32px,8.6vw,42px)!important}
 #yeokjuTempleAtlas .s-chron-cover-role{font-size:14px;margin:7px 0 13px}
 #yeokjuTempleAtlas .s-chron-cover-line{font-size:clamp(18px,4.6vw,22px);line-height:1.78;margin-bottom:18px!important}
 #yeokjuTempleAtlas .s-chron-cover-foot{font-size:10.5px;gap:8px}
}
@media(max-width:365px){
 #yeokjuTempleAtlas .s-chron-cover-face{padding-inline:19px;padding-bottom:28px}
 #yeokjuTempleAtlas .s-chron-cover-head{left:18px;right:18px}
 #yeokjuTempleAtlas .s-chron-cover-foot{flex-direction:column;gap:5px}
}
@media(prefers-reduced-motion:no-preference){
 #yeokjuTempleAtlas .s-chron-cover-emblem{animation:s-cover-bloom 7s ease-in-out infinite alternate}
 @keyframes s-cover-bloom{from{filter:brightness(.9)}to{filter:brightness(1.14)}}
}
@media(prefers-reduced-motion:reduce){
 #yeokjuTempleAtlas .s-chron-cover-emblem{animation:none!important}
}


/* Each first-page identifies the actual shrine BEFORE the realm and character. */
#yeokjuTempleAtlas .s-chron-cover-temple{
 display:block;
 margin:0 auto 9px;
 color:var(--cover-glint);
 font:700 clamp(13px,3.8vw,16px)/1.72 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
 letter-spacing:.065em;
 text-shadow:0 2px 12px #000e;
}
#yeokjuTempleAtlas .s-chron-cover-kind{font-size:clamp(12px,3.2vw,15px)}
/* Riana's own violet stellar post office: sealed letters, celestial glass,
   an envelope-shaped title emblem and layered amethyst illumination. */
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter]{
 --cover-night:#110c21;
 --cover-glint:#eed4ff;
 --cover-texture:
 radial-gradient(circle at 18% 19%,#f7e9ffcb 0 2px,transparent 4px),
 radial-gradient(circle at 75% 27%,#e4c4ffad 0 2px,transparent 5px),
 radial-gradient(circle at 48% 12%,#d5b1ffae 0 1px,transparent 3px),
 linear-gradient(141deg,transparent 46%,#a482f223 47%,transparent 49%),
 linear-gradient(39deg,transparent 46%,#bca1f01d 47%,transparent 49%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-halation{
 background:radial-gradient(ellipse at 53% 29%,#c3a4ff68,transparent 55%);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-emblem{
 border-radius:5px;
 transform:rotate(-7deg);
 box-shadow:0 0 0 7px #a87dff15,0 0 48px #c0a2ff66;
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-marks span:first-child{
 transform:rotate(-16deg);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-marks span:last-child{
 transform:rotate(16deg);
}
#yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-name{
 text-shadow:0 2px 20px #000e,0 0 32px #c09cff8c;
}
@media(max-width:480px){
 #yeokjuTempleAtlas .s-chron-cover-temple{font-size:14px;line-height:1.55}
 #yeokjuTempleAtlas .s-chron-cover[data-temple=letter] .s-chron-cover-person{
  object-position:center 16%;
 }
}


/* First-page cover is the actual opening of each 16-scene story.
   Place the optional "all scenes" control within the cover, so the next
   full-height screen after the cover is chapter 01, not another splash. */
#yeokjuTempleAtlas .s-chron-opening.is-story-opening{
 padding:0!important;margin:0!important;min-height:0!important;display:block;
 background:#050b14;
}
#yeokjuTempleAtlas .s-chron-opening.is-story-opening>.s-chron-cover{
 margin:0 auto;
}
#yeokjuTempleAtlas .s-chron-cover .s-chron-toolbar{
 position:relative!important;
 margin:12px 0 0!important;
 padding:0!important;
 background:transparent!important;
 text-align:center;
 z-index:5;
}
#yeokjuTempleAtlas .s-chron-cover .s-chron-expand{
 font:600 12px/1.6 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
 letter-spacing:.01em;
 color:#f9edda;
 border:1px solid color-mix(in srgb,var(--cover-accent) 60%,#fff3);
 background:linear-gradient(120deg,#050b13a6,#101624a6);
 padding:10px 19px;
 border-radius:4px;
 min-height:44px;
 max-width:100%;
}
#yeokjuTempleAtlas .s-chron-cover .s-chron-expand:focus-visible{
 outline:3px solid #fff5d3;outline-offset:3px;
}
#yeokjuTempleAtlas .s-chron-opening.is-story-opening+.s-chron-track{
 margin-top:0;padding-top:0;
}
#yeokjuTempleAtlas .s-chron-scene:first-child .s-chron-act--inline{
 display:block;
 min-height:0!important;
 margin:0 0 19px;
 padding:0!important;
 color:var(--chron-accent,#ead0a3);
 border:0;
 background:none!important;
 font:700 12px/1.7 "Pretendard","Noto Sans KR","Apple SD Gothic Neo",sans-serif;
 letter-spacing:.12em;
 text-align:left;
}
@media(max-width:480px){
 #yeokjuTempleAtlas .s-chron-cover .s-chron-toolbar{margin-top:10px!important}
 #yeokjuTempleAtlas .s-chron-cover .s-chron-expand{
  min-height:44px;font-size:12px;padding:10px 16px
 }
}