/* Engraved edges and calm, legible controls. The stage owns the spectacle. */
.jy-atelier .jr-dialog[data-story] .jr-header button,
.jy-atelier .jr-dialog[data-story] .jr-intent button,
.jy-atelier .jr-dialog[data-story] .jr-reveal-controls button{
 min-height:44px!important;border-radius:12px!important;
 border:1px solid #c7af7b66!important;
 background:linear-gradient(160deg,#394356d9,#192538e8 44%,#101828f2)!important;
 box-shadow:inset 0 1px #fff3,inset 0 -1px #070c17,0 2px #070b13,0 6px 14px #0004!important;
 color:#e8ddca!important;transition:border-color .2s,box-shadow .2s,background .2s;
}
.jy-atelier .jr-dialog[data-story] .jr-intent button[aria-pressed=true]{
 color:#fff1ce!important;border-color:#e7c988!important;
 background:linear-gradient(140deg,#74664a80,#343b48e8 55%,#1a2435)!important;
 box-shadow:inset 0 1px #ffe2a555,inset 0 0 15px #ddba6c0d,0 2px #090e19,0 0 12px #edd09714!important;
}
.jy-atelier .jr-dialog[data-story] .jr-dialogue{
 border-color:#c5ac7259!important;
 background:radial-gradient(ellipse at 8% 0,#84674326,transparent 58%),linear-gradient(145deg,#243340ed,#0c1628f5)!important;
 box-shadow:inset 0 1px #f5dba640,inset 0 0 0 5px #060d171c,0 -10px 36px #050a1155,0 18px 40px #0006!important;
}
.jy-atelier .jr-dialog[data-story] .jr-next{
 border-radius:12px!important;border-color:#f7dd9f!important;
 background:linear-gradient(108deg,#f8e6b9 0%,#ebce93 28%,#c8a66b 65%,#ead2a0 90%,#fae7bd)!important;
 box-shadow:inset 0 2px #fff4d98c,inset 0 -2px #9c754752,0 3px #826342,0 6px #101725,0 12px 23px #0006!important;
 text-shadow:0 1px #fff2bf70;
}
.jy-atelier .jr-dialog[data-story] .jr-next:disabled{box-shadow:inset 0 1px #fff1!important;text-shadow:none;opacity:.7}
.jy-atelier .jr-dialog[data-story] .jr-footer{border-top:1px solid #d0b37828!important;margin-top:12px!important}
.jy-atelier .at-deck-browser button{border-radius:12px!important;min-width:72px;box-shadow:inset 0 1px #efdcbc40,0 2px #080c18,0 6px 12px #0004!important}
.jy-atelier #step-2 #t-deck[data-deck-mode=native]{border-radius:20px!important;overflow-anchor:none}
.jy-atelier .jy-spread-trigger-sub,.jy-atelier #ln-spread-preview{white-space:pre-line;line-height:1.75!important;font-size:13px!important;overflow-wrap:anywhere}
.jy-atelier .jy-spread-trigger{align-items:flex-start!important}
.jy-atelier .jy-spread-trigger-icon{flex-shrink:0}
.jy-atelier :is(.zw-fact,.bzx-gz,.mhx-gua){border:1px solid #bc9c6354!important;box-shadow:inset 0 1px #f0d3a02e,inset 0 -1px #03081299,0 3px #080d19,0 10px 21px #0003!important}

.jy-atelier .jx-palace{background:linear-gradient(130deg,#425064,#222e44 40%,#141e31);border-color:#b49b6f69;box-shadow:inset 0 1px #eed6a44d,inset 0 0 0 3px #020a1429,0 3px #050b15,0 9px 20px #0006}
.jy-atelier .jx-palace[aria-pressed=true]{background:linear-gradient(135deg,#766344,#45394b 54%,#25253b);border-color:#efd49b;box-shadow:inset 0 1px #ffeabb80,inset 0 0 0 3px #ead4a110,0 3px #101323,0 0 24px #d6b67624}
.jy-atelier .jx-palace.is-related{border-color:#9ce5df;box-shadow:inset 0 1px #b4ede544,0 3px #050b15,0 0 16px #79d8d530}
.jy-atelier .jx-orbit-center{border:1px solid #d5bc895e;box-shadow:inset 0 2px #e2caa844,inset 0 0 0 6px #060e203d,inset 0 0 0 7px #b1966026,0 9px 25px #0006;background:radial-gradient(ellipse at 35% 15%,#ad8c6040,#30304a 43%,#141d31 78%)}
.jy-atelier .jx-palace-detail,.jy-atelier .jx-atlas-head{border-color:#c5aa764f;background:radial-gradient(ellipse at 95% 0,#89699a26,transparent 65%),linear-gradient(145deg,#263045,#111b2d);box-shadow:inset 0 1px #ecd4a33b,0 10px 28px #0004}
.jy-atelier .jx-star{box-shadow:inset 0 1px #fff1;background:linear-gradient(140deg,#253147,#101b2e)}
.jy-atelier .jx-pillar-detail,.jy-atelier .jx-hexagram{border-color:#c5ab7252;box-shadow:inset 0 1px #ead4a024}

/* A readable record is always present, including when the cinematic is skipped. */
.ootk-record{--record-gold:#e4c68c;position:relative;text-align:left;margin:0 0 24px;padding:26px 24px;border:1px solid #ccb48066;border-radius:20px;background:radial-gradient(ellipse at 0 0,#8e724732,transparent 60%),linear-gradient(145deg,#263441,#10192a);box-shadow:inset 0 1px #f6e2b550,0 15px 30px #0004;color:#c9d0d8;overflow-wrap:anywhere}
.ootk-record-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #d2b8813d}
.ootk-record-heading>span{font:11px/1.6 var(--f-body,sans-serif);letter-spacing:2px;color:#baa77f}
.ootk-record-heading strong{font:32px/1.2 var(--f-display,serif);color:var(--record-gold);white-space:nowrap}
.ootk-record-heading small{font:12px/1.5 var(--f-body,sans-serif);color:#c4bdae}
.ootk-record h2{font:400 clamp(22px,5vw,30px)/1.5 var(--f-display,serif);color:#efddb6;margin:20px 0 10px;letter-spacing:1px}
.ootk-record>p{font:14px/1.8 var(--f-body,sans-serif);margin:9px 0}
.ootk-record .ootk-record-note{padding:12px 14px;border-left:2px solid #d7b66f7a;border-radius:0 8px 8px 0;background:#030c1959;font:13px/1.8 var(--f-body,sans-serif);color:#d4c8ad}
.ootk-record>ol{list-style:none;padding:0;margin:22px 0 0}
.ootk-record-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;margin:0;border-top:1px solid #cfba8a26}
.ootk-record-number{font:20px/1.4 var(--f-display,serif);color:#d3bc87;font-variant-numeric:tabular-nums}
.ootk-record-row h3{font:500 16px/1.5 var(--f-display,serif);color:#ead9b5;margin:0 0 4px;letter-spacing:1px}
.ootk-record-row p{font:13px/1.8 var(--f-body,sans-serif);margin:2px 0;color:#b6c7c7}
.ootk-record-row[data-record-state=not-run] h3,.ootk-record-row[data-record-state=not-run] p{color:#a6abb6}
.ootk-record-row[data-record-state=stopped] h3{color:#eac389}
.ootk-record-row details{margin-top:6px;border:1px solid #cdb7892e;background:#08122361;border-radius:9px;padding:0 12px}
.ootk-record-row summary{cursor:pointer;min-height:44px;padding:10px 0;font:13px/1.6 var(--f-body,sans-serif);color:#dbc494}
.ootk-record-row summary span{display:block;padding-top:3px;color:#a4b4c4;font-size:11px}
.ootk-record-row details[open]{padding-bottom:12px}.ootk-record-row details[open]>p{margin:9px 0}
.ootk-record summary:focus-visible{outline:2px solid #f3d49a;outline-offset:3px;border-radius:4px}
#ootk-sequence-overlay .ootk-sequence-actions{padding:12px 14px!important;background:linear-gradient(145deg,#24313feF,#10182aF5)!important;border-bottom:1px solid #cdb17a55;box-shadow:0 6px 20px #0005}
#ootk-sequence-overlay .ootk-sequence-actions button{min-height:46px!important;border-radius:10px!important;font:13px/1.5 var(--f-body,sans-serif)!important;padding:10px 14px!important}
#ootk-sequence-overlay #ootk-fast-result{background:linear-gradient(120deg,#efddb6,#c5a36d)!important;border-color:#f2d89c!important;box-shadow:inset 0 1px #fff7,0 2px #6b533a;color:#18222e!important}
@media(max-width:380px){.ootk-record{padding:20px 17px}.ootk-record-row{gap:9px;grid-template-columns:28px minmax(0,1fr)}.ootk-record-heading>span{font-size:9px;letter-spacing:1px}.jy-atelier .jy-spread-trigger-sub{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.jy-atelier .jr-dialog[data-story] :is(button,summary){transition:none!important}}

/* Four time seals: sculpted metal, recessed enamel and engraved light.
   These are ceremonial controls; no invented birth-chart values are displayed. */
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-playfield{perspective:900px;isolation:isolate;height:171px!important;max-width:410px!important;margin-bottom:8px!important}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seals{position:relative;align-items:end!important;gap:clamp(10px,3vw,20px)!important;padding:0 10px 15px;transform-style:preserve-3d}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seals::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:20px;z-index:-1;border:1px solid #e5c4868c;border-radius:50% 50% 7px 7px / 35% 35% 6px 6px;background:linear-gradient(#141e30 5%,#b89960 15%,#ecce8b 23%,#574733 32%,#172130 47%,#323037 76%,#997642 81%,#1b1620 95%);box-shadow:0 9px 14px #000b,inset 0 1px #fae6b5}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal{
 --seal-glow:#d8c29a;position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start!important;gap:0!important;box-sizing:border-box;min-width:0!important;width:100%!important;max-width:84px;min-height:0!important;height:150px!important;padding:18px 4px 8px!important;overflow:visible!important;
 border:1px solid #c2a570b3!important;border-radius:30px 30px 11px 11px / 16px 16px 8px 8px!important;
 background:radial-gradient(ellipse at 26% 9%,#d7c5a130,transparent 44%),repeating-linear-gradient(100deg,#b6cecc05 0 1px,transparent 1px 4px),linear-gradient(105deg,#0c1726,#34465a 15%,#162737 25%,#0c1727 61%,#344052 85%,#131b2a)!important;
 color:#dfc28b!important;box-shadow:inset 2px 0 2px #fff2,inset -3px -2px 4px #02050bbf,inset 0 0 0 4px #b6996033,inset 0 0 0 5px #050d1e,2px 4px 0 #665038,3px 6px 0 #241e20,0 12px 18px #000a!important;
 transform:rotateY(calc((var(--i) - 1.5)*-3deg)) translateY(0)!important;transform-origin:50% 100%;transition:transform .35s,box-shadow .35s,filter .35s!important;text-shadow:0 1px #040811,0 -1px #fae1a340;touch-action:manipulation;
}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal::before{content:"";position:absolute;inset:7px;border:1px solid #b8a37633;border-radius:24px 24px 6px 6px;pointer-events:none;background:linear-gradient(130deg,#fff2,transparent 23% 75%,#cce5ed09);box-shadow:inset 0 0 13px #030912}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-etch{position:absolute;inset:-3px -3px 0;width:calc(100% + 6px);height:calc(100% + 3px);fill:none;stroke:#c3a56b;stroke-width:.7;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 #fff2);pointer-events:none}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-emblem{position:relative;width:31px;height:30px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;margin:0 0 3px;filter:drop-shadow(0 1px 1px #000)}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-glyph{position:relative;display:block!important;font:400 31px/1.3 var(--f-display,"Noto Serif TC",serif)!important;letter-spacing:0!important;color:inherit!important}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-caption{position:relative;display:block!important;margin:3px 0 0!important;font:500 8px/1.4 var(--f-body,sans-serif)!important;letter-spacing:1.7px!important;color:#d3c3a2!important;opacity:.85!important}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-state{position:relative;display:block!important;margin:7px 0 0!important;padding-top:4px;border-top:1px solid #d9ba713d;font:400 9px/1.4 var(--f-body,sans-serif)!important;letter-spacing:1px!important;color:#acb8bf!important;opacity:1!important;white-space:nowrap}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-jewel{position:absolute;z-index:1;left:calc(50% - 5px);top:2px;width:10px;height:12px;clip-path:polygon(50% 0,100% 38%,85% 80%,50% 100%,15% 80%,0 38%);background:conic-gradient(from 30deg,#466178,#cfdfdd,#5b7b8d,#142e41,#aacccf,#3e5b70);filter:drop-shadow(0 0 4px #aed8dc80)}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-foot{position:absolute;bottom:-6px;left:11%;right:11%;height:9px;border:1px solid #b59665;border-radius:2px;background:linear-gradient(#f1d797,#6d5433 36%,#d1ab66 52%,#403527 85%);box-shadow:0 2px 3px #0008}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal[aria-pressed=true]{
 color:#ffdfa0!important;border-color:#f4d693!important;
 background:radial-gradient(ellipse at 50% 35%,#c59a4b30,transparent 66%),repeating-linear-gradient(100deg,#e6d2a509 0 1px,transparent 1px 4px),linear-gradient(105deg,#162431,#4b5360 15%,#203344 28%,#122234 61%,#4c5360 85%,#202738)!important;
 box-shadow:inset 2px 0 3px #ffebb163,inset -3px -2px 4px #02050bcc,inset 0 0 0 4px #e5bb6350,inset 0 0 0 5px #081321,2px 4px 0 #967544,3px 6px 0 #332927,0 12px 18px #000a,0 0 20px #e3be652b!important;
 transform:rotateY(calc((var(--i) - 1.5)*-3deg)) translateY(-5px)!important;
}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal[aria-pressed=true] .jr-seal-etch{stroke:#f6d796;filter:drop-shadow(0 1px 0 #2d2114) drop-shadow(0 0 2px #edc57755)}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal[aria-pressed=true] .jr-seal-jewel{background:conic-gradient(from 30deg,#906c3f,#fff7d4,#e4c280,#785537,#fff0b9,#bfa371);filter:drop-shadow(0 0 5px #f8d788)}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal[aria-pressed=true] .jr-seal-state{color:#f2d8a2!important}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal:focus-visible{outline:2px solid #fff0bc!important;outline-offset:6px!important}
.jy-atelier .jr-dialog[data-ritual=bazi] .jr-dialogue::before{content:"";position:absolute;left:24px;right:24px;top:5px;height:7px;border-top:1px solid #efdba35e;border-radius:50%;pointer-events:none}
@media(hover:hover){.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal:hover{filter:brightness(1.16)}}
@media(min-width:850px){.jy-atelier .jr-dialog[data-ritual=bazi] .jr-playfield{height:184px!important;margin-bottom:44px!important;max-width:440px!important}.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal{height:164px!important;max-width:91px;padding-top:22px!important}.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-glyph{font-size:35px!important}}
@media(max-width:370px){.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seals{gap:9px!important;padding-left:5px;padding-right:5px}.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal{height:143px!important}.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-caption{font-size:7px!important}.jy-atelier .jr-dialog[data-ritual=bazi] .jr-seal-glyph{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){.jy-atelier .jr-dialog[data-ritual=bazi] .jr-time-seal{transition:none!important}}