/* Eight earned finishes share the same single-scene Cursed Ship timeline. */
.cs-ov[data-reward-biome]{--cs-accent:#A2D2C5;--cs-metal:#D6CA9E}
.cs-variant-wash{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,var(--cs-accent),transparent 66%);opacity:.09;mix-blend-mode:screen}
.cs-variant-mark{position:absolute;left:50%;bottom:calc(13% + env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;gap:12px;transform:translateX(-50%);max-width:calc(100% - 42px);padding:9px 17px 9px 9px;border:1px solid color-mix(in srgb,var(--cs-metal) 55%,transparent);border-radius:15px;background:#0D0F18E8;box-shadow:inset 0 1px #FFF1,0 12px 36px #0009;color:#EFE7D7;animation:cs-mark-reveal 6000ms both;pointer-events:none}
.cs-variant-mark img{width:47px;height:47px;object-fit:contain;filter:drop-shadow(0 0 12px var(--cs-accent));flex:none}
.cs-variant-mark span{display:block;font-size:13px;line-height:1.5;max-width:190px}.cs-variant-mark small{display:block;font-size:9px;letter-spacing:.16em;color:var(--cs-metal);line-height:1.8}
.cs-ov[data-reward-tier="Legendary"] .cs-variant-mark{border-color:#E3CA8D;box-shadow:inset 0 1px #F9E9B733,0 0 35px #C9A35C16,0 12px 36px #0009}
.cs-ov[data-reward-biome="jack"] .cs-glint{filter:hue-rotate(310deg) saturate(.85)}
.cs-ov[data-reward-biome="vampire"] .cs-glint{filter:hue-rotate(125deg) saturate(.8)}
.cs-ov[data-reward-biome="graveyard"] .cs-glint{filter:hue-rotate(70deg) saturate(.65)}
.cs-ov.cs-still{display:grid;place-items:center;background:#0B0E18F5;animation:none}
.cs-still .cs-still-card{width:min(340px,calc(100% - 40px));padding:28px 24px;border:1px solid #BAA67A66;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#55676B25,transparent 65%),#111625;text-align:center;color:#EFE7D7;box-shadow:0 22px 65px #0009}
.cs-still-card img{width:76px;height:76px;object-fit:contain}.cs-still-card strong{display:block;margin:14px 0 7px;font-size:22px}.cs-still-card p{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.cs-still-card small{display:block;margin-top:14px;color:#C1BDAE;font-size:11px}
@keyframes cs-mark-reveal{0%,47%{opacity:0;translate:0 10px}58%,78%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 -3px}}
@media(prefers-reduced-motion:reduce){:root:not([data-cs-preview-motion="full"]):not([data-cs-motion="full"]) .cs-variant-mark{animation:none}}
.cs-biome-shot{position:absolute;inset:0;opacity:0;pointer-events:none;animation:csShotShip 6s ease-in-out both}
.cs-biome-backdrop{position:absolute;inset:0;display:block;background-image:var(--cs-scene);background-size:cover;background-position:var(--cs-point-x,50%) var(--cs-point-y,65%);animation:csBiomeCamera 6s ease-in-out both}
.cs-ov[data-reward-biome]:not([data-reward-biome="dutchman"]) .cs-cap{top:12%}
.cs-ov[data-reward-biome] .cs-blood{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--cs-accent) 22%,transparent),transparent 72%)}
@keyframes csBiomeCamera{0%,13.33%{scale:1.035;translate:0 1%}43.33%{scale:1;translate:0 0}100%{scale:1.018;translate:0 -.5%}}
@media(prefers-reduced-motion:reduce){:root:not([data-cs-preview-motion="full"]):not([data-cs-motion="full"]) :is(.cs-biome-shot,.cs-biome-backdrop){animation:none!important}}

.fx-cinematic-link{display:block;padding:12px 4px;text-align:center;color:var(--ink);font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.cs-ov[data-reward-biome="jack"]{--cs-wax:#805026}
.cs-ov[data-reward-biome="vampire"]{--cs-wax:#7A1937}
.cs-ov[data-reward-biome="graveyard"]{--cs-wax:#554268}
.cs-ov[data-reward-biome]:not([data-reward-biome="dutchman"]) .cs-seal{background:none;filter:drop-shadow(2px 4px 3px #19081190)}
.cs-biome-wax{position:absolute;inset:7%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:43% 48% 42% 48%/48% 43% 48% 42%;border:4px double color-mix(in srgb,var(--cs-wax) 65%,#130713);background:radial-gradient(circle at 33% 22%,color-mix(in srgb,var(--cs-wax) 70%,#F4C7A1),var(--cs-wax) 47%,#190B17 100%);box-shadow:inset 2px 3px 4px #F9C2AA66,inset -3px -4px 5px #10060CB0,0 1px #F9C2AA88;color:#E7CDB3}
.cs-biome-wax::before{content:"";position:absolute;inset:6px;border:1px solid #EDC8AD66;box-shadow:inset 0 1px 2px #16081199;border-radius:50%;pointer-events:none}
.cs-biome-wax img{width:39px;height:39px;object-fit:contain;filter:grayscale(1) sepia(.5) brightness(.6);opacity:.85}
.cs-biome-wax b{font:800 8px/1.2 system-ui;max-width:76%;text-align:center;letter-spacing:.06em;text-shadow:0 1px #18050C;overflow-wrap:normal}

/* Reward motion is available without an event theme or changing device preferences. */
.cs-motion-control{margin:12px 0;padding:14px;border:1px solid var(--line,#8D7A5B);border-radius:14px;color:var(--ink);background:var(--card)}
.cs-motion-control label{display:grid;gap:8px;font-size:14px;font-weight:700}
.cs-motion-control select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line,#8D7A5B);border-radius:10px;color:var(--ink);background:var(--card);font:inherit;white-space:normal}
.cs-motion-control p{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.cs-motion-control select:focus-visible{outline:2px solid var(--blue,#947CE0);outline-offset:3px}