/* Result-only effects are driven by bounded Web Animations and settle to these final states. */
.app.showing-result .creature,.app.showing-result .water{animation-play-state:paused}
.result-card.reward-card{max-width:370px;padding:20px 20px 12px;background:radial-gradient(ellipse at 50% 22%,#29444c80,transparent 65%),#112930}
.reward-card .result-kicker{display:block;font-size:8px;letter-spacing:2.4px;color:#a5bfb4;margin:0 0 7px}.reward-card h2{font-size:27px;line-height:1.12;margin:0;color:#eaf0d7}
.result-scoreline{display:flex;justify-content:center;align-items:baseline;gap:7px;margin:11px 0 2px}.result-scoreline .final-score{font-size:26px;font-variant-numeric:tabular-nums}.result-scoreline>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.reward-card #result-record{font-size:8px;letter-spacing:.7px;min-height:12px}
.reward-celebration{position:relative;margin:9px 0 12px;padding:7px 0 11px;border-bottom:1px solid #d1e5cd1f;isolation:isolate;color:var(--reward-color,#dcc7ff)}
.reward-emblem{width:166px;height:156px;position:relative;margin:0 auto 4px}.reward-emblem::before{content:'';position:absolute;inset:11px 17px;border-radius:50%;border:1px solid color-mix(in srgb,var(--reward-color) 20%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--reward-color) 9%,transparent),transparent 70%)}
#result-reward-art.atlas-art{position:absolute;inset:25px 24px;border:0;background:none;border-radius:0;overflow:visible;width:auto;height:auto;transform-origin:50% 50%}
.reward-orbit{position:absolute;inset:0;pointer-events:none}.orbit-star{position:absolute;margin:-10px 0 0 -10px;width:20px;height:20px;line-height:20px;text-align:center;font-size:17px;color:#7b9493;transform-origin:center}.orbit-star.lit{color:#f4d89e;text-shadow:0 0 12px #f2cf9270}
.reward-card #result-reward-title{display:block;font:500 23px 'Outfit',sans-serif;line-height:1.1;color:var(--reward-color);letter-spacing:-.3px}.reward-card #reward-distance{font-size:10px;color:#bdd0cb;margin:7px 0 0;line-height:1.4}
#reward-trial{display:block;font-size:7px;letter-spacing:1.3px;color:#aabebb;margin-top:12px}.reward-trial-stars{display:flex;justify-content:center;gap:18px;margin:2px 0;min-height:34px;line-height:34px}.reward-star{display:block;width:32px;font-size:31px;color:#738b8b;transform-origin:center}.reward-star.banked{color:#c7bcb2}.reward-star.fresh{color:#ffe2a4;text-shadow:0 0 17px #ffc96e45}
.reward-card #result-earned{display:block;font-size:9px;letter-spacing:.4px;color:#d9ddc4;line-height:1.5;margin:3px 0 10px}.reward-card #result-earned.zero-stars{color:var(--muted)}
.reward-card .reward-meter{max-width:244px;margin:0 auto}.reward-card #reward-meter-label{display:block;font-size:9px;color:#becdcc;line-height:1.3}.reward-card .collection-track{height:4px;margin:5px 0 8px}.reward-card #result-reward-fill{transform-origin:left;transition:none;background:linear-gradient(90deg,#b8d8c4,var(--reward-color))}
.reward-card #result-reward-progress{display:block;color:#a6beb9;font-size:9px;line-height:1.45;max-width:270px;margin:0 auto}.reward-card #reward-equip{min-height:44px;border:1px solid color-mix(in srgb,var(--reward-color) 45%,transparent);color:var(--reward-color);background:#cfbaf20b;border-radius:9px;padding:6px 22px;margin:9px 0 0;font-size:11px}.reward-card #reward-equip:disabled{opacity:.65;cursor:default}
.reward-card .result-secondary{gap:4px}.reward-card .result-secondary .text-button{font-size:9px;margin:0;padding:4px 2px;min-height:40px}
.round-details{border-top:1px solid #bdd8c218;margin-top:3px;padding-top:3px}.round-details>summary{cursor:pointer;list-style:none;display:flex;justify-content:center;align-items:center;gap:8px;min-height:34px;font-size:9px;color:#a2bdb8}.round-details>summary::after{content:'⌄'}.round-details[open]>summary::after{content:'⌃'}.round-details>summary::-webkit-details-marker{display:none}.round-details>summary:focus-visible{outline:2px solid var(--mint);border-radius:5px}
.round-details #result-reason{font-size:10px;line-height:1.5;color:var(--muted);margin:6px 0 10px}.round-details .result-stats{margin:8px 0}.round-details .final-skies{font-size:10px}.reward-card .result-mastery{margin:6px 0;color:#decdf0;font-size:9px}
.reward-travelers{position:absolute;inset:0;pointer-events:none;z-index:3}.reward-travelers>span{position:absolute;left:0;top:0;margin:-12px 0 0 -12px;width:24px;height:24px;font-size:24px;line-height:24px;color:#ffe2a4;opacity:0}
.reward-flash{position:absolute;left:50%;top:50%;margin:-61px 0 0 -61px;width:122px;height:122px;border:2px solid var(--reward-color);border-radius:50%;opacity:0;pointer-events:none}
.reward-sparks{position:absolute;left:50%;top:50%;pointer-events:none}.reward-sparks>i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;font-size:9px;color:var(--reward-color);opacity:0;font-style:normal}
.reward-chapter-count{position:absolute;right:-23px;top:calc(50% - 7px);font-size:8px;color:#c5cdb5;letter-spacing:.3px}
@media(max-height:700px){.result-backdrop{padding:12px}.result-card.reward-card{padding:13px 17px 7px}.reward-card h2{font-size:24px}.reward-card .result-kicker{margin-bottom:5px}.result-scoreline{margin-top:7px}.reward-celebration{margin:5px 0 9px;padding-bottom:7px}.reward-emblem{width:144px;height:126px;margin-bottom:4px}.reward-card #result-reward-title{font-size:21px}#result-reward-art.atlas-art{inset:18px 23px}.reward-card #reward-distance{margin-top:4px;font-size:9px}#reward-trial{margin-top:8px}.reward-trial-stars{font-size:26px;min-height:29px;line-height:29px}.reward-star{font-size:27px}.reward-card #result-earned{margin:1px 0 6px}.reward-card #reward-equip{margin-top:5px}.round-details>summary{min-height:28px}}
@media(max-width:350px){.result-card.reward-card{padding-left:13px;padding-right:13px}.reward-card h2{font-size:23px}.reward-card #result-reward-progress{font-size:8px}.reward-card .result-secondary .text-button{font-size:8px}}
@media(max-height:650px){.reward-celebration[data-unlocked="true"] .reward-emblem{height:104px}.reward-celebration[data-unlocked="true"] #result-reward-art{inset:11px 32px}.reward-celebration[data-unlocked="true"] #reward-trial{margin-top:4px}.reward-celebration[data-unlocked="true"] .reward-trial-stars{min-height:25px;line-height:25px}.reward-celebration[data-unlocked="true"] #reward-distance{margin-top:2px}}