/* Moon Observatory · tactile materials, a clear reading sequence, 20260912.
   Images/actors are existing original assets. No chart geometry is restyled. */
.jy-atelier{--jd-line:#adbfca35;--jd-light:#f3e5c9;--jd-muted:#afc0ce;--jd-ink:#07141f;--jd-gold:#dfc18d}
.jy-atelier :is(.at-tool,.jy-tool-card,.ln-spread-btn,.bzs-lens,.bzs-chip,.bzx-gbtn,.zw-in-pill,.mhx-method-btn){
 background:radial-gradient(ellipse at 8% 0,#6f8b8c20,transparent 66%),linear-gradient(145deg,#1c303e,#0b1c2a)!important;
 border:1px solid var(--jd-line)!important;box-shadow:inset 0 1px #edeee023,inset 0 -1px #0009,0 3px 0 #030b13,0 12px 30px #0003!important;
 transition:transform .22s cubic-bezier(.2,.65,.3,1),border-color .2s,box-shadow .2s!important;
}
.jy-atelier .at-tool{border-radius:22px 8px 22px 8px!important;isolation:isolate}
.jy-atelier .at-tool .at-art{filter:drop-shadow(0 14px 10px #0008) drop-shadow(0 0 16px #cfc29b12);transform:translateZ(16px);transition:transform .6s cubic-bezier(.2,.7,.25,1)}
.jy-atelier .at-tool:after{border-color:#d8c29324!important}
.jy-atelier :is(.jy-tool-card.selected,.ln-spread-btn.active,.bzs-lens.active,.bzs-chip.on,.bzx-gbtn.on,.zw-in-pill.on,.mhx-method-btn.active){border-color:#d8c293bf!important;box-shadow:inset 0 1px #ffe5b74d,0 0 0 1px #d8c29323,0 3px 0 #0a1015,0 12px 35px #0004!important}
.jy-atelier :is(.bzx-section,.ln-section,.mhx-section,.zw-in-sec,.bzs-card,#input-screen>.card,.step>.card,.jc-pane){
 background:radial-gradient(ellipse at 0 0,#4e69702e,transparent 72%),linear-gradient(150deg,#142631,#0b1926)!important;
 border-color:#aec4cc30!important;box-shadow:inset 0 1px #ffffff13,0 2px 0 #030b13,0 18px 38px #0003!important;
}
.jy-atelier :is(.form-label,.bzx-label,.zw-in-label,.bzs-field>label,.ln-label,.mhx-label){color:#d3dbdf!important;font-size:14px!important}
.jy-atelier :is(.bzx-field,.zwx-field,.bzs-pick-field,.form-input,.jy-select,.bzs-input,.bzs-select,.bzs-text,.bzx-q-input,.ln-q-input,.mhx-q-input,.zw-in-q,.orc-q-textarea,.mhx-num-row input,.mhx-char-row input,#f-question){
 background:linear-gradient(#06121ee6,#091a27)!important;border-color:#96b2c443!important;
 border-radius:12px!important;box-shadow:inset 0 3px 8px #0005,0 1px #e9eee20d!important;caret-color:#edd1a0;
}
.jy-atelier :is(.bzx-field,.zwx-field,.bzs-pick-field,.form-input,.jy-select,.bzs-input,.bzs-select,.bzs-text,.bzx-q-input,.ln-q-input,.mhx-q-input,.zw-in-q,#f-question):focus-within{border-color:#dfc18d!important;background:#0b1d2b!important}
.jy-atelier :is(.bzx-cast-btn,.ln-draw-btn,.mhx-cast-btn,.zw-in-go,.bzs-primary,.btn-primary,.orc-btn-primary,.bzx-ai-copy-btn,.ln-ai-copy-btn,.mhx-ai-copy-btn,.zw-ai-copy,.orc-ai-copy-btn,.jy-ex-btn,.jc-continue,#tarot-dock-action,.jr-next){
 border-color:#f5dfb5!important;background:linear-gradient(115deg,#f8eacb,#e6c795 55%,#cda979)!important;
 box-shadow:inset 0 1px #fff9,inset 0 -1px #70502c50,0 3px 0 #705c40,0 13px 26px #0005!important;
 font-weight:600!important;text-shadow:0 1px #fff3;
}
.jy-atelier :is(.bzx-cast-btn,.ln-draw-btn,.mhx-cast-btn,.zw-in-go,.bzs-primary,.btn-primary,.orc-btn-primary,.bzx-ai-copy-btn,.ln-ai-copy-btn,.mhx-ai-copy-btn,.zw-ai-copy,.orc-ai-copy-btn,.jy-ex-btn,.jc-continue,#tarot-dock-action,.jr-next):active:not(:disabled){transform:translateY(2px)!important;box-shadow:inset 0 2px 3px #68502c2b,0 1px 0 #705c40,0 5px 12px #0004!important}
.jy-atelier :is(.at-back,.at-share-button,.jc-previous,.jc-all,.jd-copy-action){min-height:46px;border:1px solid #aec4cc40!important;border-radius:12px;background:linear-gradient(135deg,#253946,#142430)!important;color:#e6d4b4!important;box-shadow:inset 0 1px #fff1,0 2px #030b13!important;font:500 14px/1.6 var(--f-body,sans-serif);padding:11px 16px}
.jy-atelier .jc-all{background:transparent!important;box-shadow:none!important;border-color:transparent!important;color:#b5c6d4!important}
.jy-atelier .jc-flow{background:#071724;border:1px solid var(--jd-line);border-radius:16px;padding:14px;margin:18px 0 22px;box-shadow:inset 0 1px #fff1}
.jy-atelier .jc-flow-steps{display:flex!important;gap:8px!important}
.jy-atelier .jc-flow-steps button{flex:1;min-width:0;min-height:64px;border-radius:9px;padding:8px 3px!important;background:transparent;border:1px solid transparent;color:#9fb4c4}
.jy-atelier .jc-flow-steps button b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border:1px solid #c5b38c40;border-radius:50%;font-size:12px;font-weight:500;color:#cabb9f;background:#132735}
.jy-atelier .jc-flow-steps button span{display:block;font-size:12px;line-height:1.5;word-break:keep-all}
.jy-atelier .jc-flow-steps button[aria-current=step]{background:linear-gradient(#e3c98f1c,#8bbabd08);border-color:#e3c98f40;color:#f2dfbe}
.jy-atelier .jc-flow-steps button[aria-current=step] b{background:linear-gradient(120deg,#efdfb6,#caa371);border-color:#f2dfbe;color:#152330;box-shadow:0 3px 12px #0005}
.jy-atelier .jc-flow-status{font-size:12px!important;line-height:1.65;color:#b4c4d2;padding-top:12px;margin-top:12px;border-top:1px solid var(--jd-line)}
.jy-atelier :is(.jc-room-header .at-eyebrow,.jy-tool-free,.at-deck-browser>span,.jr-eyebrow,.jr-hint,.jr-speaker,.jr-question,.jr-footer ol,.jr-footer .jr-skip,.jr-header>span small){font-size:12px!important}
.jy-atelier :is(.jy-tool-desc,.jd-model-note,.jr-text p,.jc-reading-close p){font-size:15px!important;line-height:1.85!important}
.jy-atelier .jd-model-note{color:#b4c8d2;margin:12px 0;padding:12px 0;border-block:1px solid #9fb6c32b}
.jy-atelier #t-deck .tarot-deck-card-inner{border-radius:7px;box-shadow:1px 1px #c8ae81,2px 3px #050b12,0 7px 16px #0008}
.jy-atelier #t-deck .tarot-deck-card.picked{pointer-events:none!important}
.jy-atelier #t-deck .tdc-back,.jy-atelier #t-deck .tdc-face{pointer-events:none}
.jy-atelier #step-2[data-draw-phase=complete] .tarot-deck-wrap{display:none!important}
.jy-atelier .at-last-card{background:linear-gradient(120deg,#263b43,#10212f)!important;border-color:#d9c59a50!important}
.jy-atelier .at-result-heading[data-reading-state=stopped]{border-left:2px solid #b9c9d0;padding:4px 18px}
.jy-atelier .jd-handoff-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #adc2d330}
.jy-atelier .jd-handoff-steps li{display:flex;flex-direction:column;gap:7px;color:#c3d1db;font:400 12px/1.6 var(--f-body,sans-serif)}
.jy-atelier .jd-handoff-steps span{font-size:12px;letter-spacing:2px;color:#e6ca97}
.jy-atelier .jc-reading-close{margin-top:28px!important;background:linear-gradient(120deg,#28382e66,#122330)!important;border-color:#c4b99540!important;padding:25px!important;box-shadow:inset 0 1px #fff1,0 20px 35px #0003}
.jy-atelier .jd-journal{display:grid;gap:9px;margin:22px 0;padding-block:20px;border-block:1px solid #c4b99530}
.jy-atelier .jd-journal label{font-size:14px;color:#d9dfdb}
.jy-atelier .jd-journal :is(input,textarea){width:100%;box-sizing:border-box;background:#081722;border:1px solid #a4bcc442;border-radius:11px;color:#e8e4db;font:400 16px/1.75 var(--f-body,sans-serif);padding:12px 14px;min-height:48px}
.jy-atelier .jd-journal textarea{min-height:96px!important}
.jy-atelier .jd-copy-action{justify-self:start;margin-top:4px}
.jy-atelier .jd-journal-status{font-size:12px!important;line-height:1.7!important;margin:4px 0 0!important;color:#a9bdca!important}
.jy-atelier .jr-dialog{--jr-accent:#ddbd81}
.jy-atelier .jr-dialog[data-ritual=lenormand]{--jr-accent:#9ed9c4}.jy-atelier .jr-dialog[data-ritual=ziwei]{--jr-accent:#c5b9f0}.jy-atelier .jr-dialog[data-ritual=compat]{--jr-accent:#e5bbd2}.jy-atelier .jr-dialog[data-ritual=meihua]{--jr-accent:#c4dfba}
.jy-atelier .jr-brief{border-bottom:1px solid #bec4be2b;padding-bottom:16px!important}
.jy-atelier .jr-text h2{font-size:clamp(25px,4.3vw,38px)!important;color:#f5e5c7}
.jy-atelier .jr-stage{height:clamp(280px,38dvh,450px)!important;min-height:280px!important}
.jy-atelier .jr-touch-track i{background:var(--jr-accent)!important;box-shadow:0 0 16px var(--jr-accent)}
.jy-atelier .jr-hint{min-height:22px!important;font-size:13px!important}
.jy-atelier .jr-seal{background:linear-gradient(#213745d9,#0c1e2cef)!important;border:1px solid #d2c09399!important;box-shadow:inset 0 1px #fff3,0 4px #060f18,0 10px 25px #0007!important}
.jy-atelier .jr-seal[aria-pressed=true]{background:linear-gradient(#efdbaa,#b28e5d)!important;color:#10202a!important;opacity:1!important;box-shadow:inset 0 1px #fff8,0 0 20px #d9bd8240!important}
.jy-atelier .jr-card-label{line-height:1.5;min-height:32px;color:#e9d3ae}
.jy-atelier .jr-reveal[hidden]{display:none!important}
.jy-atelier .jr-reveal:not([hidden]){animation:jd-card-arrive .65s cubic-bezier(.2,.8,.3,1) both}
.jy-atelier .jr-reveal[aria-pressed=true]{opacity:1!important}
.jy-atelier .jr-dialogue{padding-top:16px!important;background:linear-gradient(#091b27cc,#071724fa)!important}
.jy-atelier .jr-dialog[data-phase="2"] .jr-world-image{filter:brightness(.86) saturate(1.05)}
@keyframes jd-card-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){
 .jy-atelier .at-tool:hover{transform:perspective(1000px) translateY(-5px) rotateX(1.5deg)!important;border-color:#cfba916e!important;box-shadow:inset 0 1px #fff2,0 5px #030b13,0 22px 40px #0006!important}
 .jy-atelier .at-tool:hover .at-art{transform:translateY(-5px) rotate(-3deg)}
 .jy-atelier .jy-tool-card:hover{transform:translateY(-2px)}
}
@media(min-width:1050px){
 .jy-atelier .jr-shell{grid-template-columns:minmax(300px,.82fr) minmax(470px,1.18fr)!important;grid-template-rows:auto 1fr auto!important;column-gap:45px;padding:24px max(40px,calc((100vw - 1380px)/2))!important}
 .jy-atelier .jr-header{grid-area:1/1/2/3!important;max-width:none!important}
 .jy-atelier .jr-brief{grid-area:2/1!important;align-self:end;max-width:480px;padding:28px 0!important;margin:0!important}
 .jy-atelier .jr-stage{grid-area:2/2/4/3!important;width:100%!important;height:calc(100dvh - 140px)!important;min-height:500px!important}
 .jy-atelier .jr-playfield,.jy-atelier .jr-dialog[data-phase="0"] .jr-playfield{grid-area:2/2/4/3!important;align-self:end!important;margin-bottom:46px!important}
 .jy-atelier .jr-dialogue{grid-area:3/1!important;align-self:start!important;max-width:480px;margin:0 0 54px!important;border:0!important;background:transparent!important}
 .jy-atelier .jr-actor-fallback{width:290px!important}
 .jy-atelier .jr-world:after{background:linear-gradient(90deg,#051320ef 0%,#051320ad 37%,#05132016 70%),linear-gradient(0deg,#051320e6,transparent 45%)}
}
@media(max-width:430px){.jy-atelier .jc-flow{padding:10px}.jy-atelier .jc-flow-steps{gap:2px!important}.jy-atelier .jr-header>span small{font-size:10px!important;letter-spacing:2px}.jy-atelier .jr-stage{min-height:265px!important;height:32dvh!important}.jy-atelier .jd-handoff-steps{gap:5px}.jy-atelier .jd-handoff-steps li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.jy-atelier :is(.at-tool,.at-art,.jy-tool-card,.jr-reveal){animation:none!important;transition:none!important;transform:none!important}}

/* Interaction edition: progress is tied to committed cards and real gestures. */
.jy-atelier .at-session-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 26px;padding:0 0 22px;border-bottom:1px solid var(--jd-line)}
.jy-atelier .at-session-path li{position:relative;display:flex;align-items:center;gap:9px;min-width:0;color:#97adbc;font:400 12px/1.5 var(--f-body,sans-serif)}
.jy-atelier .at-session-path b{flex-shrink:0;display:grid;place-items:center;width:32px;height:36px;border:1px solid #adc3cb35;border-radius:11px 4px;background:linear-gradient(145deg,#243c4a,#0a1a28);box-shadow:inset 0 1px #fff2,0 3px #030b12;font-size:11px;letter-spacing:1px;font-weight:500;color:#c7bda8}
.jy-atelier .at-session-path [aria-current=step]{color:#f2dbb4}
.jy-atelier .at-session-path [aria-current=step] b{border-color:#f0d5a7aa;background:linear-gradient(135deg,#efd7a3,#ac8350);color:#111f2a;box-shadow:inset 0 1px #fff8,0 3px #665031,0 0 20px #e3c18716}
.jy-atelier .at-session-path .is-done b{border-color:#8cbeab7a;color:#addbc8}
.jy-atelier .at-selection-progress{display:block;flex:0 0 100%;width:100%;height:5px;appearance:none;-webkit-appearance:none;border:none;border-radius:99px;overflow:hidden;background:#05111c;color:#d9bf8e;box-shadow:inset 0 1px 3px #0008}
.jy-atelier .at-selection-progress::-webkit-progress-bar{background:#05111c}
.jy-atelier .at-selection-progress::-webkit-progress-value{background:linear-gradient(90deg,#83b6b0,#eed2a0);border-radius:99px;transition:width .3s}
.jy-atelier .at-selection-progress::-moz-progress-bar{background:linear-gradient(90deg,#83b6b0,#eed2a0);border-radius:99px}
.jy-atelier #step-2[data-draw-phase=pending] :is(.tarot-deck-wrap,.at-deck-browser,.at-table-instruction){display:none!important}
.jy-atelier #tarot-draw-dock[aria-busy=true] #tarot-dock-action{opacity:.82;cursor:progress}
.jy-atelier #step-2 #t-deck[aria-busy=true]{border-color:#dfc18d88!important;cursor:progress}
.jy-atelier #step-2 #t-deck[aria-busy=true] .tarot-deck-card{cursor:progress}
.jy-atelier #step-2[data-draw-phase=choosing] .at-last-card{min-height:116px;box-sizing:border-box}
.jy-atelier .jr-preferences{display:flex;gap:7px;align-items:center}
.jy-atelier .jr-header .jr-motion[aria-pressed=true]{border-color:#bad7cc80!important;color:#c6e8d9!important;background:#183c394d!important}
.jy-atelier .jr-response{margin:0 0 15px;padding:12px 14px;border:1px solid #c0d0cf2e;border-radius:12px;background:linear-gradient(135deg,#1a3640b3,#0a1825cf);box-shadow:inset 0 1px #e7f4e00d,0 5px 18px #0003}
.jy-atelier .jr-response>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;font:400 12px/1.6 var(--f-body,sans-serif);color:#c6d6db;margin-bottom:9px}
.jy-atelier .jr-response-value{font-variant-numeric:tabular-nums;color:var(--jr-accent);min-width:34px;text-align:right}
.jy-atelier .jr-response-track{height:5px;border-radius:99px;background:#040e17;overflow:hidden;box-shadow:inset 0 2px 3px #0009}
.jy-atelier .jr-response-track i{display:block;height:100%;width:var(--response,0%);border-radius:inherit;background:linear-gradient(90deg,#87ada6,var(--jr-accent));box-shadow:0 0 12px var(--jr-accent);transition:width .08s linear}
.jy-atelier .jr-dialog.is-holding .jr-response{border-color:var(--jr-accent);box-shadow:inset 0 1px #fff1,0 0 22px #b6ceb814}
.jy-atelier .jr-dialog[data-motion=still] *,.jy-atelier .jr-dialog[data-motion=still] *::before,.jy-atelier .jr-dialog[data-motion=still] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.jy-atelier .jr-dialog[data-motion=still] .jr-world-image{transform:none!important}
.jy-atelier .jr-dialog[data-motion=still] .jr-touch{transform:none!important}
@media(max-width:540px){
 .jy-atelier .jr-header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:8px!important}
 .jy-atelier .jr-header>span{font-size:15px!important;letter-spacing:1px!important}
 .jy-atelier .jr-preferences{display:grid;grid-template-columns:auto;gap:4px}
 .jy-atelier .jr-header .jr-preferences button{padding:6px 9px!important;min-height:36px!important;font-size:11px!important;white-space:nowrap}
 .jy-atelier .at-session-path{gap:6px}.jy-atelier .at-session-path li{gap:6px;font-size:11px}.jy-atelier .at-session-path b{width:28px;height:32px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.jy-atelier .at-selection-progress::-webkit-progress-value{transition:none}.jy-atelier .jr-response-track i{transition:none}}