/* 11 original long-form cinematic temples. Panels are continuous vertical scenes,
   not messenger chat cards. One guardian, one physical space, uninterrupted reading. */
#yeokjuTempleAtlas .s-chronicle{--chron-ink:#08111c;--chron-accent:var(--accent,#d9bf89);position:relative;isolation:isolate;color:#fff4dc;background:#08111c;font-family:var(--s-serif,'Noto Serif KR',serif);overflow:hidden}
#yeokjuTempleAtlas .s-chronicle *{box-sizing:border-box}
#yeokjuTempleAtlas .s-chron-opening{position:relative;text-align:center;padding:90px 26px 84px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--chron-accent) 26%,transparent),transparent 58%),linear-gradient(180deg,#08111c,#111726 70%,#08111c);min-height:72svh;display:flex;flex-direction:column;align-items:center;justify-content:center}
#yeokjuTempleAtlas .s-chron-kicker{font:500 10px/1.7 var(--s-sans,sans-serif);letter-spacing:.22em;color:var(--chron-accent)}
#yeokjuTempleAtlas .s-chron-opening h3{color:#fff4e0!important;font:500 clamp(26px,6.7vw,35px)/1.52 var(--s-serif,serif)!important;word-break:keep-all;letter-spacing:-.04em;margin:27px 0 18px;max-width:13em}
#yeokjuTempleAtlas .s-chron-realm{margin:0;color:var(--chron-accent);font:400 15px/2.1 var(--s-serif,serif);word-break:keep-all}
#yeokjuTempleAtlas .s-chron-invitation{max-width:24em;margin:46px auto 0;color:#e6d9c3;font:400 17px/2.1 var(--s-serif,serif);word-break:keep-all}
#yeokjuTempleAtlas .s-chron-toolbar{margin:34px 0 0}
#yeokjuTempleAtlas .s-chron-expand{color:#eee0c4;font:500 12px/1.6 var(--s-serif,serif);border:1px solid #ceba9270;background:transparent;min-height:44px;padding:11px 18px;border-radius:2px;letter-spacing:.01em}
#yeokjuTempleAtlas .s-chron-track{position:relative}
#yeokjuTempleAtlas .s-chron-act{position:relative;min-height:58svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 25px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--chron-accent) 15%,transparent),transparent 60%),linear-gradient(180deg,#08111c,#131824,#08111c)}
#yeokjuTempleAtlas .s-chron-act-index{font:500 11px/1.5 var(--s-sans,sans-serif);letter-spacing:.35em;color:var(--chron-accent)}
#yeokjuTempleAtlas .s-chron-act h4{color:#fff7e7!important;font:500 clamp(25px,6.5vw,37px)/1.55 var(--s-serif,serif)!important;max-width:11em;margin:25px 0 17px;word-break:keep-all}
#yeokjuTempleAtlas .s-chron-act p{font:400 14px/1.9 var(--s-serif,serif);color:#ded1b9;margin:0}
#yeokjuTempleAtlas .s-chron-scene{position:relative;min-height:110svh;display:flex;align-items:flex-end;isolation:isolate;padding:110px 0 68px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--chron-accent) 13%,#07111c),#07111c 77%);contain:layout style;overflow:hidden}
#yeokjuTempleAtlas .s-chron-scene:before{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 72% 18%,color-mix(in srgb,var(--chron-accent) 10%,transparent),transparent 45%),linear-gradient(180deg,transparent 0%,#08111ca8 55%,#08111cf5 100%)}
#yeokjuTempleAtlas .s-chron-scene.is-threshold{background:radial-gradient(ellipse at 24% 10%,color-mix(in srgb,var(--chron-accent) 18%,#080f18),#08111c 82%)}
#yeokjuTempleAtlas .s-chron-scene.is-ember{background:linear-gradient(150deg,#080f18 0%,color-mix(in srgb,var(--chron-accent) 12%,#0c1020) 55%,#06121e 100%)}
#yeokjuTempleAtlas .s-chron-scene-sky{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}
#yeokjuTempleAtlas .s-chron-scene-sky:before,#yeokjuTempleAtlas .s-chron-scene-sky:after{content:'';position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--chron-accent) 25%,transparent);width:130vw;height:130vw;max-width:660px;max-height:660px;left:50%;top:11%;transform:translateX(-50%);opacity:.55}
#yeokjuTempleAtlas .s-chron-scene-sky:after{max-width:440px;max-height:440px;top:18%;opacity:.28}
#yeokjuTempleAtlas .s-chron-scene-art{position:absolute;inset:-5% -12% 15%;background-position:center 30%;background-size:cover;opacity:.28;filter:brightness(.58) saturate(.78);mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 100%)}
#yeokjuTempleAtlas .s-chron-scene-content{position:relative;width:100%;max-width:480px;z-index:2;padding:20px clamp(20px,6vw,34px) 0;display:flex;flex-direction:column;align-items:stretch}
#yeokjuTempleAtlas .s-chron-number{font:500 12px/1.6 var(--s-sans,sans-serif);letter-spacing:.21em;color:var(--chron-accent);margin:0 0 18px}
#yeokjuTempleAtlas .s-chron-title{font:500 clamp(26px,7vw,37px)/1.55 var(--s-serif,serif)!important;color:#fff5e2!important;margin:0 0 32px;letter-spacing:-.035em;word-break:keep-all;text-shadow:0 3px 20px #000}
#yeokjuTempleAtlas .s-chron-narration{font:400 17px/2.05 var(--s-serif,serif);margin:0 0 60px;color:#ded2c4;word-break:keep-all;text-shadow:0 2px 10px #000a}
#yeokjuTempleAtlas .s-chron-line{display:flex;flex-direction:column;gap:8px;margin:0 0 42px;max-width:100%}
#yeokjuTempleAtlas .s-chron-speaker{font:600 12px/1.7 var(--s-sans,sans-serif);letter-spacing:.13em;color:var(--chron-accent)}
#yeokjuTempleAtlas .s-chron-utterance{font:500 clamp(18px,4.65vw,22px)/1.95 var(--s-serif,serif);color:#fff2da;margin:0;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 2px 12px #0009}
#yeokjuTempleAtlas .s-chron-line.is-traveler{align-self:flex-end;max-width:90%;text-align:right;padding-left:16px}
#yeokjuTempleAtlas .s-chron-line.is-traveler .s-chron-speaker{color:#d2c8b8}
#yeokjuTempleAtlas .s-chron-line.is-traveler .s-chron-utterance{color:#f0e9df;font-weight:400}
#yeokjuTempleAtlas .s-chron-line.is-guardian{align-self:flex-start;text-align:left}
#yeokjuTempleAtlas .s-chron-after{position:relative;color:color-mix(in srgb,var(--chron-accent) 40%,#d8d0c5);font:400 15px/2.1 var(--s-serif,serif);margin:30px 0 0;padding:32px 0 0;word-break:keep-all}
#yeokjuTempleAtlas .s-chron-after:before{content:'';position:absolute;left:0;top:0;width:48px;height:1px;background:var(--chron-accent);opacity:.5}
#yeokjuTempleAtlas .s-chron-more{display:block;width:calc(100% - 40px);min-height:60px;margin:30px auto 72px;padding:15px 12px;border:1px solid color-mix(in srgb,var(--chron-accent) 62%,#ae9669);border-radius:3px;color:#fff8e5;background:linear-gradient(120deg,color-mix(in srgb,var(--chron-accent) 19%,#101522),#0a1720);font:600 15px/1.65 var(--s-serif,serif);cursor:pointer}
#yeokjuTempleAtlas .s-chron-foot{text-align:center;padding:110px 25px 120px;background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--chron-accent) 18%,transparent),transparent 60%),#09121c}
#yeokjuTempleAtlas .s-chron-foot[hidden],#yeokjuTempleAtlas .s-chron-more[hidden],#yeokjuTempleAtlas .s-chron-expand[hidden]{display:none!important}
#yeokjuTempleAtlas .s-chron-finish-symbol{display:block;font-size:33px;color:var(--chron-accent);margin-bottom:26px}
#yeokjuTempleAtlas .s-chron-foot h4{font:500 26px/1.6 var(--s-serif,serif)!important;color:#fff5df!important;margin:0 auto 30px;max-width:13em}
#yeokjuTempleAtlas .s-chron-foot p{font:400 16px/2.1 var(--s-serif,serif);color:#d9ccbc;max-width:23em;margin:0 auto 36px;word-break:keep-all}
#yeokjuTempleAtlas .s-chron-birth{font:600 16px/1.65 var(--s-serif,serif);background:linear-gradient(125deg,color-mix(in srgb,var(--chron-accent) 28%,#192029),#111a24);color:#fff6e5;border:1px solid var(--chron-accent);border-radius:3px;min-height:62px;width:100%;max-width:370px;padding:15px 18px;cursor:pointer}
#yeokjuTempleAtlas .s-chron-more:focus-visible,#yeokjuTempleAtlas .s-chron-expand:focus-visible,#yeokjuTempleAtlas .s-chron-birth:focus-visible{outline:3px solid #fff0bc;outline-offset:4px}
@media(max-width:360px){
 #yeokjuTempleAtlas .s-chron-scene{min-height:102svh;padding-top:78px}
 #yeokjuTempleAtlas .s-chron-narration{margin-bottom:44px}
 #yeokjuTempleAtlas .s-chron-line{margin-bottom:32px}
 #yeokjuTempleAtlas .s-chron-scene-content{padding-inline:17px}
}
@media(prefers-reduced-motion:reduce){#yeokjuTempleAtlas .s-chronicle *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{#yeokjuTempleAtlas .s-chron-more,#yeokjuTempleAtlas .s-chron-expand,#yeokjuTempleAtlas .s-chron-birth{display:none!important}#yeokjuTempleAtlas .s-chron-scene{break-inside:avoid;min-height:auto;padding:40px 0}}


/* YEOKJU / THE GUARDIAN CINEMATOGRAPHY — 2026-10-30.
   Story takes place in each existing photographed temple. The same dialogue
   stays selectable HTML. CSS motifs amplify—not obscure—reading. */

#yeokjuTempleAtlas .s-chronicle[data-temple]{
 --chron-fog:color-mix(in srgb,var(--chron-accent) 16%,#080f19);
 --chron-light:color-mix(in srgb,var(--chron-accent) 50%,#ffffff);
 --chron-shadow:#07111b;
}
#yeokjuTempleAtlas .s-chron-opening{
 min-height:126svh;
 padding:77svh clamp(20px,5.5vw,32px) 85px;
 justify-content:flex-end;
 background:#07111b;
 overflow:hidden;
}
#yeokjuTempleAtlas .s-chron-opening>*:not(.s-chron-portal){
 position:relative;z-index:3;
}
#yeokjuTempleAtlas .s-chron-opening:after{
 content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(180deg,#02081004 5%,#06101b22 27%,#06101b73 48%,#06101be5 65%,#07111b 94%);
}
#yeokjuTempleAtlas .s-chron-portal{
 position:absolute;inset:0;z-index:0;overflow:hidden;
 background:radial-gradient(ellipse at 50% 22%,color-mix(in srgb,var(--chron-accent) 35%,#172033),#07111b 68%);
}
#yeokjuTempleAtlas .s-chron-portal-portrait{
 position:absolute;inset:-8% -6% 14%;background-position:center top;background-size:cover;
 opacity:.85;filter:brightness(.85) saturate(1.07);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 53%,#0000 100%);
 mask-image:linear-gradient(180deg,#000 0%,#000 53%,#0000 100%);
}
#yeokjuTempleAtlas .s-chron-portal-rune{
 position:absolute;left:50%;top:18%;transform:translateX(-50%);
 font:400 clamp(180px,45vw,250px)/1 serif;
 color:var(--chron-light);opacity:.085;text-shadow:0 0 50px var(--chron-accent);
}
#yeokjuTempleAtlas .s-chron-insignia{
 display:block;color:var(--chron-light);font:500 13px/2 var(--s-serif,serif);
 letter-spacing:.13em;padding:18px 0 14px;margin-top:8px;
 border-top:1px solid color-mix(in srgb,var(--chron-accent) 60%,transparent);
 word-break:keep-all;
}
#yeokjuTempleAtlas .s-chron-opening h3{
 font:600 clamp(30px,7.5vw,39px)/1.48 var(--s-serif,serif)!important;
 text-shadow:0 3px 22px #000e,0 0 25px color-mix(in srgb,var(--chron-accent) 15%,transparent);
 max-width:100%;margin:12px 0 20px;
}
#yeokjuTempleAtlas .s-chron-realm{
 color:#f4e8d6!important;font-size:16px;line-height:2;
 text-shadow:0 2px 14px #000c;
}
#yeokjuTempleAtlas .s-chron-invitation{
 color:var(--chron-light);font-weight:500;line-height:1.9;
 font-size:clamp(18px,4.8vw,22px);margin-top:36px;
}
#yeokjuTempleAtlas .s-chron-kicker{
 color:#f1e4cd;font-size:10px;letter-spacing:.21em;
}
#yeokjuTempleAtlas .s-chron-scene{
 position:relative;min-height:114svh;
 background:var(--chron-shadow);
 padding:86px 0 76px;
}
#yeokjuTempleAtlas .s-chron-scene-sky{z-index:0;isolation:isolate}
#yeokjuTempleAtlas .s-chron-scene:before{
 z-index:1;
 background:
 linear-gradient(180deg,#06101b18 0%,#06101b45 22%,#06101bc4 51%,#06101b 78%),
 radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--chron-accent) 25%,transparent),transparent 46%);
}
#yeokjuTempleAtlas .s-chron-scene-content{z-index:2}
#yeokjuTempleAtlas .s-chron-scene-art{
 inset:-3% -8% 25%;position:absolute;z-index:0;
 background-position:center 24%;background-size:cover;background-repeat:no-repeat;
 opacity:.62;filter:brightness(.77) contrast(1.06) saturate(.93);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,#0000 98%);
 mask-image:linear-gradient(180deg,#000 0%,#000 55%,#0000 98%);
}
#yeokjuTempleAtlas .s-chron-scene-art[data-framing=wide]{background-position:center 39%;transform:scale(1.02);opacity:.45}
#yeokjuTempleAtlas .s-chron-scene-art[data-framing=near]{background-position:50% 15%;transform:scale(1.16);opacity:.58}
#yeokjuTempleAtlas .s-chron-scene-art[data-framing=silhouette]{background-position:50% 43%;filter:brightness(.4) saturate(.82);transform:scale(1.09);opacity:.53}
#yeokjuTempleAtlas .s-chron-scene-atmosphere{
 position:absolute;inset:0;z-index:1;pointer-events:none;
 background:
 radial-gradient(ellipse at 52% 24%,color-mix(in srgb,var(--chron-accent) 16%,transparent),transparent 40%),
 linear-gradient(180deg,transparent 30%,#06101b40 54%,#06101bef 88%);
}
#yeokjuTempleAtlas .s-chron-rune{
 position:absolute;top:16%;right:6%;font:400 150px/1 serif;
 color:var(--chron-accent);opacity:.13;
 text-shadow:0 0 34px var(--chron-light);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=water] .s-chron-scene-atmosphere{
 background:repeating-radial-gradient(ellipse at 50% 12%,transparent 0 28px,color-mix(in srgb,var(--chron-accent) 8%,transparent) 29px 30px,transparent 31px 52px),
 linear-gradient(180deg,transparent 18%,#06121a55 49%,#06101bf5 90%);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=ember] .s-chron-scene-atmosphere{
 background:radial-gradient(ellipse at 42% 16%,color-mix(in srgb,var(--chron-accent) 24%,transparent),transparent 50%),linear-gradient(180deg,transparent 20%,#190b0b60 44%,#06101bfa 90%);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=bloom] .s-chron-scene-atmosphere{
 background:radial-gradient(ellipse at 68% 15%,color-mix(in srgb,var(--chron-accent) 23%,transparent),transparent 48%),linear-gradient(180deg,transparent 27%,#20101d72 50%,#06101bfa 91%);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=time] .s-chron-scene-atmosphere{
 background:repeating-conic-gradient(from 0deg at 51% 20%,transparent 0deg 29deg,color-mix(in srgb,var(--chron-accent) 7%,transparent) 30deg 31deg,transparent 32deg 60deg),
 linear-gradient(180deg,transparent 25%,#09101d90 51%,#06101bfa 88%);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=celestial] .s-chron-scene-atmosphere{
 background:radial-gradient(circle at 25% 10%,#fff7e177 0 1px,transparent 3px),radial-gradient(circle at 68% 22%,#fff7e188 0 1px,transparent 4px),radial-gradient(circle at 87% 38%,#fff7e177 0 1px,transparent 3px),linear-gradient(180deg,transparent 24%,#07132476 49%,#06101bfa 90%);
}
#yeokjuTempleAtlas .s-chron-scene[data-mood=threshold] .s-chron-scene-atmosphere{
 background:linear-gradient(98deg,transparent 36%,color-mix(in srgb,var(--chron-accent) 9%,transparent) 50%,transparent 65%),linear-gradient(180deg,transparent 24%,#07111b80 50%,#06101bf9 89%);
}
#yeokjuTempleAtlas .s-chron-scene-insignia{
 font:500 11px/2 var(--s-serif,serif);color:var(--chron-light);
 letter-spacing:.12em;word-break:keep-all;margin-bottom:15px;
}
#yeokjuTempleAtlas .s-chron-scene-content{
 padding-inline:clamp(21px,5.8vw,33px);
 text-shadow:none;
}
#yeokjuTempleAtlas .s-chron-title{
 font-size:clamp(29px,7.2vw,40px)!important;
 font-weight:600!important;
 letter-spacing:-.045em;
 text-shadow:0 3px 18px #000d,0 0 28px color-mix(in srgb,var(--chron-accent) 12%,transparent);
}
#yeokjuTempleAtlas .s-chron-narration{
 color:#eee2d1!important;font-size:17px;font-weight:400;line-height:2.1;
 text-shadow:0 2px 12px #000e;
}
#yeokjuTempleAtlas .s-chron-line{
 position:relative;isolation:isolate;
}
#yeokjuTempleAtlas .s-chron-line.is-guardian{
 max-width:100%;padding:21px 19px 21px 23px;
 margin-left:-7px;border-left:2px solid color-mix(in srgb,var(--chron-accent) 70%,#e9dbc4);
 background:linear-gradient(100deg,color-mix(in srgb,var(--chron-accent) 13%,#09131cdd),#07111cde 82%);
 box-shadow:inset 0 1px #ffffff0a,0 14px 42px #0004;
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speaker{
 font-size:12px;color:var(--chron-light);
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-utterance{
 font-size:clamp(19px,4.8vw,23px);line-height:1.95;
 font-weight:500;color:#fff8eb;
 text-shadow:0 1px 16px #000d;
}
#yeokjuTempleAtlas .s-chron-line.is-traveler{
 margin-top:12px;max-width:92%;padding:0 2px 0 12px;
}
#yeokjuTempleAtlas .s-chron-line.is-traveler .s-chron-utterance{
 font-size:clamp(18px,4.4vw,21px);line-height:1.95;color:#f0e6d6;
}
#yeokjuTempleAtlas .s-chron-line.is-revelation{
 margin-top:15px;padding:25px 21px 31px;
 border-left:2px solid var(--chron-accent);
 background:linear-gradient(120deg,color-mix(in srgb,var(--chron-accent) 19%,#081420),#08111be9 85%);
 box-shadow:0 0 45px color-mix(in srgb,var(--chron-accent) 12%,transparent),inset 0 1px #ffffff0c;
}
#yeokjuTempleAtlas .s-chron-speech-before,
#yeokjuTempleAtlas .s-chron-speech-after{display:block;color:#eee4d6;font-size:.87em;line-height:1.9}
#yeokjuTempleAtlas .s-chron-spotlight{
 display:block;position:relative;
 color:#fff7dd;font:600 clamp(22px,5.3vw,28px)/1.83 var(--s-serif,serif);
 margin:24px 0;padding:16px 0 16px 15px;
 border-left:1px solid var(--chron-accent);
 text-shadow:0 1px 14px #000d,0 0 32px color-mix(in srgb,var(--chron-accent) 28%,transparent);
 letter-spacing:-.035em;
}
#yeokjuTempleAtlas .s-chron-spotlight:before{
 content:'';position:absolute;left:-3px;top:-3px;width:5px;height:5px;
 border-radius:50%;background:var(--chron-light);box-shadow:0 0 18px 4px var(--chron-accent);
}
#yeokjuTempleAtlas .s-chron-after{
 color:#d5cab9!important;
 padding-top:25px;font-size:15px;line-height:2.05;
 text-shadow:0 1px 12px #000c;
}
#yeokjuTempleAtlas .s-chron-act{
 isolation:isolate;
 background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--chron-accent) 23%,#141722),#08121d 72%);
}
#yeokjuTempleAtlas .s-chron-act:before{
 content:'';position:absolute;inset:12% 12%;z-index:-1;pointer-events:none;
 border:1px solid color-mix(in srgb,var(--chron-accent) 30%,transparent);
 border-radius:50%;opacity:.5;
}
#yeokjuTempleAtlas .s-chron-act h4{
 font-weight:600!important;
 text-shadow:0 3px 22px #000c,0 0 20px color-mix(in srgb,var(--chron-accent) 18%,transparent);
}
#yeokjuTempleAtlas .s-chron-toolbar,
#yeokjuTempleAtlas .s-chron-foot{z-index:2}
#yeokjuTempleAtlas .s-chron-foot{
 border-top:1px solid color-mix(in srgb,var(--chron-accent) 35%,transparent);
}

/* Eleven DIFFERENT visual materials, silhouettes and lighting signatures. */
#yeokjuTempleAtlas .s-chronicle[data-temple=origin]{--chron-shadow:#101009}
#yeokjuTempleAtlas .s-chronicle[data-temple=origin] .s-chron-portal:before{
 content:'';position:absolute;inset:-28% -40%;pointer-events:none;
 background:repeating-conic-gradient(from 3deg at 50% 32%,#f3d17d16 0deg 3deg,transparent 3deg 21deg);
}
#yeokjuTempleAtlas .s-chronicle[data-temple=personality]{--chron-shadow:#061225}
#yeokjuTempleAtlas .s-chronicle[data-temple=personality] .s-chron-portal:before{
 content:'';position:absolute;width:190px;height:190px;top:13%;left:11%;border:1px solid #a5c3ff93;border-radius:50%;
 box-shadow:0 0 0 20px #99bcf90d,0 0 95px 30px #99bcf944;
}
#yeokjuTempleAtlas .s-chronicle[data-temple=talent]{--chron-shadow:#151619}
#yeokjuTempleAtlas .s-chronicle[data-temple=talent] .s-chron-portal:before{
 content:'';position:absolute;inset:6% 2% 36%;background:
 radial-gradient(circle at 50% 27%,#fff8e483,transparent 28%),
 radial-gradient(circle at 15% 63%,#ffffff55 0 3px,transparent 9px),
 radial-gradient(circle at 80% 46%,#ffffff70 0 4px,transparent 13px);pointer-events:none;
}
#yeokjuTempleAtlas .s-chronicle[data-temple=career]{--chron-shadow:#071a18}
#yeokjuTempleAtlas .s-chronicle[data-temple=career] .s-chron-portal:before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(119deg,transparent 35%,#98f5cb26 49%,transparent 51%),linear-gradient(62deg,transparent 57%,#69dbb622 58%,transparent 60%);
}
#yeokjuTempleAtlas .s-chronicle[data-temple=money]{--chron-shadow:#17100a}
#yeokjuTempleAtlas .s-chronicle[data-temple=money] .s-chron-portal:before{
 content:'';position:absolute;inset:4% 6% 27%;
 background:repeating-linear-gradient(168deg,transparent 0 48px,#f3b64b19 49px 50px,transparent 51px 90px);
 pointer-events:none;
}
#yeokjuTempleAtlas .s-chronicle[data-temple=love]{--chron-shadow:#210e1d}
#yeokjuTempleAtlas .s-chronicle[data-temple=love] .s-chron-portal:before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:
 radial-gradient(ellipse 18px 9px at 19% 28%,#ffc3dc97 0%,transparent 95%),
 radial-gradient(ellipse 26px 12px at 79% 41%,#f9a8d0a9 0%,transparent 95%),
 radial-gradient(ellipse 12px 27px at 64% 16%,#f6b3df86 0%,transparent 95%),
 radial-gradient(ellipse 25px 11px at 28% 49%,#f3b1cb9d 0%,transparent 95%);
}
#yeokjuTempleAtlas .s-chronicle[data-temple=family]{--chron-shadow:#151514}
#yeokjuTempleAtlas .s-chronicle[data-temple=family] .s-chron-portal:before{
 content:'';position:absolute;inset:0 8% 35%;pointer-events:none;
 border:1px solid #e7d7aa33;border-radius:44% 44% 0 0;box-shadow:0 0 0 18px #bcae8410,0 0 0 46px #bcae8409;
}
#yeokjuTempleAtlas .s-chronicle[data-temple=fortune]{--chron-shadow:#16111e}
#yeokjuTempleAtlas .s-chronicle[data-temple=fortune] .s-chron-portal:before{
 content:'';position:absolute;top:6%;left:6%;right:6%;height:50%;border:1px solid #d7adfa57;border-radius:50%;
 background:repeating-conic-gradient(from 0deg,#bb9bda32 0deg 1deg,transparent 1deg 29deg,#bb9bda32 30deg 31deg,transparent 31deg 60deg);
 pointer-events:none;
}
#yeokjuTempleAtlas .s-chronicle[data-temple=year]{--chron-shadow:#071521}
#yeokjuTempleAtlas .s-chronicle[data-temple=year] .s-chron-portal:before{
 content:'';position:absolute;inset:2% 0 38%;pointer-events:none;
 background:
 radial-gradient(circle at 16% 22%,#b6f4ffb9 0 2px,transparent 4px),
 radial-gradient(circle at 76% 38%,#b6f4ffbe 0 1px,transparent 4px),
 radial-gradient(circle at 58% 16%,#b6f4ffbd 0 2px,transparent 4px),
 radial-gradient(circle at 31% 67%,#b6f4ff9c 0 1px,transparent 3px);
}
#yeokjuTempleAtlas .s-chronicle[data-temple=choice]{--chron-shadow:#220c0d}
#yeokjuTempleAtlas .s-chronicle[data-temple=choice] .s-chron-portal:before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse at 50% 32%,#ff835053,transparent 51%),linear-gradient(104deg,transparent 55%,#ff70451c 61%,transparent 66%);
}
#yeokjuTempleAtlas .s-chronicle[data-temple=letter]{--chron-shadow:#151121}
#yeokjuTempleAtlas .s-chronicle[data-temple=letter] .s-chron-portal:before{
 content:'';position:absolute;inset:12% 13% 42%;pointer-events:none;
 background:linear-gradient(137deg,transparent 46%,#d6b7fa42 47%,transparent 48%),linear-gradient(43deg,transparent 46%,#d6b7fa3d 47%,transparent 48%);
 border:1px solid #dbbdf333;border-radius:4px;transform:rotate(-8deg);
}
@media(max-width:360px){
 #yeokjuTempleAtlas .s-chron-opening{padding-top:66svh;min-height:120svh}
 #yeokjuTempleAtlas .s-chron-scene-content{padding-inline:20px}
 #yeokjuTempleAtlas .s-chron-line.is-guardian{padding:18px 16px;margin-left:0}
 #yeokjuTempleAtlas .s-chron-spotlight{padding-left:12px}
}
@media(prefers-reduced-motion:no-preference){
 #yeokjuTempleAtlas .s-chron-portal-rune{animation:s-chron-breathe 9s ease-in-out infinite alternate}
 @keyframes s-chron-breathe{from{opacity:.06;transform:translateX(-50%) scale(.95)}to{opacity:.16;transform:translateX(-50%) scale(1.06)}}
}
@media(prefers-reduced-motion:reduce){#yeokjuTempleAtlas .s-chron-portal-rune{animation:none!important}}


/* YEOKJU uninterrupted 16-scene temple chronicle.
   Four authored interludes per temple, in scenes 04/08/12/16 only.
   All quotations come from existing fictional scenes, not calculated profiles. */
#yeokjuTempleAtlas .s-chron-autoplay .s-chron-more:not([hidden]){
 position:relative;display:block;width:100%;height:1px;min-height:1px;max-height:1px;
 padding:0;margin:0;border:0;opacity:0;overflow:hidden;pointer-events:none;
}
#yeokjuTempleAtlas .s-chron-autoplay .s-chron-more:focus-visible{
 height:auto;min-height:60px;max-height:none;width:calc(100% - 40px);
 padding:14px;margin:16px auto;opacity:1;overflow:visible;pointer-events:auto;
}
#yeokjuTempleAtlas .s-chron-reading-status[hidden]{display:none!important}
#yeokjuTempleAtlas .s-chron-reading-status{
 padding:14px 25px;margin:0;color:#d9cab6;text-align:center;
 font:400 12px/1.9 var(--s-serif,serif);background:#06101b;
}
#yeokjuTempleAtlas .s-chron-interlude{
 --il-ink:#06111d;
 --il-metal:var(--chron-accent);
 --il-etch:color-mix(in srgb,var(--il-metal) 33%,#b0cadf);
 --il-lustre:color-mix(in srgb,var(--il-metal) 25%,#0000);
 --il-frame:color-mix(in srgb,var(--il-metal) 62%,#243852);
 position:relative;isolation:isolate;overflow:hidden;min-height:85svh;
 display:flex;align-items:center;justify-content:center;
 padding:76px clamp(18px,5vw,30px) 78px;
 color:#f9f0df;font-family:var(--s-serif,serif);
 background:
 radial-gradient(ellipse at 53% 21%,var(--il-lustre),transparent 56%),
 linear-gradient(160deg,#081522 0%,#09111f 53%,#040a12 100%);
}
#yeokjuTempleAtlas .s-chron-interlude-art{
 position:absolute;inset:-4% -8% 4%;z-index:-1;
 background-position:center 34%;background-size:cover;background-repeat:no-repeat;
 opacity:.2;filter:brightness(.53) saturate(.83);
 -webkit-mask-image:linear-gradient(180deg,#0005 0%,#000 34%,#000 62%,#0000 100%);
 mask-image:linear-gradient(180deg,#0005 0%,#000 34%,#000 62%,#0000 100%);
}
#yeokjuTempleAtlas .s-chron-interlude:before{
 content:'';position:absolute;inset:17px 13px;z-index:0;pointer-events:none;
 border:1px solid var(--il-frame);
 outline:1px solid color-mix(in srgb,var(--il-metal) 15%,#0000);
 outline-offset:-8px;
 box-shadow:inset 0 0 0 4px #07111b88,inset 0 0 45px #0006,0 0 45px #0006;
 border-radius:8px;
}
#yeokjuTempleAtlas .s-chron-interlude:after{
 content:'✦';position:absolute;top:13px;left:50%;transform:translateX(-50%);
 z-index:1;width:70px;text-align:center;
 font:400 28px/1.6 var(--s-serif,serif);color:var(--il-etch);
 text-shadow:0 0 25px var(--il-metal);
 background:#071322;
}
#yeokjuTempleAtlas .s-chron-interlude-inner{
 position:relative;z-index:2;width:100%;max-width:430px;
 display:flex;flex-direction:column;align-items:center;
 text-align:center;padding:28px clamp(12px,3vw,21px);
}
#yeokjuTempleAtlas .s-chron-interlude-index{
 color:var(--il-etch);font:600 10px/1.7 var(--s-sans,sans-serif);
 letter-spacing:.22em;margin-bottom:28px;
}
#yeokjuTempleAtlas .s-chron-interlude-symbol{
 display:flex;align-items:center;justify-content:center;width:86px;height:86px;
 color:var(--il-etch);font:400 55px/1 serif;margin:6px auto 20px;
 border:1px solid color-mix(in srgb,var(--il-metal) 70%,#ffffff14);
 border-radius:50%;
 background:radial-gradient(circle,var(--il-lustre),transparent 72%);
 box-shadow:0 0 24px color-mix(in srgb,var(--il-metal) 20%,transparent);
}
#yeokjuTempleAtlas .s-chron-interlude-caption{
 color:var(--il-etch);font:500 13px/1.8 var(--s-serif,serif);
 letter-spacing:.09em;margin-bottom:16px;
}
#yeokjuTempleAtlas .s-chron-interlude-heading{
 margin:0 0 18px!important;font:600 clamp(25px,6.5vw,37px)/1.6 var(--s-serif,serif)!important;
 color:#fff6e7!important;letter-spacing:-.04em;word-break:keep-all;
 text-shadow:0 2px 18px #000e,0 0 24px var(--il-lustre);
}
#yeokjuTempleAtlas .s-chron-interlude-lead{
 color:#eee2d1!important;font:400 clamp(16px,4vw,19px)/2 var(--s-serif,serif)!important;
 margin:0 0 21px;max-width:26em;word-break:keep-all;text-shadow:0 1px 14px #000b;
}
#yeokjuTempleAtlas .s-chron-scripture{
 position:relative;width:100%;margin:33px 0 34px;padding:33px 22px;
 border:1px solid var(--il-frame);
 background:linear-gradient(145deg,#05101bcf,#11192aef);
 box-shadow:inset 0 0 0 4px #071523,inset 0 0 0 5px color-mix(in srgb,var(--il-metal) 30%,transparent),0 12px 35px #0005;
}
#yeokjuTempleAtlas .s-chron-scripture-label{
 display:block;font:500 12px/1.9 var(--s-serif,serif);
 color:var(--il-etch);margin-bottom:22px;
}
#yeokjuTempleAtlas .s-chron-scripture p{
 font:500 clamp(19px,4.5vw,23px)/2 var(--s-serif,serif);
 color:#f9f1e5!important;margin:0;word-break:keep-all;
}
#yeokjuTempleAtlas .s-chron-four-marks{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 width:100%;gap:10px;margin:21px 0 5px;
}
#yeokjuTempleAtlas .s-chron-four-mark{
 display:flex;gap:9px;align-items:center;min-height:68px;padding:11px;
 border:1px solid color-mix(in srgb,var(--il-metal) 44%,transparent);
 background:linear-gradient(110deg,color-mix(in srgb,var(--il-metal) 10%,#081420d9),#07121bd9);
 text-align:left;
}
#yeokjuTempleAtlas .s-chron-four-mark b{
 flex:0 0 25px;color:var(--il-etch);font:500 13px/1.7 var(--s-serif,serif);
}
#yeokjuTempleAtlas .s-chron-four-mark small{
 color:#eee3d3;font:400 12px/1.65 var(--s-serif,serif);
 word-break:keep-all;
}
#yeokjuTempleAtlas .s-chron-interlude[data-cut="2"]{
 min-height:94svh;
 background:radial-gradient(ellipse at 50% 18%,var(--il-lustre),transparent 55%),linear-gradient(175deg,#0d1422,#050a13 85%);
}
#yeokjuTempleAtlas .s-chron-seal-lines{
 position:relative;width:100%;display:flex;flex-direction:column;gap:15px;
 margin:27px auto -20px;padding:32px 18px 60px;
 border:1px solid var(--il-frame);background:#050a13b7;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#0003 74%,#0000 100%);
 mask-image:linear-gradient(180deg,#000 0%,#0003 74%,#0000 100%);
 overflow:hidden;
}
#yeokjuTempleAtlas .s-chron-seal-lines span{
 display:block;filter:blur(6px);color:#d8cbbb;
 font:400 17px/1.95 var(--s-serif,serif);white-space:nowrap;
}
#yeokjuTempleAtlas .s-chron-seal-lock{
 display:grid;place-items:center;z-index:1;margin:0 auto 20px;
 width:62px;height:62px;border-radius:50%;border:1px solid var(--il-frame);
 background:#091522;color:var(--il-etch);font-size:33px;
 box-shadow:0 0 30px var(--il-lustre);
}
#yeokjuTempleAtlas .s-chron-insert-birth{
 display:block;width:100%;max-width:350px;min-height:58px;
 margin:22px auto 0;padding:14px 17px;cursor:pointer;
 border:1px solid var(--il-metal);border-radius:5px;
 background:linear-gradient(100deg,color-mix(in srgb,var(--il-metal) 21%,#151923),#101822 85%);
 color:#fff7e8;font:600 16px/1.7 var(--s-serif,serif);
 box-shadow:0 0 30px color-mix(in srgb,var(--il-metal) 12%,transparent);
}
#yeokjuTempleAtlas .s-chron-insert-birth:focus-visible{outline:3px solid #fff0be;outline-offset:4px}
#yeokjuTempleAtlas .s-chron-interlude[data-cut="3"]{
 min-height:92svh;
 background:radial-gradient(ellipse at 50% 37%,var(--il-lustre),transparent 70%),linear-gradient(150deg,#120b11,#09121b 80%);
}
#yeokjuTempleAtlas .s-chron-interlude[data-cut="3"]:before{
 inset:27px 21px;border-width:2px;border-radius:11px;transform:rotate(-.5deg);
 box-shadow:inset 0 0 0 5px #100e17,inset 0 0 0 7px var(--il-frame),0 25px 55px #0007;
}
#yeokjuTempleAtlas .s-chron-inscription{
 margin:26px 0 0;padding:30px 14px;
 color:#f9ede4;max-width:100%;
}
#yeokjuTempleAtlas .s-chron-inscription p{
 margin:0;color:#fff4e5!important;
 font:600 clamp(21px,5.4vw,30px)/1.88 var(--s-serif,serif);
 letter-spacing:-.03em;word-break:keep-all;
 text-shadow:0 2px 17px #000d,0 0 30px var(--il-lustre);
}
#yeokjuTempleAtlas .s-chron-inscription-mark{
 display:block;color:var(--il-metal);opacity:.7;font:400 40px/1 var(--s-serif,serif);
}
#yeokjuTempleAtlas .s-chron-interlude[data-cut="4"]{
 min-height:100svh;background:radial-gradient(ellipse at 50% 23%,var(--il-lustre),transparent 65%),#07121b;
}
#yeokjuTempleAtlas .s-chron-interlude[data-cut="4"] .s-chron-four-marks{margin-top:36px}
#yeokjuTempleAtlas .s-chron-interlude.is-finale:after{content:'◆'}
/* The eleven artefacts share a brand system, not identical paper surfaces. */
#yeokjuTempleAtlas .s-chron-interlude[data-material=solar-register]{--il-metal:#f6cb77;--il-ink:#17130c}
#yeokjuTempleAtlas .s-chron-interlude[data-material=solar-register]:before{border-radius:0;outline:2px solid #d2a55b42;outline-offset:-13px}
#yeokjuTempleAtlas .s-chron-interlude[data-material=moon-mirror]{--il-metal:#84b8f6}
#yeokjuTempleAtlas .s-chron-interlude[data-material=moon-mirror]:before{border-radius:45% 45% 10px 10px/15% 15% 10px 10px}
#yeokjuTempleAtlas .s-chron-interlude[data-material=pearl-blueprint]{--il-metal:#f0e6cd}
#yeokjuTempleAtlas .s-chron-interlude[data-material=pearl-blueprint]:before{border-style:double;border-width:4px;border-radius:20px}
#yeokjuTempleAtlas .s-chron-interlude[data-material=emerald-compass]{--il-metal:#76d8b4}
#yeokjuTempleAtlas .s-chron-interlude[data-material=emerald-compass]:before{border-radius:5px;clip-path:polygon(0 0,92% 0,100% 7%,100% 100%,8% 100%,0 93%)}
#yeokjuTempleAtlas .s-chron-interlude[data-material=golden-ledger]{--il-metal:#edbc62}
#yeokjuTempleAtlas .s-chron-interlude[data-material=golden-ledger] .s-chron-scripture{background:repeating-linear-gradient(180deg,#12150f 0 37px,#ad873224 38px,#12150f 39px)}
#yeokjuTempleAtlas .s-chron-interlude[data-material=rose-seal]{--il-metal:#f79ac6}
#yeokjuTempleAtlas .s-chron-interlude[data-material=rose-seal]:before{border-radius:16px 2px 16px 2px;box-shadow:inset 0 0 0 6px #160e19,0 0 75px #b9447133}
#yeokjuTempleAtlas .s-chron-interlude[data-material=moonstone-map]{--il-metal:#ddd0ad}
#yeokjuTempleAtlas .s-chron-interlude[data-material=moonstone-map]:before{border-radius:36% 36% 4px 4px/12% 12% 4px 4px}
#yeokjuTempleAtlas .s-chron-interlude[data-material=amethyst-clock]{--il-metal:#c5a4f0}
#yeokjuTempleAtlas .s-chron-interlude[data-material=amethyst-clock] .s-chron-interlude-symbol{box-shadow:0 0 0 14px #b991ea0e,0 0 0 29px #a67cd007,0 0 40px #8d64c644}
#yeokjuTempleAtlas .s-chron-interlude[data-material=sapphire-sky]{--il-metal:#91cce8}
#yeokjuTempleAtlas .s-chron-interlude[data-material=sapphire-sky]:before{border-radius:18px;outline-style:dashed}
#yeokjuTempleAtlas .s-chron-interlude[data-material=ruby-tablet]{--il-metal:#e66c61}
#yeokjuTempleAtlas .s-chron-interlude[data-material=ruby-tablet]:before{border:3px solid #a84943;border-radius:22px 7px 17px 3px;transform:rotate(.6deg);background:radial-gradient(ellipse at 65% 2%,#942f2419,transparent 61%)}
#yeokjuTempleAtlas .s-chron-interlude[data-material=ruby-tablet] .s-chron-inscription p{font-weight:700}
#yeokjuTempleAtlas .s-chron-interlude[data-material=star-letter]{--il-metal:#d5b5f2}
#yeokjuTempleAtlas .s-chron-interlude[data-material=star-letter]:before{border-radius:2px;transform:rotate(-.6deg);box-shadow:inset 0 0 0 8px #130f1d,0 16px 45px #0008}
@media(max-width:360px){
 #yeokjuTempleAtlas .s-chron-interlude{padding-inline:12px}
 #yeokjuTempleAtlas .s-chron-interlude:before{inset:12px 8px}
 #yeokjuTempleAtlas .s-chron-interlude-inner{padding-inline:12px}
 #yeokjuTempleAtlas .s-chron-four-mark{padding:9px 6px}
}
@media(prefers-reduced-motion:reduce){#yeokjuTempleAtlas .s-chron-interlude *{animation:none!important;transition:none!important}}


/* Guardian-only readable dialogue. The visitor's speech, headings and CG art
   deliberately retain their existing type system. */
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speaker{
 font-family:"Pretendard Variable","Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important;
 font-size:13px!important;
 font-weight:700!important;
 line-height:1.55!important;
 letter-spacing:0!important;
 color:color-mix(in srgb,var(--chron-accent,#e4c58b) 60%,#fff 40%)!important;
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-utterance,
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-before,
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-after{
 font-family:"Pretendard Variable","Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important;
 font-weight:500!important;
 font-size:clamp(17px,4.45vw,20px)!important;
 line-height:1.88!important;
 letter-spacing:-.025em!important;
 word-break:keep-all;
 overflow-wrap:break-word;
 color:#fff7e9!important;
 text-shadow:0 1px 12px #000c!important;
}
#yeokjuTempleAtlas .s-chron-line.is-guardian{
 border-left-width:2px;
 padding:clamp(17px,4vw,23px) clamp(15px,4vw,21px);
 background:linear-gradient(105deg,color-mix(in srgb,var(--chron-accent) 9%,#08131fe8),#07121bef 78%);
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-spotlight{
 font-family:"Pretendard Variable","Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important;
 font-size:clamp(19px,5vw,24px)!important;
 font-weight:700!important;
 line-height:1.84!important;
 letter-spacing:-.028em;
 color:#fff7e5!important;
 word-break:keep-all;
 overflow-wrap:break-word;
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-guardian-accent{
 font-family:inherit!important;
 font-size:inherit!important;
 line-height:inherit!important;
 letter-spacing:inherit!important;
 font-weight:800!important;
 color:color-mix(in srgb,var(--chron-accent,#e4c58b) 66%,#fff 34%)!important;
 -webkit-text-fill-color:currentColor;
 text-shadow:0 0 15px color-mix(in srgb,var(--chron-accent) 24%,transparent);
}
#yeokjuTempleAtlas .s-chron-line.is-guardian .s-guardian-accent--caution{
 color:#ffb9a8!important;
 text-shadow:0 0 12px #bf3c3c48;
}
@media(max-width:480px){
 #yeokjuTempleAtlas .s-chron-line.is-guardian{
  margin-left:0;
  margin-right:0;
  max-width:100%;
  padding:18px 16px 19px;
 }
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-utterance,
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-before,
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-after{
  font-size:17px!important;
  line-height:1.83!important;
 }
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-spotlight{
  font-size:20px!important;line-height:1.8!important;
 }
}
@media(max-width:360px){
 #yeokjuTempleAtlas .s-chron-line.is-guardian{padding:15px 13px 17px}
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-utterance,
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-before,
 #yeokjuTempleAtlas .s-chron-line.is-guardian .s-chron-speech-after{font-size:16px!important;line-height:1.83!important}
}