/* Scoped journey layouts; deterministic overlays preserve the underlying paintings. */
.qex-shell{--qex-ink:#29483d;--qex-paper:#fffdf6;--qex-sage:#e8eee1;--qex-line:#cad6c2;color:var(--qex-ink);max-width:1080px;margin:auto;text-align:start;line-height:1.6}
.qex-shell button,.qex-return button{min-height:48px;padding:.7rem 1rem;border:1px solid var(--qex-line,#cad6c2);border-radius:14px;background:#fffdf6;color:#29483d;font:inherit;cursor:pointer;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.qex-shell button:hover:not(:disabled),.qex-return button:hover{background:#f0f3e8;border-color:#7c9470}.qex-shell button:focus-visible,.qex-return button:focus-visible{outline:3px solid #735b9c;outline-offset:4px}.qex-shell button:disabled{opacity:.48;cursor:default}.qex-shell button.primary{background:#365b48;color:#fffdf6;border-color:#365b48}.qex-shell button[aria-pressed=true],.qex-shell button[aria-expanded=true],.qex-shell button[aria-current=step]{background:#e4eddc;border:2px solid #6c875a}.qex-shell h4{font-size:clamp(1.15rem,2.5vw,1.6rem);line-height:1.4;margin:1rem 0}.qex-shell h5{font:inherit;font-weight:700;margin:1rem 0 .6rem}.qex-intro{font-size:1.08rem;max-width:65ch}.qex-note,.qex-save,.qex-choice-note{font-size:.9rem;line-height:1.7;color:#566757;margin:.9rem 0}.qex-save{border-block-start:1px solid var(--qex-line);padding-block-start:1rem}
.qex-settings{display:flex;gap:1rem;flex-wrap:wrap;margin:1.4rem 0}.qex-settings fieldset{margin:0;border:1px solid var(--qex-line);border-radius:18px;padding:.6rem .8rem .8rem;display:flex;gap:.5rem;flex-wrap:wrap;min-width:0}.qex-settings legend{font-weight:700;padding-inline:.35rem}.qex-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}.qex-journey-card{overflow:hidden;border:1px solid var(--qex-line);border-radius:22px;background:var(--qex-paper);box-shadow:0 5px 15px #5c70420a}.qex-cover{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f0f1e4;display:flex;align-items:center;justify-content:center}.qex-cover>img,.qex-cover>.qex-frame-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qex-cover>svg{height:90%;width:90%}.qex-cover .qex-caption{display:none}.qex-cover-object{position:absolute;inset:auto 32% 8%;height:48%;display:flex}.qex-cover-object svg{width:100%;height:100%}.qex-card-copy{padding:1rem 1.3rem 1.4rem}.qex-card-copy h4{margin:0}.qex-card-copy p{margin:.5rem 0 .9rem}.qex-card-copy button{width:100%}.qex-original{margin:.8rem 0}.qex-top{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.5rem 0 1rem}.qex-top>span{flex:1;text-align:center}.qex-progress{display:grid;gap:.4rem;margin:1rem 0 1.5rem}.qex-progress label{font-weight:700}.qex-progress progress{width:100%;height:12px;border:0;border-radius:50px;overflow:hidden;background:#e3e7d9;accent-color:#6e8f58}.qex-progress progress::-webkit-progress-bar{background:#e3e7d9}.qex-progress progress::-webkit-progress-value{background:#6e8f58;border-radius:50px}.qex-progress progress::-moz-progress-bar{background:#6e8f58;border-radius:50px}
.qex-palette,.qex-order{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.qex-palette button{padding:.5rem;display:flex;flex-direction:column;align-items:center}.qex-frame-art{display:block;aspect-ratio:3/2;width:100%}.qex-frame-art svg,.qex-frame-art img{width:100%;height:100%;object-fit:contain}.qex-caption{display:block;font-size:.9rem;line-height:1.55;margin:.5rem}.qex-order{padding:0;margin:.8rem 0;list-style:none}.qex-order li{min-height:150px;position:relative;border:1px solid var(--qex-line);border-radius:16px;background:#fffdf6;padding:.5rem}.qex-number{display:block;font-size:.85rem;font-weight:700;color:#627453;padding-inline:.3rem}.qex-empty{display:flex;min-height:120px;align-items:center;justify-content:center;color:#829575;font-size:3rem}.qex-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.qex-feedback,.qex-notice:not(:empty){background:#f2ead3;border-inline-start:4px solid #c8a45a;border-radius:9px;padding:1rem}.qex-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.qex-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.qex-choice-art{height:clamp(95px,16vw,160px);width:100%;display:flex;align-items:center;justify-content:center}.qex-choice-art svg{width:100%;height:100%}.qex-responses{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.qex-responses button{flex:1;min-width:110px}.qex-turn{font-weight:700}.qex-step-picture{display:grid;gap:.4rem;justify-items:center;margin:1rem auto;max-width:360px}.qex-step-picture>span{height:210px;width:100%}.qex-step-picture svg{width:100%;height:100%}.qex-step-picture figcaption{font-size:1.3rem;font-weight:700}.qex-stones{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;padding:1rem 0}.qex-stones button{width:100%;border-radius:40% 50% 32% 45%;background:#e5eddd;font-weight:700}.qex-stones button span{display:block;font-size:.8rem;font-weight:400;margin-top:.25rem}
.qex-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:22px;background:#e9eedc;isolation:isolate}.qex-scene>img{display:block;width:100%;height:100%;object-fit:cover}.qex-map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.qex-map-lines path{fill:none;stroke:#fff9e7;stroke-width:1.8;stroke-dasharray:2.5 2;opacity:.6}.qex-map-lines path.is-chosen{stroke:#426049;stroke-width:2.2;opacity:.9}.qex-scene-object{position:absolute;width:19%;height:27%;left:20%;bottom:5%;filter:drop-shadow(0 3px 3px #43502525)}.qex-scene-object svg,.qex-offer-object svg{height:100%;width:100%}.qex-scene-object.carrying{left:48%;bottom:17%}.qex-scene-object.delivered{left:78%;bottom:48%;width:12%;height:18%}.qex-care .qex-scene-object{width:29%;height:39%;left:30%;bottom:8%}.qex-offer-object{position:absolute;width:19%;height:26%;left:60%;bottom:9%}.qex-carrying{font-weight:700}.qex-delivery-target{display:flex;align-items:center;gap:1rem;background:#f2eee1;border-radius:14px;padding:.6rem 1rem}.qex-delivery-target>span{width:90px;height:80px}.qex-delivery-target svg{width:100%;height:100%}
.qex-record{border-block-start:1px solid var(--qex-line);margin-block-start:1.5rem;padding-block-start:1rem}.qex-record>ol{list-style:none;display:flex;gap:.6rem;overflow-x:auto;padding:.5rem .15rem 1rem}.qex-record>ol>li{flex:0 0 155px}.qex-record>ol button{height:100%;width:100%;display:grid;justify-items:center;align-content:start;font-size:.85rem;padding:.5rem}.qex-record-thumb{height:80px;width:100%;display:block}.qex-record-thumb svg,.qex-record-thumb .qex-frame-art{height:100%;width:100%}.qex-record-thumb .qex-caption{display:none}.qex-review-panel{border:1px solid var(--qex-line);background:#f5f6ec;border-radius:18px;padding:1rem}.qex-review-picture{height:150px;display:flex;justify-content:center}.qex-review-picture svg{width:100%;height:100%}.qex-review-pictures{display:flex;gap:1rem}.qex-review-pictures figure{margin:0;flex:1;text-align:center}.qex-review-pictures figure>span{display:block;height:130px}.qex-review-pictures svg{height:100%;width:100%}.qex-return{padding:.5rem 0 1rem}.qex-shell [hidden]{display:none!important}
@media(max-width:600px){.qex-library{grid-template-columns:1fr}.qex-palette,.qex-order{gap:.35rem}.qex-caption{font-size:.78rem;margin:.3rem .1rem}.qex-order li{padding:.25rem;min-height:125px}.qex-palette button{padding:.2rem}.qex-top{font-size:.85rem}.qex-top>span{order:3;flex-basis:100%;text-align:start}.qex-top>button{flex:1}.qex-choices{gap:.5rem}.qex-choices button{padding:.6rem}.qex-stones{grid-template-columns:repeat(3,minmax(0,1fr))}.qex-responses button{min-width:42%}.qex-scene{border-radius:14px}.qex-record>ol>li{flex-basis:130px}.qex-review-panel{padding:.6rem}}
@media(prefers-reduced-motion:reduce){.qex-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.qex-scene{max-width:760px;margin-inline:auto}.qex-map-lines path{stroke-width:.6;stroke-dasharray:.7 1.4;stroke-linecap:round}.qex-map-lines path.is-chosen{stroke-width:.8}.qex-scene-object.carrying{left:var(--parcel-x);bottom:var(--parcel-y)}
.qex-reused-prop{display:block;width:100%;height:100%;object-fit:contain}
/* Wave 2: touch-sized ordering controls, partner decisions and a full picture strip. */
.qex-frame-tools{display:flex;flex-wrap:wrap;gap:.3rem;margin-block-start:.5rem}.qex-frame-tools button{flex:1;min-width:70px;font-size:.8rem;padding:.45rem;min-height:44px}.qex-partner-note,.qex-partner-ideas{border:1px solid var(--qex-line);border-radius:14px;background:var(--qex-sage);padding:.8rem 1rem}.qex-partner-ideas p{margin:.3rem 0}.qex-mini-order{display:flex;gap:.15rem;height:100%;width:100%;align-items:center}.qex-mini-order>span{flex:1;min-width:0;height:100%;display:flex;align-items:center}.qex-mini-order svg,.qex-mini-order img{width:100%;height:100%;object-fit:contain}.qex-record-thumb .qex-mini-order .qex-frame-art{aspect-ratio:auto}.qex-record>ol>li{flex-basis:205px}.qex-record>ol small{margin-block-start:.25rem;color:#566757}.qex-choice-art .qex-caption{display:none}.qex-choice-art>.qex-frame-art{max-width:260px;height:100%}.qex-review-panel>.qex-note{max-width:70ch}.qex-review-panel:focus{outline:3px solid #735b9c;outline-offset:3px}
@media(max-width:600px){.qex-frame-tools{flex-direction:column}.qex-frame-tools button{min-width:0;width:100%;font-size:.75rem}.qex-record>ol>li{flex-basis:175px}.qex-review-panel .qex-actions>button{flex:1 1 100%}.qex-partner-ideas{padding:.6rem}.qex-order{align-items:start}}