/* Painted garden skin; movement, input, progress and saved flags are shared. */
.expression-map[data-theme="blossom"] { --forest:#30483a; --cream:#fff9ee; border-color:#d5c5b2; }
[data-theme="blossom"] .expression-map-header { background:linear-gradient(110deg,#fffbee,#f8e9e4); }
[data-theme="blossom"] .expression-map-tools { background:#fffaf0; }
[data-theme="blossom"] .expression-map-heading p { color:#72505b; }
[data-theme="blossom"] .expression-map-character[aria-pressed=true] { background:#f4e1e0; border-color:#9a6775; box-shadow:inset 0 0 0 1px #9a6775; }
[data-theme="blossom"] .expression-map-viewport { background:#a7bc71; scrollbar-color:#9b8272 #e7dcb5; }
.garden-scenery, .garden-background, .garden-route { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.garden-scenery { overflow:hidden; }
.garden-background { object-fit:fill; }
.garden-sprite { display:block; background-image:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/common-expression-written/garden/sprites.webp'); background-size:300% 200%; background-repeat:no-repeat; }
.garden-tree { position:absolute; transform:translate(-50%,-100%); pointer-events:none; }
.garden-tree > span { width:100%; height:100%; background-position:0 0; transform-origin:50% 91%; animation:garden-tree-breeze 7s ease-in-out var(--delay) infinite alternate; }
.garden-milestone { position:absolute; width:104px; height:104px; transform:translate(-50%,-70%); }
.garden-milestone > span { width:100%; height:100%; background-position:100% 100%; }
.garden-milestone b { position:absolute; left:35px; bottom:-1px; min-width:30px; padding:2px 5px; border-radius:8px; border:1px solid #c0a491; background:#fff8e9; color:#704a42; text-align:center; font:700 15px Georgia,serif; }
[data-theme="blossom"] .expression-map-stone::before { width:126px; height:126px; left:27px; top:-29px; border:0; border-radius:50%; background: url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/common-expression-written/garden/sprites.webp') 100% 0 / 300% 200% no-repeat; box-shadow:none; filter:drop-shadow(0 7px 3px #314d3b40); }
[data-theme="blossom"] .expression-map-stone:hover::before { filter:brightness(1.07) drop-shadow(0 7px 3px #314d3b40); }
[data-theme="blossom"] .expression-map-stone[aria-pressed=true]::before { outline:0; filter:drop-shadow(0 0 2px #fffceb) drop-shadow(0 0 5px #fffceb); }
[data-theme="blossom"] .expression-map-stone[data-complete=true]::before { filter:hue-rotate(55deg) saturate(.7) drop-shadow(0 7px 3px #314d3b40); }
[data-theme="blossom"] .expression-map-stone-number { top:16px; color:#4d473e; font-size:30px; text-shadow:0 1px 1px #fffdf6; }
[data-theme="blossom"] .expression-map-stone-status { top:52px; right:17px; background:#fff9ec; border:1px solid #d1bdaa; color:#435841; }
[data-theme="blossom"] .expression-map-stone[data-complete=true] .expression-map-stone-status { background:#e6f0d3; color:#2f592e; }
[data-theme="blossom"] .expression-map-stone-caption { top:90px; color:#304637; border-color:#d9cbb4; background:linear-gradient(140deg,#fffaf0f5,#faeddfef); box-shadow:0 3px 9px #65553f22; }
[data-theme="blossom"] .expression-map-lesson-card { border-color:#cbb7a8; background:linear-gradient(130deg,#fffdf2,#f8e7df); }
[data-theme="blossom"] .expression-map-lesson-card::before { background:#fff9ed; border-color:#cbb7a8; }
[data-theme="blossom"] .expression-map-legend span::before { background:#e8c0b0; border-color:#aa8b7d; }
[data-theme="blossom"] .expression-map-legend span:last-child::before { background:#9ab97a; }
.garden-duck-wake { position:absolute; left:2%; top:68%; width:90%; height:19%; border:1.5px solid #e5f6efaa; border-radius:50%; box-shadow:0 3px 0 #d1f0e766; }
.garden-petals { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:6; container-type:size; }
.garden-petal { position:absolute; left:var(--start); top:-40px; width:var(--size); height:var(--size); background:url('https://edmund-site-assets.edmundeducation.workers.dev/site-assets/v1/assets/common-expression-written/garden/petal.webp') center / contain no-repeat; opacity:0; animation:garden-petal-fall var(--duration) linear var(--delay) infinite; }
@keyframes garden-tree-breeze { from { transform:rotate(-1.15deg) skewX(-.25deg); } to { transform:rotate(1.15deg) skewX(.25deg); } }
@keyframes garden-petal-fall { 0% { opacity:0; transform:translate(0,-30px) rotate(0deg); } 8% { opacity:.8; } 45% { transform:translate(calc(var(--drift) * .45),48cqh) rotate(135deg); } 90% { opacity:.7; } 100% { opacity:0; transform:translate(var(--drift),calc(100cqh + 80px)) rotate(290deg); } }
@media (prefers-reduced-motion:reduce) { .garden-petals { display:none; } }
.garden-duck { position:absolute; pointer-events:none; }
.garden-duck canvas { position:absolute; inset:0; width:100%; height:100%; }
.garden-duck-wake { top:74%; left:6%; width:86%; height:16%; }