/* One real capsule from the cage to the landing, beside a matching keepsake ticket. */
.capsule-3d{position:relative;width:100%;height:100%}
.capsule-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:2}
.capsule-3d .capsule-core{inset:43%;z-index:3;scale:1;transition:opacity .7s,transform 1s var(--ease);transform:translateY(-35%) scale(.2)}
.capsule-3d.is-open .capsule-core{opacity:1;transform:translateY(-35%) scale(1)}
.capsule-3d.is-open .capsule-flame{animation:candle-flicker 2.3s ease-in-out infinite alternate}
.capsule-3d.is-open .capsule-glow{opacity:.7;scale:1.1}
.result-screen.capsule-story{padding-inline:0;min-height:100svh}
.result-screen.capsule-story .result-main{width:min(1160px,100%);margin-inline:auto;grid-template-columns:260px minmax(0,1fr);column-gap:36px;row-gap:0}
.capsule-story .result-art{height:350px;width:100%;margin:0;grid-template-columns:minmax(0,1fr)}
.capsule-story .capsule-dock{width:360px;height:360px;max-width:none;flex-shrink:0;translate:none}
.capsule-story #draw-status{max-width:none;width:100%;text-align:left}
.capsule-story .keepsake-ticket{width:100%;min-height:320px;grid-template-columns:40% minmax(0,1fr) 52px;padding:14px 12px;rotate:-1deg}
.capsule-story .keepsake-art{margin-right:12px}
.capsule-story .keepsake-art img{width:110%;height:250px}
.capsule-story .keepsake-art-title{font-size:14px}
.capsule-story .keepsake-copy{padding:6px 14px 6px 2px}
.capsule-story .keepsake-edition{font-size:8px;letter-spacing:.9px;margin-bottom:11px}
.capsule-story .keepsake-category{font-size:clamp(13px,1.6vw,23px)}
.capsule-story .keepsake-message{font-size:13px;margin-top:16px}
.capsule-story .keepsake-number{font-size:clamp(26px,3vw,42px)}
.capsule-story #result-title{font-size:clamp(26px,3vw,42px);color:var(--ticket-ink);line-height:1.4}
.capsule-story .keepsake-answer{gap:9px}
.capsule-story .keepsake-meta{gap:14px}.capsule-story .keepsake-meta strong{font-size:12px}
.capsule-story .keepsake-stub{padding-left:8px}.capsule-story .keepsake-stub strong{font-size:22px}.capsule-story .keepsake-barcode{width:29px}
.capsule-story .pool-remaining{text-align:center;margin-top:25px}
.capsule-story .result-main>.eyebrow{margin-bottom:38px}
.capsule-story .result-actions{margin-top:38px}
.capsule-story .result-actions,.capsule-story .return-hint{grid-column:1/-1}
@media(max-width:1300px) and (min-width:761px){
 .result-screen.capsule-story .result-main{grid-template-columns:minmax(0,1fr);gap:0}
 .capsule-story .result-main>.eyebrow{margin-bottom:0}
 .capsule-story .result-art{height:260px}
 .capsule-story .capsule-dock{width:320px;height:320px}
 .capsule-story #draw-status{max-width:900px;justify-self:center}
}
@media(max-width:760px){
 .result-screen.capsule-story{padding-top:calc(var(--nav-height) + 20px);padding-bottom:80px}
 .result-screen.capsule-story .result-main{grid-template-columns:minmax(0,1fr);width:100%;gap:0}
 .capsule-story .result-main>.eyebrow{margin:0 0 6px}
 .capsule-story .result-art{height:220px;grid-column:1}
 .capsule-story .capsule-dock{width:260px;height:260px}
 .capsule-story .keepsake-ticket{grid-template-columns:38% minmax(0,1fr) 30px;padding:10px 8px;min-height:280px}
 .capsule-story .keepsake-art{margin-right:7px}.capsule-story .keepsake-art img{width:140%;height:180px}
 .capsule-story .keepsake-art-title{font-size:11px;left:8px}
 .capsule-story .keepsake-copy{padding:4px 7px 4px 2px}.capsule-story .keepsake-edition{font-size:7px;letter-spacing:.2px}
 .capsule-story .keepsake-category{font-size:12px}.capsule-story .keepsake-message{font-size:11px}
 .capsule-story .keepsake-answer{display:block}.capsule-story .keepsake-number{font-size:22px}
 .capsule-story #result-title{font-size:25px}.capsule-story .keepsake-meta{gap:9px}.capsule-story .keepsake-meta strong{font-size:10px}
 .capsule-story .keepsake-stub{padding-left:3px}.capsule-story .keepsake-stub strong{font-size:16px}.capsule-story .keepsake-barcode{width:19px}
 .capsule-story .result-actions{margin-top:28px}.capsule-story .return-hint{font-size:11px}
}

.result-actions,.focus-actions{flex-wrap:wrap}
.ticket-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #bea0df66;border-radius:5px;background:#bea0df12;color:var(--cream);font-size:15px;transition:background .2s,border-color .2s}
.ticket-download svg{width:19px;height:19px}
.ticket-download:not(:disabled):hover{background:#bea0df28;border-color:var(--purple)}
@media(max-width:760px){.result-actions,.focus-actions{column-gap:12px;row-gap:14px}.result-actions .primary-button,.focus-actions .primary-button{flex-basis:100%;max-width:300px}.ticket-download{font-size:14px}}