/* Shared mission celebrations. Motion remains optional and never blocks play. */
.page-games{--mission-ink:#275443;--mission-soft:#e7f1d7;--mission-glow:#f9edb8;--mission-accent:#6d568f}
.page-games[data-play-theme=ocean]{--mission-ink:#225468;--mission-soft:#dceff2;--mission-glow:#fbe2c5;--mission-accent:#306a83}
.page-games[data-play-theme=space]{--mission-ink:#493563;--mission-soft:#ede4f8;--mission-glow:#fae5ab;--mission-accent:#65508c}
.game-challenge{margin:20px 0 14px;padding:20px 24px;border:1px solid #b9c8b0;border-left:5px solid var(--mission-accent);border-radius:14px;background:#f6f8f0;scroll-margin-top:16px}
.challenge-label{display:inline-block;margin:0 0 12px;padding:7px 12px;border-radius:8px;background:var(--mission-accent);color:#fff;font-size:1rem;font-weight:700;line-height:1.5}
.game-challenge .game-prompt{font:600 clamp(1.75rem,2.8vw,2.125rem)/1.4 Georgia,serif;text-align:left;color:var(--mission-ink);background:var(--mission-glow);padding:14px 16px;border-radius:10px;margin:0 0 20px;max-width:none;scroll-margin-top:20px;overflow-wrap:anywhere}
.game-challenge-guide{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:26px;align-items:start}
.challenge-steps{margin:0;padding-left:32px;color:#283e30;font-size:1.25rem;line-height:1.6}
.challenge-steps li{padding:0 0 12px 5px;margin:0 0 12px;border-bottom:1px solid #cbd5c1}
.challenge-steps li:last-child{margin-bottom:0}
.challenge-steps li:last-child{padding-bottom:0;border-bottom:0}
.challenge-steps li::marker{font-size:1.375rem;font-weight:750;color:var(--mission-accent)}
.challenge-finish{font-size:1.25rem;line-height:1.55;margin:0;padding:16px;background:var(--mission-soft);border:2px solid var(--mission-accent);border-radius:12px;color:#283e30;overflow-wrap:anywhere}
.challenge-finish strong{display:block;margin-bottom:8px;font-size:1rem;font-weight:750;color:var(--mission-ink)}
.page-games .game-feedback{font-size:1.25rem;line-height:1.6;background:#fff2c8;color:#3e3928;border-left:5px solid #9a7125}
.page-games .game-hint-copy{font-size:1.25rem;line-height:1.6;color:#49365e}
.page-games .game-hint-copy:not(:empty){padding:16px 18px;background:#eee6f6;border:2px solid #80689a;border-radius:12px}
.page-games .game-board p{font-size:1.25rem;line-height:1.6}
.page-games .game-board :is(.button,.outline),.page-games #game-read,.page-games #game-hint{font-size:1.125rem;line-height:1.5;white-space:normal;max-width:100%;overflow-wrap:anywhere}
.page-games #game-read{padding:9px 14px;border:1px solid var(--mission-accent);border-radius:8px;background:#fffdf8;color:var(--mission-ink)}
.page-games .garden-plot>span:not(.game-art){font-size:1rem;line-height:1.45;font-weight:650}
.games-contrast .game-challenge,.games-contrast .challenge-finish{background:#fff;border-color:#111}
.games-contrast .game-challenge :is(p,h3,li,strong){color:#111}
.games-contrast .game-challenge .challenge-label{background:#111;color:#fff}
.games-contrast .game-challenge .game-prompt{background:#fff2b5;color:#111}
.games-contrast .challenge-steps li,.games-contrast .challenge-steps li::marker{border-color:#111;color:#111}
.page-games.games-contrast :is(.game-feedback,.game-hint-copy){color:#111;border-color:#111}
.page-games.games-contrast .game-hint-copy:not(:empty){background:#fff}
.game-board>.game-art:first-child{display:block;margin:0 auto 12px}
@media(max-width:850px){.game-challenge-guide{grid-template-columns:1fr;gap:20px}}
@media(max-width:600px){.game-challenge{padding:16px 12px}.game-challenge .game-prompt{padding:12px;font-size:1.75rem;margin-bottom:18px}.challenge-steps{padding-left:28px}.challenge-finish{padding:14px}.page-games .game-hint-copy:not(:empty){padding:14px}}
.game-mission-win{position:relative;isolation:isolate;overflow:hidden;text-align:center;border:2px solid var(--mission-accent);border-radius:24px;padding:26px 24px;background:radial-gradient(ellipse at 50% 4%,var(--mission-glow),transparent 60%),linear-gradient(150deg,#fffdf8,var(--mission-soft));color:var(--mission-ink);scroll-margin:20px}
.mission-count{display:inline-block;margin:0 0 12px;padding:6px 14px;border:1px solid currentColor;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:.04em;background:#fffdf8}
.mission-prize{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 10px;background:#fffdf8;border:3px solid var(--mission-accent);border-radius:50%;box-shadow:0 0 0 8px #ffffff80,0 7px 0 #0000000b}
.mission-prize .game-art{width:62px;height:62px}
.game-mission-win h3{font:600 clamp(27px,4vw,38px)/1.15 Georgia,serif;color:var(--mission-ink);margin:16px 0 8px}
.game-mission-win h3:focus{outline:none}
.mission-message{font-size:1.25rem;line-height:1.6;max-width:650px;margin:0 auto 10px;overflow-wrap:anywhere}
.mission-earned{font-size:14px;font-weight:700;margin:8px 0}
.mission-collection{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:12px auto 18px;max-width:560px}
.mission-collectible{display:grid;place-items:center;width:37px;height:37px;flex:none;background:#fffdf8;border:1px dashed #817b8a;border-radius:50%;font-size:12px;color:#595262}
.mission-collectible.collected{border:1px solid var(--mission-accent);background:#fffef8;box-shadow:0 2px 0 #0000000b}
.mission-collectible .game-art{width:26px;height:26px}
.mission-next-preview{font-size:14px;line-height:1.5;margin:0 0 12px}
.mission-direction{font-size:1.25rem;font-weight:700;line-height:1.5;margin:0 0 12px}
.mission-next-row{display:flex;justify-content:center;align-items:center;gap:12px}
.mission-next-arrow{font-size:32px;color:var(--mission-accent);line-height:1}
.mission-next-row .button{font-size:20px;min-height:58px;min-width:230px;padding:15px 26px;background:var(--mission-accent);border:2px solid var(--mission-accent);border-radius:16px;box-shadow:0 5px 0 #30263e;white-space:normal}
.mission-next-row .button:focus-visible{outline:3px solid var(--mission-ink);outline-offset:6px}
.mission-next-row .button:active{box-shadow:0 2px 0 #30263e;transform:translateY(3px)}
.mission-review{display:block;margin:16px auto 0;font-size:13px;min-height:36px;color:var(--mission-ink);text-decoration:underline;text-underline-offset:3px}
.game-mission-win:not([hidden])~.game-board{margin-top:20px}
.mission-sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1;overflow:hidden}
.mission-sparkles span{position:absolute;left:var(--x);top:var(--y);width:10px;height:18px;border-radius:4px;background:var(--spark);opacity:.65;transform:rotate(var(--tilt))}
.games-gentle-motion .game-mission-win:not([hidden]){animation:mission-arrive .35s ease-out}
.games-gentle-motion .game-mission-win:not([hidden]) .mission-prize{animation:mission-prize .65s ease-out}
.games-gentle-motion .game-mission-win:not([hidden]) .mission-next-arrow{animation:mission-point .65s ease-in-out 3}
.games-gentle-motion .game-mission-win:not([hidden]) .mission-sparkles span{animation:mission-spark 1.3s ease-out both}
.games-gentle-motion .game-mission-win:not([hidden]) .mission-collectible.collected{animation:mission-arrive .5s ease-out}
.games-gentle-motion .game-board:not(.round-complete){animation:mission-arrive .3s ease-out}
.games-contrast .game-mission-win{background:#fff;color:#111;border-color:#111}
.games-contrast .game-mission-win h3,.games-contrast .mission-review,.games-contrast .mission-next-arrow{color:#111}
.games-contrast .mission-next-row .button{background:#1f2530;color:white;border-color:#111}
@keyframes mission-arrive{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes mission-prize{0%{transform:scale(.85)}65%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes mission-point{50%{transform:translateX(6px)}}
@keyframes mission-spark{from{opacity:0;transform:translateY(-28px) rotate(0)}40%{opacity:.8}to{opacity:.65;transform:translateY(0) rotate(var(--tilt))}}
@media(max-width:600px){.game-mission-win{padding:20px 13px;border-radius:18px}.mission-prize{width:65px;height:65px}.mission-prize .game-art{width:45px;height:45px}.mission-count{margin-bottom:10px}.mission-next-row{gap:8px}.mission-next-row .button{min-width:0;max-width:100%;font-size:18px;flex:1;padding:14px 12px}.mission-next-arrow{font-size:28px}.mission-collectible{width:29px;height:29px}.mission-collectible .game-art{width:22px;height:22px}.mission-collection{gap:5px;margin:10px auto 14px}}
@media(prefers-reduced-motion:reduce){.game-mission-win,.game-mission-win *,.game-board{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A brief notice, with no dismissal needed. The completed activity stays visible. */
.game-mission-win{position:fixed;z-index:40;right:20px;bottom:20px;width:min(510px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:18px 20px;border-radius:18px;text-align:left;box-shadow:0 8px 30px #234c3c26}
.mission-notice-body{display:flex;gap:16px;align-items:center}.mission-notice-copy{min-width:0}
.game-mission-win .mission-prize{flex:none;width:52px;height:52px;margin:0;border-width:2px;box-shadow:none}.game-mission-win .mission-prize .game-art{width:36px;height:36px}
.game-mission-win h3{font:600 1.45rem/1.25 Georgia,serif;margin:0 0 5px}.game-mission-win .mission-earned{font-size:1rem;margin:0 0 5px}.game-mission-win .mission-direction{font-size:1rem;line-height:1.45;font-weight:400;margin:0}
.game-mission-win .mission-next-row{justify-content:flex-end;gap:18px;margin-top:12px;flex-wrap:wrap}.game-mission-win .mission-review{font-size:1rem;line-height:1.4;margin:0;min-height:44px}.game-mission-win .mission-next-row .button{font-size:1rem;min-width:0;min-height:44px;padding:9px 14px;border-radius:10px;box-shadow:none;flex:none}
.game-mission-win.result-kept{position:relative;right:auto;bottom:auto;width:100%;max-height:none;box-shadow:none;margin-bottom:20px}.game-mission-win:not([hidden])~.game-board{margin-top:0}
@media(max-width:600px){.game-mission-win{right:12px;bottom:12px;width:calc(100% - 24px);padding:14px}.mission-notice-body{gap:12px}.game-mission-win .mission-prize{width:42px;height:42px}.game-mission-win .mission-prize .game-art{width:30px;height:30px}.game-mission-win .mission-next-row{gap:12px;justify-content:space-between}.game-mission-win h3{font-size:1.3rem}}
