/* Flower garden surfaces; navigation geometry is shared with the existing themes. */
html:root[data-icon-theme="flowers"] {
 --coast-bg:#f7f3ee;--coast-paper:#fffdf9;--coast-soft:#f3e9e9;--coast-sea:#ecdfdf;
 --coast-line:#e1d4cf;--coast-ink:#453d40;--coast-muted:#7b6970;
 --coast-brand:#975d76;--coast-hover:#80475f;--coast-coral:#b67258;--coast-sand:#f3e7ca;
 --coast-shadow:0 4px 18px #755c650b;
 --forest-sidebar:#eee9df;--forest-on-brand:#fffaf7;--forest-apricot:#eed2c9;
 --forest-blue:#e5eee5;--forest-lilac:#eee4f1;--forest-halo:#e5e9d5;
 --forest-popover-shadow:0 18px 56px #67505b2b;
 --gw-bg:var(--coast-bg);--gw-paper:var(--coast-paper);--gw-ink:var(--coast-ink);
 --gw-muted:var(--coast-muted);--gw-brand:var(--coast-brand);--gw-line:var(--coast-line);
 --gw-green:#e6eadb;--gw-peach:var(--forest-apricot);--gw-gold:#c1a169;
 --gf-stem:#88a185;--gf-leaf:#b5c9a2;--gf-bush:#d2dec2;--gf-tree:#dbe6cf;--gf-blossom:#ecd4dc;
 --gf-ground:#e7edd9;--gf-path:#f7ecd6;--gf-path-line:#d6c7b4;--gf-water:#c9ddda;--gf-water-line:#eff6ec;
 --gf-petal:#e8b9c9;--gf-halo:#eee9de;--gf-lantern:#ede6cc;--gf-glass-door:#e8f0e6;
 --gf-fish-dark:#4b5b5b;--gf-fish-dark-line:#35484a;--gf-fish-dark-fin:#677775;--gf-fish-dark-shine:#90a49a;
 --gf-fish-carp:#9bb393;--gf-fish-carp-line:#667f73;--gf-fish-carp-fin:#b1c1a0;--gf-fish-carp-shine:#d5dfb8;
 --gf-turtle-shell:#8f9f70;--gf-turtle-skin:#becba0;--gf-turtle-line:#657656;--gf-turtle-light:#dce3b7;
 --gf-cobra:#849271;--gf-cobra-line:#57634c;--gf-cobra-band:#c8c89c;--gf-cobra-belly:#d9cf9d;
}
html:root[data-icon-theme="flowers"][data-theme="dark"] {
 --coast-bg:#25252c;--coast-paper:#303039;--coast-soft:#3c333e;--coast-sea:#483b48;
 --coast-line:#5b4d58;--coast-ink:#f4ebee;--coast-muted:#cbb7c1;
 --coast-brand:#e6b5cc;--coast-hover:#f3d0df;--coast-coral:#e5b195;--coast-sand:#514637;
 --coast-shadow:0 4px 18px #16131935;
 --forest-sidebar:#2b2d2d;--forest-on-brand:#38252f;--forest-apricot:#59434c;
 --forest-blue:#34433d;--forest-lilac:#493c50;--forest-halo:#394638;
 --forest-popover-shadow:0 18px 56px #10101470;--gw-gold:#dfc596;--gw-green:#394438;
 --gf-stem:#8fa28a;--gf-leaf:#7e977d;--gf-bush:#405b49;--gf-tree:#3a5245;--gf-blossom:#6a4e64;
 --gf-ground:#354739;--gf-path:#555145;--gf-path-line:#95877b;--gf-water:#3c6262;--gf-water-line:#93b4ad;
 --gf-petal:#cd9bb9;--gf-halo:#343d36;--gf-lantern:#f2dca6;--gf-glass-door:#6c8475;
 --gf-fish-dark:#566b69;--gf-fish-dark-line:#263d40;--gf-fish-dark-fin:#708780;--gf-fish-dark-shine:#a1b6a5;
 --gf-fish-carp:#9bac8b;--gf-fish-carp-line:#536f63;--gf-fish-carp-fin:#a4b896;--gf-fish-carp-shine:#d0d6ae;
 --gf-turtle-shell:#8b9b74;--gf-turtle-skin:#b2c29b;--gf-turtle-line:#465b49;--gf-turtle-light:#bdcba5;
 --gf-cobra:#8c9c7a;--gf-cobra-line:#3b5042;--gf-cobra-band:#bbc293;--gf-cobra-belly:#c9c198;
}
/* Four choices stay compact; existing browser preferences and day/night are independent. */
.icon-theme-options {grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.site-appearance-panel {width:304px;max-width:calc(100vw - 24px)}
.coast-app .icon-theme-options button,.site-appearance .icon-theme-options button {font-size:10px;padding:8px 3px;min-height:64px}
.garden-panorama,.garden-scene {display:none}
html[data-icon-theme="flowers"] :is(.garden-panorama,.garden-scene) {display:block;overflow:hidden;pointer-events:none}
html[data-icon-theme="flowers"] .coast-welcome-scene>[data-forest-panorama],
html[data-icon-theme="flowers"] .coast-welcome-scene .coast-weather,
html[data-icon-theme="flowers"] .gw-hero-visual>.gw-world {display:none!important}
html[data-icon-theme="flowers"] .coast-app .coast-welcome {
 grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr);
 background:radial-gradient(ellipse at 76% 0,var(--gf-blossom),transparent 65%),linear-gradient(105deg,var(--coast-paper),var(--gf-halo))!important;
}
html[data-icon-theme="flowers"] .coast-welcome-scene {align-self:stretch;align-items:center;min-width:0;overflow:hidden}
html[data-icon-theme="flowers"] .coast-welcome-scene>.garden-panorama {width:100%;height:240px;min-width:0;flex:1}
html[data-icon-theme="flowers"] .coast-welcome-scene .coast-scene-controls {left:auto;right:14px;top:12px;z-index:2;gap:6px}
html[data-icon-theme="flowers"] .coast-app .coast-welcome[data-scene-expanded="true"] {grid-template-columns:minmax(0,1fr)}
html[data-icon-theme="flowers"] .coast-app .coast-welcome[data-scene-expanded="true"] .coast-welcome-copy {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 28px}
html[data-icon-theme="flowers"] .coast-app .coast-welcome[data-scene-expanded="true"] h1 {font-size:22px;white-space:nowrap}
html[data-icon-theme="flowers"] .coast-welcome[data-scene-expanded="true"] .garden-panorama {height:clamp(280px,25vw,440px)}
html[data-icon-theme="flowers"] .gw-hero-visual>.garden-scene {width:100%;height:auto;min-height:350px;max-height:540px}
html[data-icon-theme="flowers"] .official-site :is(.gw-halo,.gw-invite-spark) {color:var(--coast-coral);fill:var(--gf-halo)}
html[data-icon-theme="flowers"] .official-site .gw-pet-button {background:var(--coast-paper);border-color:var(--coast-line);color:var(--coast-brand)}
html[data-icon-theme="flowers"] .official-site .gw-play {background:var(--coast-soft)}
html[data-icon-theme="flowers"] .official-site .gw-cat-card {background:var(--forest-blue);border-color:var(--coast-line)}
html[data-icon-theme="flowers"] .official-site .gw-friends-card {background:var(--forest-lilac);border-color:var(--coast-line)}
html[data-icon-theme="flowers"] .official-site :is(.gw-pill,.gw-cat-content p,.gw-card-bottom,.gw-game-links a) {color:var(--coast-muted)}
html[data-icon-theme="flowers"] .digital-store {--ds-awning:#d4b3bd;--ds-elephant:#c3d3c4;--ds-ear:#e1b9c6;--ds-apron:#a9b895;--ds-art-stroke:#958889;--ds-rose:#d9afc4}
html[data-icon-theme="flowers"][data-theme="dark"] .digital-store {--ds-awning:#986f83;--ds-elephant:#a9bdb1;--ds-ear:#c6a2b8;--ds-apron:#7e947b;--ds-art-stroke:#b8aaa8;--ds-rose:#c4a0b7}
html[data-icon-theme="flowers"] .digital-store :is(.ds-hero,.ds-market-hero) {background:radial-gradient(ellipse at 85% 0,var(--gf-blossom),transparent 65%),var(--coast-soft)}
html[data-icon-theme="flowers"] .rc-page {--rc-leaf:#afc19d;--rc-skin:#c5d8bd;--rc-pink:#dbb6ca;--rc-outline:#918185;--rc-aura:#d9b2cc}
html[data-icon-theme="flowers"][data-theme="dark"] .rc-page {--rc-leaf:#7c9278;--rc-skin:#a7bda3;--rc-pink:#be97b0;--rc-outline:#60555d}
.gf-night {display:none}
html[data-theme="dark"] .gf-night {display:inline}
html[data-theme="dark"] .gf-day {display:none}
.gf-motion {animation-play-state:paused;animation-delay:var(--gf-delay,0s)}
.gf-fish-swim-black {transform:translate(-60px,-20px) rotate(5deg)}
.gf-fish-swim-carp {transform:translate(85px,18px) rotate(180deg)}
.gf-fish-swim-small {transform:translate(-90px,22px) rotate(180deg)}
.gf-fish-wake {opacity:.55}
.gf-mouse-run {transform:translate(140px,0)}
.gf-cobra-catch {opacity:0}
.gf-cobra-captive,.gf-cobra-gulp {opacity:0}
[data-garden-story="cobra-mouse"]:not([data-cobra-playing="true"]) .gf-cobra-sequence {animation:none!important}
[data-cobra-hold="true"] .gf-scroll {animation-play-state:paused!important}
html[data-icon-theme="flowers"] .gf-motion {animation-play-state:running}
@media(prefers-reduced-motion:no-preference){
 .gf-scroll {animation:gf-pan var(--gf-duration,180s) linear infinite;will-change:transform}
 .gf-sway {animation:gf-sway 6s ease-in-out infinite;transform-origin:0 0}
 .gf-tree-sway {animation:gf-sway 10s ease-in-out infinite;transform-origin:0 0}
 .gf-nod {animation:gf-nod 5s ease-in-out infinite}
 .gf-fly {animation:gf-fly 9s ease-in-out infinite}
 .gf-wing {animation:gf-wing .85s ease-in-out infinite;transform-origin:0 0}
 .gf-breathe {animation:gf-breathe 6s ease-in-out infinite}
 .gf-ear {animation:gf-ear 4.7s ease-in-out infinite;transform-origin:0 0}
 .gf-blink {animation:gf-blink 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
 .gf-hat {animation:gf-nod 8s ease-in-out infinite;transform-origin:0 -70px}
 .gf-water-arm {animation:gf-water-arm 5s ease-in-out infinite;transform-origin:0 0}
 .gf-water {animation:gf-water 1.6s linear infinite}
 .gf-tail {animation:gf-tail 5s ease-in-out infinite;transform-origin:-30px 24px}
 .gf-float {animation:gf-float 7s ease-in-out infinite}
 .gf-ripples {animation:gf-ripples 5s ease-in-out infinite}
 .gf-petal-fall {animation:gf-petal 13s linear infinite}
 .gf-firefly {animation:gf-firefly 7s ease-in-out infinite}
 .gf-glimmer {animation:gf-ripples 6s ease-in-out infinite}
 .gf-delay {animation-delay:-2s}
 .gf-husky-tail {animation:gf-husky-tail .85s ease-in-out infinite;transform-origin:0 0}
 .gf-husky-munch {animation:gf-husky-munch 1.8s ease-in-out infinite;transform-origin:-15px 6px}
 .gf-husky-jaw {animation:gf-husky-jaw .65s ease-in-out infinite;transform-origin:29px 18px}
 .gf-owner-fume {animation:gf-owner-fume .55s ease-in-out infinite;transform-origin:0 25px}
 .gf-owner-roar {animation:gf-owner-roar .65s ease-in-out infinite;transform-origin:5px 23px}
 .gf-stomp {animation:gf-stomp 1.1s ease-in-out infinite;transform-origin:15px 30px}
 .gf-angry-steam {animation:gf-angry-steam 2.4s ease-out infinite;animation-delay:var(--gf-delay,0s)}
 .gf-husky-thought {animation:gf-husky-thought 4s ease-in-out infinite}
 .gf-comic-bubble {animation:gf-comic-bubble 2.2s ease-in-out infinite;transform-origin:220px 95px}
 .gf-tug-marks {animation:gf-tug-marks 1.1s ease-in-out infinite}
 .gf-fish-swim-black {animation:gf-fish-swim 24s linear infinite;animation-delay:-3s}
 .gf-fish-swim-carp {animation:gf-carp-swim 29s linear infinite;animation-delay:-14s}
 .gf-fish-swim-small {animation:gf-carp-swim 34s linear infinite;animation-delay:-26s}
 .gf-fish-tail {animation:gf-fish-tail 1.2s ease-in-out infinite;transform-origin:0 0}
 .gf-fish-fin {animation:gf-fish-fin 1.8s ease-in-out infinite;transform-origin:0 0}
 .gf-fish-body {animation:gf-fish-body 2.4s ease-in-out infinite;transform-origin:0 0}
 .gf-fish-wake {animation:gf-fish-wake 3s ease-in-out infinite}
 .gf-fish-swim-carp .gf-fish-tail {animation-duration:.95s}
 .gf-fish-swim-small .gf-fish-tail {animation-duration:.75s}
 .gf-turtle-crawl {animation:gf-turtle-crawl var(--gf-turtle-speed,12s) ease-in-out infinite;animation-delay:var(--gf-delay,0s)}
 .gf-turtle-feet {animation:gf-turtle-feet 1.4s ease-in-out infinite;animation-delay:var(--gf-delay,0s)}
 .gf-turtle-feet-alt {animation-direction:reverse}
 .gf-turtle-peek {animation:gf-turtle-peek 4s ease-in-out infinite;animation-delay:var(--gf-delay,0s)}
 .gf-cobra-strike {animation:gf-cobra-strike 24s ease-in-out both;transform-origin:10px -5px}
 .gf-cobra-tail {animation:gf-cobra-tail 3s ease-in-out infinite;transform-origin:0 0}
 .gf-cobra-tongue {animation:gf-cobra-tongue 2.1s linear infinite;transform-origin:56px -58px}
 .gf-mouse-run {animation:gf-mouse-run 24s linear both}
 .gf-mouse-feet {animation:gf-mouse-feet .3s ease-in-out infinite}
 .gf-mouse-tail {animation:gf-mouse-tail .6s ease-in-out infinite;transform-origin:-12px 1px}
 .gf-cobra-catch {animation:gf-cobra-catch 24s linear both}
 .gf-cobra-captive {animation:gf-cobra-captive 24s linear both}
 .gf-cobra-swallow {animation:gf-cobra-swallow 24s linear both}
 .gf-cobra-gulp {animation:gf-cobra-gulp 24s ease-in-out both;transform-origin:27px -47px}
 .gf-cobra-jaw {animation:gf-cobra-jaw 24s ease-in-out both;transform-origin:29px -57px}
 .gf-cobra-taste {animation:gf-cobra-taste 24s linear both}
}
@keyframes gf-turtle-crawl {0%,100%{transform:translateX(-4px)}50%{transform:translateX(6px)}}
@keyframes gf-turtle-feet {0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes gf-turtle-peek {0%,80%,100%{transform:translateX(0)}86%,94%{transform:translateX(-3px)}}
@keyframes gf-cobra-strike {0%{transform:rotate(-3deg)}14%{transform:rotate(5deg)}23%{transform:rotate(-10deg) scaleY(1.05)}29%,38%{transform:rotate(45deg) scale(1.4,1.1)}46%{transform:rotate(9deg)}53%{transform:rotate(4deg)}60%{transform:rotate(8deg)}68%{transform:rotate(3deg)}80%{transform:rotate(0)}90%,100%{transform:rotate(9deg) scaleY(.92)}}
@keyframes gf-cobra-tail {0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@keyframes gf-cobra-tongue {0%,65%,100%{opacity:0;transform:scaleX(.3)}70%,82%,92%{opacity:1;transform:scaleX(1)}76%,87%{opacity:.5;transform:scaleX(.5)}}
@keyframes gf-mouse-run {0%{transform:translate(160px,0);opacity:1}10%{transform:translate(177px,-2px)}18%{transform:translate(167px,0) scaleX(-1)}23%{transform:translate(136px,-2px) scaleX(-1)}26%{transform:translate(123px,0) rotate(15deg) scaleX(-1)}28.9%{transform:translate(112.4px,21.2px) rotate(45deg) scale(-1.4,1.1);opacity:1}29%,100%{transform:translate(112.4px,21.2px) rotate(45deg) scale(-1.4,1.1);opacity:0}}
@keyframes gf-mouse-feet {0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}
@keyframes gf-mouse-tail {0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}
@keyframes gf-cobra-catch {0%,27%,36%,100%{opacity:0}29%,32%{opacity:1}}
@keyframes gf-cobra-captive {0%,28.9%{opacity:0}29%,73%{opacity:1}74%,100%{opacity:0}}
@keyframes gf-cobra-swallow {0%,45%{transform:translateX(0)}49%,52%{transform:translateX(16px)}57%,59%{transform:translateX(32px)}64%,66%{transform:translateX(51px)}73%,100%{transform:translateX(82px)}}
@keyframes gf-cobra-gulp {0%,47%{opacity:0;transform:translate(4px,-6px) scale(.6)}55%{opacity:1;transform:translate(2px,0) scale(1)}66%{opacity:1;transform:translate(-6px,18px) scale(.9)}77%{opacity:1;transform:translate(-10px,35px) scale(.8)}85%,100%{opacity:0;transform:translate(-10px,44px) scale(.55)}}
@keyframes gf-cobra-jaw {0%,24%,85%,100%{transform:rotate(0)}29%,45%{transform:rotate(16deg)}49%,57%,64%{transform:rotate(10deg)}52%,59%,66%{transform:rotate(17deg)}73%{transform:rotate(5deg)}}
@keyframes gf-cobra-taste {0%,22%{opacity:1}24%,88%{opacity:0}92%,100%{opacity:1}}
@keyframes gf-fish-swim {0%{transform:translate(0,-25px) rotate(0)}12.5%{transform:translate(105px,-18px) rotate(12deg)}25%{transform:translate(128px,0) rotate(90deg)}37.5%{transform:translate(105px,18px) rotate(168deg)}50%{transform:translate(0,25px) rotate(180deg)}62.5%{transform:translate(-105px,18px) rotate(192deg)}75%{transform:translate(-128px,0) rotate(270deg)}87.5%{transform:translate(-105px,-18px) rotate(348deg)}100%{transform:translate(0,-25px) rotate(360deg)}}
@keyframes gf-carp-swim {0%{transform:translate(0,-17px) rotate(0)}12.5%{transform:translate(72px,-12px) rotate(14deg)}25%{transform:translate(101px,0) rotate(90deg)}37.5%{transform:translate(72px,12px) rotate(166deg)}50%{transform:translate(0,17px) rotate(180deg)}62.5%{transform:translate(-72px,12px) rotate(194deg)}75%{transform:translate(-101px,0) rotate(270deg)}87.5%{transform:translate(-72px,-12px) rotate(346deg)}100%{transform:translate(0,-17px) rotate(360deg)}}
@keyframes gf-fish-tail {0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
@keyframes gf-fish-fin {0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes gf-fish-body {0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
@keyframes gf-fish-wake {0%,100%{opacity:.25}50%{opacity:.7}}
@keyframes gf-pan {from{transform:translateX(0)}to{transform:translateX(var(--gf-distance,-3840px))}}
@keyframes gf-husky-tail {0%,100%{transform:rotate(-12deg)}50%{transform:rotate(15deg)}}
@keyframes gf-husky-munch {0%,100%{transform:rotate(-1deg)}35%,65%{transform:rotate(3deg)}}
@keyframes gf-husky-jaw {0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@keyframes gf-owner-fume {0%,100%{transform:translateX(-1px) rotate(-2deg)}50%{transform:translateX(1px) rotate(2deg)}}
@keyframes gf-owner-roar {0%,100%{transform:scaleY(.85)}50%{transform:scaleY(1.12)}}
@keyframes gf-stomp {0%,55%,100%{transform:translateY(0)}25%{transform:translateY(-10px) rotate(-6deg)}}
@keyframes gf-angry-steam {0%{opacity:0;transform:translate(0,4px) scale(.5)}20%{opacity:.9}80%{opacity:.55}100%{opacity:0;transform:translate(-9px,-39px) scale(1.2)}}
@keyframes gf-husky-thought {0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes gf-comic-bubble {0%,65%,100%{transform:rotate(0)}74%{transform:rotate(-1deg)}83%{transform:rotate(1deg)}}
@keyframes gf-tug-marks {0%,100%{opacity:.35}50%{opacity:1}}
@keyframes gf-sway {0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@keyframes gf-nod {0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes gf-fly {0%,100%{transform:translate(-16px,0) rotate(-7deg)}35%{transform:translate(17px,-17px) rotate(9deg)}65%{transform:translate(27px,7px) rotate(-5deg)}}
@keyframes gf-wing {0%,100%{transform:scaleX(1)}50%{transform:scaleX(.3)}}
@keyframes gf-breathe {0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes gf-ear {0%,75%,100%{transform:scaleX(1)}85%{transform:scaleX(.8)}}
@keyframes gf-blink {0%,42%,46%,100%{transform:scaleY(1)}44%{transform:scaleY(.1)}}
@keyframes gf-water-arm {0%,100%{transform:rotate(1deg)}50%{transform:rotate(11deg)}}
@keyframes gf-water {to{stroke-dashoffset:-22}}
@keyframes gf-tail {0%,100%{transform:rotate(-5deg)}50%{transform:rotate(9deg)}}
@keyframes gf-float {0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-3px)}}
@keyframes gf-ripples {0%,100%{opacity:.4}50%{opacity:.9}}
@keyframes gf-petal {0%{transform:translate(0,-20px) rotate(0);opacity:0}15%,75%{opacity:.65}100%{transform:translate(75px,195px) rotate(220deg);opacity:0}}
@keyframes gf-firefly {0%,100%{opacity:.15;transform:translate(0,0)}50%{opacity:1;transform:translate(16px,-11px)}}
[data-scene-paused="true"] .gf-motion,[data-scene-offscreen="true"] .gf-motion,[data-gw-running="false"] .gf-motion {animation-play-state:paused!important}
html:not([data-icon-theme="flowers"]) .gf-motion {animation-play-state:paused!important}
html[data-icon-theme="flowers"] [data-forest-panorama] :is(.fp-motion,.kf-motion) {animation-play-state:paused!important}
@media(min-width:1800px){html[data-icon-theme="flowers"] .coast-welcome-scene>.garden-panorama {height:260px}}
@media(max-width:920px){
 html[data-icon-theme="flowers"] .coast-welcome-scene>.garden-panorama {height:190px}
 html[data-icon-theme="flowers"] .coast-welcome[data-scene-expanded="true"] .garden-panorama {height:260px}
 html[data-icon-theme="flowers"] .coast-app .coast-welcome[data-scene-expanded="true"] .coast-welcome-copy {display:block;padding:18px 18px 8px}
 html[data-icon-theme="flowers"] .coast-app .coast-welcome[data-scene-expanded="true"] h1 {white-space:normal}
}
@media(max-width:600px){html[data-icon-theme="flowers"] .gw-hero-visual>.garden-scene {min-height:250px}}
@media(prefers-reduced-motion:reduce){.gf-motion {animation:none!important}.gf-scroll {transform:translateX(var(--gf-static-position,0px))}}