/* Garden rewards share a palette and celestial silhouette with their previews. */
:root,.garden-lagoon{--garden-deep:#29223e;--garden-light:#655080;--garden-sky:#211b35;--garden-star:#a8e9d5;--garden-orb:#b7a9ef;--garden-shadow:inset -8px -7px 0 #3e3156}
html[data-garden="dawn"],.garden-dawn{--garden-deep:#3b293a;--garden-light:#81504c;--garden-sky:#241e2d;--garden-star:#ffdab0;--garden-orb:#ffd091;--garden-shadow:0 0 0 5px #ffd09118,0 0 0 10px #ffd09110}
html[data-garden="moonpool"],.garden-moonpool{--garden-deep:#212c51;--garden-light:#465184;--garden-sky:#151b31;--garden-star:#d4ddff;--garden-orb:#d4ddff;--garden-shadow:inset -10px -4px 0 #303b68}
html[data-garden="rosewater"],.garden-rosewater{--garden-deep:#43243e;--garden-light:#854765;--garden-sky:#271c2c;--garden-star:#ffd0de;--garden-orb:#ffb4d2;--garden-shadow:0 0 0 5px #ffb4d223,inset 0 0 0 5px #643252}
html[data-garden="eclipse"],.garden-eclipse{--garden-deep:#282637;--garden-light:#615349;--garden-sky:#191a27;--garden-star:#ffe5a4;--garden-orb:#252737;--garden-shadow:0 0 0 2px #ffe3a0,0 0 14px #ffc75b80}
html[data-garden]:not([data-garden="lagoon"]){--bg:var(--garden-sky)}
html[data-garden]:not([data-garden="lagoon"]) body{background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--garden-light) 30%,transparent),transparent 65%)}
html[data-garden]:not([data-garden="lagoon"]) .lagoon{background:radial-gradient(ellipse at 45% 25%,color-mix(in srgb,var(--garden-light) 65%,transparent),transparent 72%),var(--garden-deep)}
html[data-garden]:not([data-garden="lagoon"]) .lagoon::after{content:'';position:absolute;pointer-events:none;z-index:-1;width:42%;aspect-ratio:1;border-radius:50%;left:29%;top:10%;background:var(--garden-orb);box-shadow:var(--garden-shadow);opacity:.055}
.garden-art{display:block;position:relative;flex-shrink:0;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 15%,var(--garden-light),transparent 85%),var(--garden-deep);border:1px solid color-mix(in srgb,var(--garden-star) 25%,transparent);color:var(--garden-star)}
.garden-art::after{content:'';position:absolute;left:-15%;bottom:-14%;width:130%;height:46%;border:1px solid color-mix(in srgb,var(--garden-star) 20%,transparent);border-radius:50%;background:color-mix(in srgb,var(--garden-deep) 70%,transparent)}
.garden-art i{position:absolute;width:27%;aspect-ratio:1;left:37%;top:23%;border-radius:50%;background:var(--garden-orb);box-shadow:var(--garden-shadow)}
.garden-art b,.garden-art em{position:absolute;font-style:normal;font-weight:400;font-size:10px;line-height:1;left:14%;top:48%;opacity:.85}.garden-art em{left:auto;right:15%;top:21%;font-size:8px}
.collection-button{display:flex;align-items:center;gap:9px;min-height:44px;min-width:0;flex:1;text-align:left;background:none;padding:2px 0;border-radius:8px}
.collection-preview{width:37px;height:37px;border-radius:9px}.collection-preview i{box-shadow:none}.collection-copy{min-width:0;flex:1}.collection-copy strong{display:block;font-size:10px;font-weight:600;color:#dce7d3}.collection-copy small{display:block;font-size:8px;color:var(--muted);line-height:1.5;white-space:nowrap}.collection-arrow{color:var(--muted);font-size:20px}
.collection-track{display:block;width:100%;height:3px;border-radius:3px;background:#a8e9d518;overflow:hidden;margin-top:4px}.collection-track>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#96ccb7,#d7c7fa);border-radius:inherit;transition:width .4s ease-out}
.bottom-controls{gap:9px}.bottom-controls #restart{flex-shrink:0}
#collection-dialog{max-width:440px;padding:25px 22px 19px}#collection-dialog h2{max-width:280px;font-size:27px;margin:13px 20px 11px 0}.collection-intro{font-size:11px;color:var(--muted);line-height:1.6;max-width:340px}.collection-total{font-size:10px;color:#d6c9f3;margin:16px 0 10px;font-variant-numeric:tabular-nums}
.garden-list{display:grid;gap:7px}.garden-card{display:flex;align-items:center;gap:12px;padding:8px;text-align:left;width:100%;min-height:72px;border:1px solid #a8e9d525;border-radius:13px;background:#09212944}.garden-card[aria-pressed="true"]{border-color:#a8e9d589;background:#a8e9d509}.garden-card:not(:disabled):hover{background:#a8e9d512}.garden-card:disabled{opacity:1;cursor:default}.garden-card>.garden-art{width:68px;height:58px}.garden-card strong{display:block;font:500 17px 'Outfit',sans-serif;letter-spacing:.1px}.garden-card small{display:block;font-size:10px;color:#b4c9c8;line-height:1.5;margin-top:2px}.garden-card small span{color:#96b0b3}.garden-state{margin-left:auto;align-self:center;font-size:18px;color:#a8e9d5;padding-right:5px}.garden-card.locked .garden-state{color:#8aa1a4}.collection-footnote{font-size:9px;line-height:1.6;color:var(--muted);margin-top:12px}
.result-reward{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 0;margin:0 0 13px;border-top:1px solid #a8e9d51c;border-bottom:1px solid #a8e9d51c}.result-reward>.garden-art{width:62px;height:63px}.result-reward>div{flex:1;min-width:0}.result-reward .tiny-label{font-size:8px;letter-spacing:.6px}.result-reward strong{display:block;font:500 18px 'Outfit',sans-serif;margin:4px 0}.result-reward small{display:block;font-size:9px;line-height:1.45;color:var(--muted)}.result-secondary{display:flex;align-items:center;justify-content:space-between;gap:8px}.result-secondary .text-button{font-size:10px;margin-top:4px;padding:4px}.result-card{padding:20px 18px}.result-card .eyebrow{margin:11px 0}.result-card .final-skies{margin:8px 0}
@media(max-width:370px){.collection-preview{width:32px;height:33px}.collection-button{gap:6px}.collection-copy small{font-size:7.5px}.collection-copy strong{font-size:9px}#collection-dialog{padding:22px 17px 16px}.garden-card>.garden-art{width:57px;height:54px}.garden-card{gap:9px;min-height:69px}.garden-card strong{font-size:16px}.garden-card small{font-size:9px}.result-reward{gap:9px}.result-reward strong{font-size:16px}.result-reward>.garden-art{width:51px;height:58px}.result-reward small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.collection-track>i{transition:none}}