@charset "UTF-8";
:root{--paper:#f5f1e9;--ink:#343b38;--muted:#8a8c80;--green:#607866;--soft-green:#e5e9dd;--board:#303e3a;--board-slot:#3c4b45;--accent:#f1b69a;--tile1:#efb59a;--tile1-low:#cf8d74;--tile2:#bbb2df;--tile2-low:#9289bd;--tile3:#b5ccae;--tile3-low:#89aa81;--tile4:#edce85;--tile4-low:#cfab5b;--tile5:#a8cbd2;--tile5-low:#7da5b2;--tile6:#e6a5c4;--tile6-low:#c47b9f;--shadow:0 18px 48px #404d3c12;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next','Segoe UI',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b38660;outline-offset:5px}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.page-glow{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 8% 51%,#e4e8d675,transparent 42%),radial-gradient(ellipse at 90% 14%,#eedfd955,transparent 40%)}.topbar{height:108px;max-width:1460px;margin:0 auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d9cd80;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:28px;letter-spacing:-1.6px;font-weight:700;white-space:nowrap}.brand-flower{width:33px;height:33px;color:var(--green);stroke:none}.brand-light{font-weight:350;margin-left:4px}.brand i{font-size:9px;letter-spacing:0;font-style:normal;vertical-align:top;position:relative;top:8px;margin-left:3px;font-weight:500}.header-caption{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2.3px;color:#8a8c7c}.header-caption>span{width:5px;height:5px;border-radius:50%;background:#a5b397}.header-actions{display:flex;align-items:center;gap:10px}.help-link{display:flex;align-items:center;gap:9px;border:0;background:none;font-size:12px;padding:10px}.question-mark{display:grid;place-items:center;border:1px solid #a8ad9e;border-radius:50%;width:17px;height:17px;font-size:10px}.header-divider{height:20px;width:1px;background:#dcded4;margin:0 8px}.icon-button{display:grid;place-items:center;width:37px;height:37px;background:transparent;border:0;border-radius:50%;transition:background .2s}.icon-button:hover{background:#e6e8dd}.icon-button svg{width:19px;height:19px}.game-layout{max-width:1328px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,1fr) minmax(360px,424px) minmax(230px,278px);gap:50px;align-items:start;padding:46px 30px 48px}.intro-panel{position:relative;padding-top:40px}.eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.8;font-weight:600;color:#7e8775;display:flex;gap:8px;align-items:center;white-space:nowrap}.tiny-star{font-size:15px;color:#bd9874}.intro-panel h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,5vw,72px);line-height:1.08;letter-spacing:-3.6px;margin:23px 0 24px}.intro-panel h1 em{color:#71856b;font-weight:400}.intro-copy{font-size:13px;line-height:1.9;color:#858979;letter-spacing:.1px;margin:0}.garden-scene{position:relative;margin:0 -34px 0 -42px;height:285px}.garden-scene img{width:100%;height:100%;object-fit:contain;transform:translateY(-6px);transition:filter .7s}.scene-label{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.8px;color:#8b8f7e;white-space:nowrap;display:flex;align-items:center;gap:6px}.scene-label>span{height:4px;width:4px;background:#96aa84;border-radius:100%}.garden-firefly{position:absolute;width:4px;height:4px;background:#ecd796;box-shadow:0 0 10px #dbb45e;border-radius:50%;animation:firefly 5s infinite alternate ease-in-out}.fly-one{top:29%;left:20%}.fly-two{top:44%;right:19%;animation-delay:-2s}.fly-three{top:12%;right:30%;animation-delay:-3s}.calm-note{display:flex;align-items:center;gap:8px;color:#98988a;font-size:10px;justify-content:center;margin-top:26px}.calm-note svg{width:14px;height:14px;color:#9daa92}.play-panel{width:100%;max-width:424px;justify-self:center}.mode-tabs{background:#e8e9df;border:1px solid #dedfd4;border-radius:30px;padding:5px;display:flex;gap:4px;max-width:330px;margin:0 auto 26px}.mode-tab{flex:1;display:flex;justify-content:center;align-items:center;gap:6px;white-space:nowrap;padding:10px 7px;border:0;background:transparent;border-radius:25px;color:#848a7a;font-size:11px;font-weight:500;transition:all .2s}.mode-tab svg{width:15px;height:15px}.mode-tab.active{background:#fcfaf5;color:#4e6655;box-shadow:0 2px 5px #45503a0b}.notification-dot{width:4px;height:4px;border-radius:50%;background:#cda381;margin-left:2px}.scoreboard{display:flex;align-items:center;justify-content:space-between;padding:0 11px 20px;min-height:100px}.small-label{font-size:8px;letter-spacing:1.75px;color:#878c7b;font-weight:600}.score-value{font-family:var(--serif);font-size:46px;line-height:1.15;letter-spacing:-1.4px;margin-top:6px;font-variant-numeric:tabular-nums}.best-score{text-align:right;display:flex;flex-direction:column;gap:6px}.best-score .small-label{display:flex;align-items:center;gap:6px;justify-content:flex-end}.best-score svg{width:13px;height:13px;color:#a59771}.best-score strong{font-weight:500;font-size:19px;letter-spacing:.3px;font-variant-numeric:tabular-nums}.best-score>span:last-child{font-size:8px;color:#9a9b8b}.board-frame{padding:13px;background:var(--board);border-radius:22px;box-shadow:0 10px 0 #d8dbce55,0 22px 45px #38483c13;position:relative}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;width:100%;aspect-ratio:1;touch-action:none;user-select:none}.board-corner{position:absolute;color:#b7c4ac70;font-size:10px;line-height:10px;pointer-events:none}.corner-top{left:4px;top:3px}.corner-bottom{right:4px;bottom:2px}.cell{aspect-ratio:1;min-width:0;border:0;padding:0;border-radius:7px;background:var(--board-slot);position:relative;touch-action:none;transition:background .12s;box-shadow:inset 0 1px 2px #14291d0f}.cell:hover{background:#526054}.cell:focus-visible{outline:2px solid #edce85;outline-offset:1px;z-index:3}.tile{display:block;width:100%;height:100%;border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile-color) 90%,white),var(--tile-color));box-shadow:inset 0 2px 0 #ffffff40,inset 0 -4px 0 var(--tile-low),0 2px 4px #14241d22;position:relative}.tile::before{content:'';position:absolute;inset:5px 5px 7px;border:1px solid #ffffff26;border-radius:3px}.tile::after{content:'';position:absolute;width:4px;height:4px;background:#ffffff40;border-radius:50%;top:26%;left:27%}.c1{--tile-color:var(--tile1);--tile-low:var(--tile1-low)}.c2{--tile-color:var(--tile2);--tile-low:var(--tile2-low)}.c3{--tile-color:var(--tile3);--tile-low:var(--tile3-low)}.c4{--tile-color:var(--tile4);--tile-low:var(--tile4-low)}.c5{--tile-color:var(--tile5);--tile-low:var(--tile5-low)}.c6{--tile-color:var(--tile6);--tile-low:var(--tile6-low)}.cell.preview-valid{background:#b8d6a94f;box-shadow:inset 0 0 0 1.5px #d4e9c5aa}.cell.preview-valid:after{content:'';position:absolute;inset:3px;border-radius:4px;background:var(--preview-color,#c8d9ab);opacity:.58}.cell.preview-invalid{background:#b77e7355;box-shadow:inset 0 0 0 1px #e2b6ad55}.cell.sun-preview{box-shadow:inset 0 0 0 2px #edce85;background:#cfad5a3d}.board-message{position:absolute;top:40%;left:0;right:0;text-align:center;pointer-events:none;font-family:var(--serif);font-size:36px;font-style:italic;color:#fff6d9;text-shadow:0 3px 22px #213b22;opacity:0;z-index:8}.board-message.show{animation:message 1.5s both}.under-board{display:flex;justify-content:space-between;align-items:center;padding:18px 4px 5px;color:#969b8b;font-size:8px;letter-spacing:1.1px}.under-board>span:first-child{display:flex;align-items:center;gap:6px}.status-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#91a885}.under-board>span:last-child{letter-spacing:.3px;font-size:9px}.tray{display:grid;grid-template-columns:repeat(3,1fr);height:116px;gap:12px;padding:8px 4px 0}.piece-slot{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;background:transparent;padding:9px;touch-action:none;user-select:none;transition:background .2s,border-color .2s;min-width:0}.piece-slot:not(:disabled):hover{background:#e9eade88}.piece-slot.selected{background:#e8e9de;border-color:#a7b39c}.piece-slot.used{color:#c5cbb9;opacity:.65}.piece-slot.used svg{width:23px;height:23px}.piece-slot.no-fit:after{content:'roda para encaixar';font-size:7px;color:#9f8f7b;position:absolute;bottom:4px;left:0;right:0}.piece-slot.no-fit .mini-shape{opacity:.55}.mini-shape{display:grid;gap:3px;pointer-events:none}.mini-cell{width:23px;height:23px}.mini-cell .tile{border-radius:4px;box-shadow:inset 0 1.5px 0 #fff4,inset 0 -3px 0 var(--tile-low),0 2px 3px #344b2d0f}.mini-cell .tile::before{inset:3px 3px 5px;border-radius:2px}.mini-cell .tile::after{width:3px;height:3px}.piece-number{position:absolute;bottom:4px;left:50%;font-size:7px;transform:translateX(-50%);color:#a1a68f}.play-instruction{text-align:center;font-size:9px;color:#919582;margin:9px 0 22px;min-height:14px;letter-spacing:.15px}.tools{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 2px}.tool-button{border:1px solid #dedfd2;background:#f9f6ef;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;height:42px;font-size:10px;flex:1;white-space:nowrap;padding:0 8px}.tool-button svg{width:15px;height:15px;color:#71826b}.tool-count{background:#e9ebdf;border-radius:4px;min-width:17px;padding:2px 3px;font-size:8px;color:#79876d}.tool-button:disabled{opacity:.45}.tool-button:not(:disabled):hover{background:#e8ecdd;border-color:#b0bea5}.tool-button.active{border-color:#bfa35c;background:#f1e6bf}.game-bottom{display:flex;align-items:center;justify-content:space-between;padding:19px 3px 0;color:#969b8a;font-size:8px;gap:7px}.game-bottom>span{display:flex;gap:5px;align-items:center}.game-bottom i{width:4px;height:4px;border-radius:50%;background:#8fa17e}.game-bottom button{background:transparent;border:0;display:flex;align-items:center;gap:6px;font-size:9px;padding:5px 0;white-space:nowrap;color:#78866e}.game-bottom svg{width:12px;height:12px}.side-panel{padding-top:14px;display:flex;flex-direction:column;gap:20px}.garden-card{background:linear-gradient(155deg,#e9ecdf,#e3e8d8);border:1px solid #d8ddce;border-radius:17px;padding:23px 23px 21px;position:relative;overflow:hidden}.garden-card:after{content:'✳';position:absolute;right:-14px;top:39px;font-size:140px;color:#c3d0b418;pointer-events:none}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.level-tag{font-size:7px;letter-spacing:1px;color:#7b8d6e;border:1px solid #bcc9ab80;background:#e7ecdc;border-radius:6px;padding:5px 6px;white-space:nowrap}.garden-icon{position:relative;width:48px;height:50px;margin:27px 0 7px;color:#a3b894}.garden-icon svg{width:43px;height:43px;stroke:none}.little-spark{color:#a99d76;position:absolute;right:-10px;top:-6px;font-size:19px}.garden-card h2{font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.5px;margin:10px 0 13px}.garden-card p{font-size:10px;line-height:1.9;color:#7d8872;max-width:206px;margin:0 0 24px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#6f7e63;margin-bottom:10px}.progress-label strong{font-weight:500;font-variant-numeric:tabular-nums;font-size:8px}.garden-track{height:5px;background:#d1dac4;border-radius:10px;overflow:hidden}.garden-track i{display:block;height:100%;background:#8fa77b;width:0;border-radius:10px;transition:width .6s}.garden-progress-note{display:flex;align-items:center;gap:5px;font-size:7px;color:#8d977f;margin-top:12px}.garden-progress-note svg{width:10px;height:10px}.daily-card{background:#eee6d7;border:1px solid #e3d8c3;border-radius:13px;padding:18px 15px;display:flex;align-items:center;text-align:left;gap:11px;transition:transform .2s}.daily-card:hover{transform:translateY(-2px)}.daily-card-icon{border:1px solid #d9c7a2;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#ac9462;flex-shrink:0}.daily-card-icon svg{width:19px;height:19px}.daily-card .small-label{font-size:6px;letter-spacing:1.3px;color:#a4916f}.daily-card h3{font-family:var(--serif);font-size:15px;font-weight:400;margin:5px 0 6px;letter-spacing:-.2px}.daily-card p{font-size:8px;margin:0;color:#a09278}.daily-arrow{width:14px;height:14px;margin-left:auto;color:#a68d62}.palette-card{border:1px solid #e0e0d3;border-radius:13px;padding:18px 18px 15px}.palette-card h3{font-size:10px;font-weight:500;margin:0}.palette-card .card-topline>span{font-size:8px;color:#929985}.theme-options{display:flex;gap:9px;margin:17px 0 13px}.theme-button{flex:1;border:1.5px solid transparent;border-radius:10px;padding:4px;position:relative;background:transparent;min-height:44px}.theme-button.active{border-color:#9ba98c}.theme-swatch{height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:3px}.theme-swatch i{height:15px;width:10px;border-radius:2px;transform:rotate(-8deg);box-shadow:0 2px 2px #0001}.theme-swatch i:nth-child(2){transform:translateY(-3px) rotate(4deg)}.theme-button svg{position:absolute;inset:0;margin:auto;width:15px;height:15px;color:#fff;filter:drop-shadow(0 1px 3px #2346)}.palette-card p{font-size:8px;color:#919681;line-height:1.6;margin:0;min-height:13px}.mini-tip{display:flex;gap:10px;color:#a38d66;padding:0 8px}.mini-tip>span{font-size:18px;line-height:1.4}.mini-tip p{margin:0;font-size:9px;line-height:1.9;color:#969783;max-width:200px}.mini-tip strong{display:block;font-size:9px;font-weight:500;color:#7b826c;margin-bottom:3px}.page-footer{max-width:1356px;margin:auto;border-top:1px solid #d8d9cd90;padding:23px 24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a0a28f;font-size:8px;letter-spacing:1.5px}.page-footer>div{display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:.2px}.page-footer button{font-size:8px;display:flex;align-items:center;gap:5px;border:0;background:none;padding:4px;color:#8c9681}.page-footer svg{width:12px;height:12px}.footer-flower{font-size:16px;color:#9ba98d;margin-left:12px}.footer-dot{color:#b9bbaa}.daily-progress{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8b907d;padding:0 5px 20px;margin-top:-7px}.daily-progress[hidden]{display:none}.daily-track{position:absolute;bottom:10px;left:5px;right:5px;background:#e2e4d8;height:3px;border-radius:3px;overflow:hidden}.daily-track i{height:100%;display:block;width:0;background:#b5a36f;transition:width .3s}.modal{border:1px solid #d6dccc;border-radius:22px;background:#f8f5ed;color:var(--ink);padding:35px;width:min(440px,calc(100% - 32px));max-height:85dvh;box-shadow:0 20px 80px #20332633;overflow:auto}.modal::backdrop{background:#253c3570;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:13px;top:13px}.modal-kicker{color:#96a17e;font-size:9px;letter-spacing:2px;margin-bottom:16px}.modal h2{font-family:var(--serif);font-size:33px;line-height:1.2;letter-spacing:-.6px;font-weight:400;margin:0 0 15px}.modal p{font-size:12px;line-height:1.9;color:#838975}.modal strong{color:#57664e;font-weight:600}.modal ul,.modal ol{padding-left:19px;color:#818b74;font-size:12px;line-height:1.9}.modal li{margin:12px 0}.modal .primary-button{border:1px solid #60765a;background:#667b5f;color:#fff;border-radius:10px;min-height:45px;padding:10px 20px;font-size:12px;margin-top:12px;display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.modal .secondary-button{border:1px solid #d6dcc9;color:#778568;background:transparent;border-radius:10px;padding:12px;width:100%;margin-top:10px;font-size:11px}.modal .result-score{font-size:64px;color:#66795b;font-family:var(--serif);line-height:1.2;margin:12px 0}.modal .result-details{display:flex;gap:20px;margin:18px 0;font-size:10px;color:#89937b;flex-wrap:wrap}.modal .result-art{width:75px;height:75px;border-radius:50%;background:#e6ecdc;display:grid;place-items:center;margin-bottom:23px;color:#a1b18c}.result-art svg{width:40px;height:40px;stroke:none}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e3d5;padding:16px 0;gap:15px;font-size:12px}.switch{width:39px;height:23px;border-radius:20px;background:#d8dece;border:0;position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fcfbf6;transition:transform .2s}.switch[aria-checked=true]{background:#8da27d}.switch[aria-checked=true]:after{transform:translateX(16px)}.settings-note{font-size:10px!important;margin-top:23px!important}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#34483c;color:#f5f1e7;font-size:11px;padding:13px 20px;border-radius:30px;box-shadow:0 5px 30px #263d3022;max-width:calc(100% - 30px);z-index:50;transition:opacity .2s,transform .2s;text-align:center;min-width:240px;line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}#fx-layer{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.clear-tile{position:absolute;border-radius:6px;background:var(--tile-color);animation:clear-tile .55s forwards;box-shadow:0 0 20px var(--tile-color)}.particle{position:absolute;width:7px;height:7px;border-radius:2px;background:var(--particle-color);animation:particle .9s forwards ease-out}.score-pop{animation:score-pop .35s}.bloomed{animation:bloomed 1.5s}#drag-ghost{position:fixed;pointer-events:none;z-index:45;display:grid;gap:5px;opacity:.95;filter:drop-shadow(0 7px 8px #23342530)}#drag-ghost[hidden]{display:none}.ghost-cell{aspect-ratio:1}.no-script{padding:20px;background:#eee6d7;text-align:center}.sun-mode .board{cursor:crosshair}body[data-theme=moon]{--paper:#eef0f5;--ink:#41445a;--board:#383d56;--board-slot:#454b66;--tile1:#c9b7e8;--tile1-low:#a68bcc;--tile2:#97bbdc;--tile2-low:#7195bb;--tile3:#b2d6cd;--tile3-low:#86b4aa;--tile4:#e7d69e;--tile4-low:#c4b276;--tile5:#e8b9ca;--tile5-low:#c992a7;--tile6:#e1aa84;--tile6-low:#b77d5e}body[data-theme=ocean]{--paper:#eff3ef;--ink:#365451;--board:#234d51;--board-slot:#2f5e61;--tile1:#92cfcb;--tile1-low:#67aba7;--tile2:#a7c0e4;--tile2-low:#7b9dc5;--tile3:#c5dbaa;--tile3-low:#a0bd80;--tile4:#e8d698;--tile4-low:#bfae6d;--tile5:#edb5a2;--tile5-low:#c78b78;--tile6:#d7aad2;--tile6-low:#ae7ba7}body[data-theme=moon] .garden-scene img{filter:hue-rotate(38deg) saturate(.75)}body[data-theme=ocean] .garden-scene img{filter:hue-rotate(75deg) saturate(.7)}
@keyframes message{0%{opacity:0;transform:translateY(10px) scale(.9)}20%,65%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-25px)}}@keyframes clear-tile{0%{transform:scale(1);opacity:1}35%{transform:scale(1.15);opacity:1}100%{transform:scale(.1) rotate(35deg);opacity:0}}@keyframes particle{to{transform:translate(var(--dx),var(--dy)) rotate(180deg);opacity:0}}@keyframes score-pop{50%{transform:scale(1.06);color:#899c6c}}@keyframes firefly{0%{opacity:.1;transform:translateY(0)}60%{opacity:.85}100%{opacity:.2;transform:translate(9px,-17px)}}@keyframes bloomed{50%{filter:drop-shadow(0 0 15px #d8bc76);transform:scale(1.025)}}
@media(min-width:1500px){.game-layout{padding-top:60px;padding-bottom:60px;gap:65px;max-width:1390px}.intro-panel{padding-top:45px}.garden-scene{height:300px}.topbar{height:112px}.side-panel{padding-top:15px}}
@media(max-width:1180px){.topbar{padding:0 30px;height:91px}.header-caption{font-size:7px;letter-spacing:1.5px}.game-layout{gap:30px;grid-template-columns:minmax(210px,1fr) minmax(330px,400px) minmax(200px,240px);padding:35px 28px}.intro-panel h1{font-size:58px}.eyebrow{white-space:normal;font-size:7px}.garden-scene{margin:5px -30px 0;height:255px}.garden-card{padding:20px 17px}.garden-card h2{font-size:23px}.garden-card p{font-size:9px}.small-label{letter-spacing:1.2px}.daily-card{padding:15px 12px;gap:8px}.daily-card-icon{width:29px;height:29px}.daily-card h3{font-size:13px}.daily-card p{font-size:7px}.side-panel{gap:17px}.palette-card{padding:16px 12px}.game-bottom{font-size:7px}.tool-button{font-size:9px}.mini-cell{width:22px;height:22px}}
@media(max-width:980px){.game-layout{grid-template-columns:minmax(190px,1fr) minmax(340px,420px);max-width:820px;padding:34px 30px;gap:36px}.intro-panel{padding-top:32px}.intro-panel h1{font-size:64px}.side-panel{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:8px 0 0}.garden-card{grid-row:span 2;padding:20px 23px}.garden-icon{float:left;margin:24px 17px 10px 0}.garden-card h2{font-size:24px;margin-top:24px}.garden-card p{max-width:100%;clear:both;padding-top:10px;margin-bottom:20px}.garden-card h2 br{display:none}.daily-card{padding:16px}.palette-card{padding:17px}.mini-tip{display:none}.header-caption{display:none}.page-footer{max-width:760px;margin:0 auto}.page-footer>span{font-size:6px;letter-spacing:1px}.garden-scene{margin:20px -38px 0}.calm-note{font-size:8px}.eyebrow{font-size:7px}}
@media(max-width:640px){.topbar{height:77px;padding:0 23px;gap:10px}.brand{font-size:24px;gap:7px;letter-spacing:-1.5px}.brand-flower{width:27px;height:27px}.brand i{font-size:7px;top:7px}.header-actions{gap:3px}.help-link{padding:8px}.help-link>span:last-child{display:none}.question-mark{width:18px;height:18px}.header-divider{margin:0 4px;height:15px}.icon-button{width:33px;height:33px}.icon-button svg{width:18px;height:18px}.game-layout{display:flex;flex-direction:column;align-items:center;gap:0;padding:23px 22px 28px;max-width:500px}.intro-panel{padding:0;width:100%;text-align:center}.eyebrow{font-size:6px;letter-spacing:1.4px;justify-content:center;gap:6px}.tiny-star{font-size:10px}.intro-panel h1{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:9px 0 18px}.intro-panel h1 br{display:none}.intro-panel h1 br:after{content:' '}.intro-panel h1 em:before{content:' '}.intro-panel h1>br+br{display:none}.intro-copy,.garden-scene,.calm-note{display:none}.play-panel{max-width:390px}.mode-tabs{margin-bottom:21px;max-width:310px;padding:4px}.mode-tab{font-size:10px;padding:9px 5px}.mode-tab svg{width:14px;height:14px}.scoreboard{min-height:80px;padding:0 8px 17px}.small-label{font-size:7px;letter-spacing:1.5px}.score-value{font-size:40px;margin-top:4px}.best-score{gap:5px}.best-score strong{font-size:17px}.best-score>span:last-child{font-size:7px}.board-frame{padding:10px;border-radius:18px}.board{gap:4px}.cell{border-radius:6px}.tile{border-radius:5px}.tile::before{inset:4px 4px 6px}.under-board{padding:16px 3px 2px;font-size:6px;letter-spacing:.8px}.under-board>span:last-child{font-size:8px}.tray{height:104px;gap:8px;padding-top:7px}.mini-cell{width:22px;height:22px}.mini-shape{gap:3px}.piece-slot{padding:7px}.play-instruction{font-size:8px;margin:10px 0 19px}.tools{gap:7px}.tool-button{height:40px;font-size:9px;gap:5px;padding:0 7px}.tool-button svg{width:14px;height:14px}.tool-count{font-size:7px;min-width:14px;padding:2px 3px}.game-bottom{padding-top:14px;font-size:7px}.game-bottom button{font-size:8px}.side-panel{display:grid;grid-template-columns:1fr;width:100%;max-width:390px;padding:28px 0 0;gap:14px}.garden-card{padding:18px 20px;grid-row:auto;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:start}.garden-card .card-topline{grid-column:1/-1}.garden-icon{grid-column:2;grid-row:2/4;float:none;margin:19px 2px 0;width:40px;height:40px}.garden-icon svg{width:36px;height:36px}.little-spark{font-size:16px}.garden-card h2{grid-column:1;font-size:22px;line-height:1.2;margin:17px 0 9px}.garden-card p{grid-column:1;font-size:9px;line-height:1.8;padding:0;margin:0 0 15px;max-width:none}.progress-label,.garden-track,.garden-progress-note{grid-column:1/-1}.progress-label{margin-bottom:8px}.garden-progress-note{margin-top:9px;font-size:7px}.garden-card h2 br{display:none}.daily-card{padding:16px 18px;gap:12px}.daily-card-icon{width:34px;height:34px}.daily-card h3{font-size:17px}.daily-card p{font-size:9px}.daily-card .small-label{font-size:6px}.palette-card{padding:17px 20px}.theme-options{margin:13px 0 10px;gap:12px}.theme-swatch{height:34px}.palette-card h3{font-size:10px}.palette-card p{font-size:8px}.page-footer{margin:0 22px;flex-direction:column;gap:10px;padding:21px 0 23px}.page-footer>span{font-size:6px;letter-spacing:1.3px}.page-footer>div{gap:9px;font-size:7px;flex-wrap:wrap;justify-content:center}.page-footer button{font-size:7px}.footer-flower{margin-left:2px;font-size:13px}.modal{padding:30px 25px}.modal h2{font-size:29px}.modal p{font-size:11px}.toast{font-size:10px;bottom:20px}.daily-progress{font-size:7px;padding-bottom:20px}}
@media(max-width:360px){.game-layout{padding-left:15px;padding-right:15px}.topbar{padding:0 17px}.intro-panel h1{font-size:28px}.eyebrow{letter-spacing:1px;font-size:5.5px}.board{gap:3px}.board-frame{padding:8px;border-radius:15px}.mini-cell{width:20px;height:20px}.mini-shape{gap:2px}.tool-button{font-size:8px;gap:4px}.game-bottom{font-size:6px}.game-bottom button{font-size:7px}.under-board{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.mini-cell{width:var(--mini-size,23px);height:var(--mini-size,23px)}.mini-shape{gap:var(--mini-gap,3px)}
.mobile-garden-art{display:none}body[data-theme=moon] .mobile-garden-art{filter:hue-rotate(38deg) saturate(.75)}body[data-theme=ocean] .mobile-garden-art{filter:hue-rotate(75deg) saturate(.7)}
@media(max-width:640px){.intro-panel h1>span{margin-right:.2em}.garden-card{grid-template-columns:minmax(0,1fr) 90px;column-gap:8px}.garden-card .garden-icon{display:none}.mobile-garden-art{display:block;grid-column:2;grid-row:2/4;width:120px;height:132px;margin:6px -15px -9px;align-self:center;object-fit:contain}.garden-card h2{font-size:21px}.garden-card p{font-size:8px}.garden-card .card-topline{grid-column:1/-1}}

/* Match-three game */
.mode-tabs{margin-bottom:20px}.level-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px;margin:0 0 14px}.level-heading>span{font-family:var(--serif);font-style:italic;color:#8b937f;font-size:14px}.level-heading>button{display:flex;align-items:center;gap:7px;border:1px solid #d7ddcd;border-radius:7px;padding:6px 8px;background:#edf0e3;font-size:7px;letter-spacing:1.3px;color:#6c8160}.level-heading strong{font-size:10px;font-weight:600;letter-spacing:.4px}.level-heading svg{width:11px;height:11px}.scoreboard{min-height:90px;padding-bottom:17px}.moves-badge{width:65px;height:72px;border-radius:17px;background:#e5eadb;border:1px solid #d4ddc8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.moves-badge .small-label{font-size:6px;letter-spacing:1.2px}.moves-badge strong{font-size:30px;font-weight:500;font-family:var(--serif);line-height:1}.moves-badge.low-moves{background:#f1ded1;border-color:#dfbfa8}.moves-badge.low-moves strong{color:#b77f5f}.goal-row{display:flex;gap:10px;margin:1px 5px 12px;min-height:45px}.goal-chip{background:#eeede3;border:1px solid #e0e2d4;border-radius:10px;display:flex;align-items:center;gap:8px;padding:9px 12px;flex:1;min-width:0}.goal-chip[hidden]{display:none}.goal-chip>svg{width:20px;height:20px;color:#a18b63}.goal-chip>span:not(.goal-tile){font-size:7px;color:#92977e;display:flex;flex-direction:column;gap:4px;white-space:nowrap}.goal-chip strong{font-size:12px;color:#5c7154;font-weight:600;font-variant-numeric:tabular-nums}.goal-chip strong i{font-size:9px;color:#a2a78d;font-weight:400;font-style:normal}.goal-done{border-color:#b8c9a6;background:#e6edda}.goal-done>svg{color:#8ea375}.goal-tile{width:24px;height:24px;flex-shrink:0}.goal-tile .tile-mark{width:13px;height:13px}.level-track{height:4px;border-radius:5px;background:#e0e5d5;margin:0 6px 17px;overflow:hidden}.level-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b7cba2,#91ac7e);transition:width .35s}.board-frame{overflow:hidden}.board{touch-action:none}.cell{background:var(--board-slot)}.cell:hover{background:var(--board-slot)}.cell .tile{transition:filter .15s;will-change:auto}.tile .tile-mark{position:absolute;width:18px;height:18px;left:50%;top:47%;transform:translate(-50%,-50%);stroke:#715c4f;stroke-width:1.4;opacity:.25;pointer-events:none;z-index:1}.c2 .tile-mark{stroke:#615078}.c3 .tile-mark{stroke:#3e6848}.c4 .tile-mark{stroke:#9b7938}.c5 .tile-mark{stroke:#3f707c}.c6 .tile-mark{stroke:#8a4268}.tile:after{display:none}.selected-cell{z-index:3;outline:2px solid #f8ebc1!important;outline-offset:1px;box-shadow:0 0 0 4px #f8ebc12a}.selected-cell .tile{filter:brightness(1.12)}.swap-target .tile{filter:brightness(1.22)}.swap-target{outline:2px dashed #fbf3d3;outline-offset:1px;z-index:2}.swipe-source .tile{filter:brightness(1.1)}.hint-cell .tile{animation:hint-pulse .75s infinite alternate}.hint-cell{outline:2px solid #f5e7b8;outline-offset:1px;z-index:2}.stripe-mark{position:absolute;inset:9px 2px 12px;pointer-events:none;z-index:2;border-top:3px solid #ffffff9c;border-bottom:3px solid #ffffff9c;filter:drop-shadow(0 1px 1px #796f6833)}.stripe-column .stripe-mark{inset:3px 12px 5px 9px;border:0;border-left:3px solid #ffffff9c;border-right:3px solid #ffffff9c}.stripe-row .tile-mark,.stripe-column .tile-mark{opacity:.1}.bloom-tile .tile-mark{width:27px;height:27px;stroke:none;fill:#fff9df;opacity:.88;filter:drop-shadow(0 1px 1px #846b6744)}.bloom-tile{box-shadow:inset 0 2px 0 #fff8,inset 0 -4px 0 var(--tile-low),0 0 10px #f3dd9d66}.prism{background:conic-gradient(from 35deg,#e8b1a2,#d5bee8,#a5c9db,#b6d4ab,#e7d190,#e8b1a2)!important;box-shadow:inset 0 2px 0 #fff9,inset 0 -3px 0 #a698b8,0 0 13px #eee1bc77}.prism .tile-mark{width:28px;height:28px;stroke:#fff8e7;stroke-width:1.5;fill:#fff8e7b3;opacity:1;filter:drop-shadow(0 1px 2px #ae8d9266)}.under-board{padding-top:17px}.play-instruction{margin:15px 0 18px;font-size:10px;min-height:15px}.tools{gap:9px}.special-legend{display:flex;justify-content:center;gap:23px;font-size:8px;color:#a0a48e;margin:17px 0 0}.special-legend>span{display:flex;align-items:center;gap:6px}.legend-stripe{width:14px;height:14px;border-radius:3px;background:repeating-linear-gradient(0deg,#b8cbab 0px,#b8cbab 3px,#eef1e4 3px,#eef1e4 5px);box-shadow:0 1px 1px #74806433}.legend-prism{display:grid;place-items:center;font-style:normal;width:14px;height:14px;border-radius:3px;color:#fff8e7;font-size:10px;background:conic-gradient(#e8b1a2,#c6bbe6,#a4d1c3,#e7d190,#e8b1a2)}.game-bottom{padding-top:18px}.side-panel{padding-top:14px}.board-message{font-size:31px}.result-stars{display:flex;gap:10px;font-size:36px;margin:12px 0 2px;color:#dbe0d2}.result-stars .earned{color:#c9ab67;text-shadow:0 2px 0 #ac8b5222}.level-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.map-level{border:1px solid #d7deca;background:#edf0e3;border-radius:12px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7e9271}.map-level strong{font-size:18px;font-family:var(--serif);font-weight:400}.map-level span{font-size:9px;letter-spacing:2px;color:#bca263}.map-level.current{outline:2px solid #9db58a;outline-offset:2px;background:#e1e9d6}.map-level.completed{background:#e7edda;border-color:#cbd6bb}.map-level:disabled{background:#eeeee6;border-color:#e3e5d9;color:#c4cbba}.map-level svg{width:18px;height:18px}.chapter-nav{display:flex;align-items:center;justify-content:space-between;margin:22px -8px 5px;gap:8px}.chapter-nav>div{text-align:center;display:flex;flex-direction:column;gap:6px}.chapter-nav span{font-size:7px;letter-spacing:1.8px;color:#9da68d}.chapter-nav strong{font-weight:400;font-family:var(--serif);font-size:19px;color:#738666}.chapter-nav button{font-family:var(--serif);font-size:29px}.chapter-nav button:disabled{opacity:.25}.level-heading button:disabled,.game-bottom button:disabled{opacity:.6;cursor:default}
@keyframes hint-pulse{from{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(.9)}}
@media(max-width:640px){.intro-panel h1{font-size:30px;letter-spacing:-1.2px}.intro-panel h1>span{margin-right:.17em}.mode-tabs{margin-bottom:17px}.level-heading{margin-bottom:11px;padding:0 5px}.level-heading>span{font-size:12px}.scoreboard{min-height:75px;padding-bottom:13px}.score-value{font-size:38px}.moves-badge{height:61px;width:57px;border-radius:14px;gap:4px}.moves-badge strong{font-size:26px}.moves-badge .small-label{font-size:5px}.goal-row{gap:7px;margin:0 2px 11px;min-height:42px}.goal-chip{padding:8px 9px;gap:7px}.goal-chip>svg{width:17px;height:17px}.goal-chip>span:not(.goal-tile){font-size:6px}.goal-chip strong{font-size:11px}.goal-chip strong i{font-size:8px}.goal-tile{width:21px;height:21px}.level-track{margin:0 4px 14px;height:3px}.tile .tile-mark{width:16px;height:16px}.prism .tile-mark{width:24px;height:24px}.bloom-tile .tile-mark{width:24px;height:24px}.stripe-mark{inset:8px 2px 11px;border-width:2px}.stripe-column .stripe-mark{inset:3px 11px 5px 8px;border-width:0 2px}.under-board{font-size:5.5px;letter-spacing:.6px}.under-board>span:last-child{font-size:7px}.play-instruction{font-size:8px;margin:14px 0 17px}.special-legend{font-size:7px;gap:23px;margin-top:15px}.board-message{font-size:26px}.special-legend i{width:12px;height:12px}.side-panel{padding-top:27px}}
@media(max-width:360px){.intro-panel h1{font-size:26px}.tile .tile-mark{width:13px;height:13px}.prism .tile-mark,.bloom-tile .tile-mark{width:21px;height:21px}.under-board{font-size:5px}.under-board>span:last-child{font-size:6px}.goal-chip{padding:8px 7px}.goal-chip>span:not(.goal-tile){font-size:5.5px}.level-map{gap:8px}.map-level{height:58px}}

/* Campaign geometry and a garden that shares the puzzle palette. */
.board{grid-template-columns:repeat(var(--board-cols,8),minmax(0,1fr));grid-template-rows:repeat(var(--board-rows,8),minmax(0,1fr));aspect-ratio:var(--board-ratio,1)}
.cell[hidden]{display:none}.cell.board-hole{visibility:hidden;pointer-events:none}.finish-level{border:1px solid #becdad;border-radius:12px;background:#dfe9cf;color:#425b3c;min-height:32px;font-size:12px;margin:0 4px 5px}.finish-level[hidden]{display:none}
#garden-scene{cursor:pointer}.garden-wallet{border-radius:16px;background:#e4ead8;padding:14px;line-height:1.7;font-size:13px}.garden-wallet svg{width:18px;height:18px;vertical-align:middle}.plant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.plant-card{border:1px solid #d4dec5;border-radius:20px;background:#edf0e3;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#47633f;min-height:215px}.plant-card:disabled{opacity:.8;cursor:default}.plant-card small{font-size:10px}.plant-card>span:last-child{padding:8px 13px;border-radius:12px;background:#d4dfc4;font-size:12px}.plant-art{height:85px;width:90px;position:relative;display:block;background:radial-gradient(ellipse at 50% 90%,#c4d4b2 0 25%,transparent 27%)}.plant-art i{position:absolute;left:45px;bottom:14px;width:3px;height:50px;background:#809e6b;border-radius:4px}.plant-art i:before{content:'';position:absolute;top:20px;left:-16px;width:18px;height:10px;border-radius:20px 0;background:#a1bd86;transform:rotate(30deg)}.plant-art b{position:absolute;left:21px;top:-12px;font-size:68px;line-height:1;color:#d9a5be;font-weight:400;filter:drop-shadow(0 3px 0 #ac859a33)}.plant-art.stage-0 i{height:8px}.plant-art.stage-0 b{font-size:20px;left:37px;top:54px;color:#9b8563}.plant-art.stage-1 b{font-size:38px;left:32px;top:14px}.plant-art.stage-3{filter:drop-shadow(0 0 9px #e8cd83)}.species-1 .plant-art b,.species-7 .plant-art b{color:#b8a2db}.species-2 .plant-art b,.species-5 .plant-art b{color:#e1be68}.species-3 .plant-art b,.species-6 .plant-art b{color:#93bfc8}.species-4 .plant-art b{color:#e5a28b}

.garden-decor{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.garden-decor span{font-size:10px;border-radius:12px;background:#e8e8dd;padding:10px;color:#969b89}.garden-decor .unlocked{background:#e0e9d4;color:#536f47}.garden-decor svg{width:11px;height:11px;vertical-align:middle}

/* Only playable cells paint the shaped tray; empty positions stay transparent.
   Invisible grid slots retain coordinates for swaps, cascades and keyboard use. */
.board-frame.shaped-board{background:transparent;box-shadow:none;overflow:visible}
.shaped-board .board{isolation:isolate;filter:drop-shadow(0 5px 0 #d4d9c770)}
.shaped-board .cell:not(.board-hole)::before{content:'';position:absolute;inset:-4px;border-radius:10px;background:var(--board);z-index:-1;pointer-events:none}
.shaped-board .board-corner{display:none}
.living-garden{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:linear-gradient(#e1ebdf 0 72px,#c9d9b6 73px,#a7c393);margin:18px 0 10px;padding:0 10px 35px;border:1px solid #c5d3b6;box-shadow:inset 0 -8px 0 #94ae7d33}
.garden-sky{height:80px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:18px;color:#7b9173;font-size:8px;letter-spacing:1.4px}
.garden-sun{position:absolute;right:12px;top:20px;width:27px;height:27px;background:#ecd18b;border-radius:50%;box-shadow:0 0 0 8px #f2dea84d}
.garden-cloud{position:absolute;left:17px;top:37px;width:54px;height:12px;border-radius:50%;background:#fcfff6a6;animation:garden-drift 14s ease-in-out infinite alternate}
.garden-cloud:before{content:'';position:absolute;left:10px;bottom:2px;width:25px;height:20px;border-radius:50%;background:inherit}
.garden-beds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 2px;position:relative;z-index:2;border-top:4px double #f1edcba6;padding-top:17px}
.garden-bed{height:94px;position:relative;background:transparent;border:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 9px;min-width:0}
.garden-bed:before{content:'';position:absolute;inset:auto 0 5px;height:27px;background:#b29871;border:3px solid #cebb92;border-radius:50%;box-shadow:0 3px 0 #8ca36d66}
.garden-bed .plant-art{transform-origin:50% 85%;animation:garden-sway 4s ease-in-out infinite alternate;scale:.78;margin:-12px;flex-shrink:0}
.garden-bed:nth-child(2n) .plant-art{animation-delay:-1.7s}.garden-bed:nth-child(3n) .plant-art{animation-delay:-2.6s}
.garden-bed small{position:absolute;bottom:0;background:#eef1d9;border-radius:5px;padding:1px 5px;font-size:8px;color:#61744c;z-index:2}
.garden-pond{position:absolute;bottom:7px;left:30%;width:40%;height:24px;background:#94c3c2;border:4px solid #bbcea9;border-radius:50%;box-shadow:inset 0 2px 0 #7eaaa6}
.garden-butterfly{position:absolute;color:#a887bd;left:20px;top:78px;font-size:32px;font-style:normal;animation:garden-flight 8s ease-in-out infinite;z-index:3;pointer-events:none}
.garden-drops{display:none;position:absolute;top:4px;left:26%;color:#76b6ce;font-size:33px;letter-spacing:2px;pointer-events:none}
.watering .garden-drops{display:block;animation:garden-water .65s linear 4}
.watering .plant-art{filter:drop-shadow(0 0 8px #f8e9a8)}
.plant-card{min-height:178px;gap:9px;scroll-margin:15px;padding:17px 8px;background:#f2f3e9}
.plant-card button{border:0;border-radius:12px;background:#d6e2ca;color:#48633d;padding:10px 8px;min-height:44px;font-size:11px;width:100%;margin-top:auto}
.plant-card button:disabled{background:#e5e9dd;color:#7b8772;font-size:10px}
.plant-clock{font-size:11px;font-variant-numeric:tabular-nums;line-height:1.6;color:#808c79;display:block;min-height:34px}
.plant-clock.ready{color:#5e8150}
body[data-theme=moon] .living-garden{background:linear-gradient(#dcd8eb 0 72px,#bac8c4 73px,#96b5a8)}
body[data-theme=moon] .garden-sun{background:#f8eac0;box-shadow:0 0 18px #f8eac0aa}
body[data-theme=ocean] .living-garden{background:linear-gradient(#d2e6e9 0 72px,#bcd9cc 73px,#9ac6b3)}
@keyframes garden-sway{from{rotate:-2deg}to{rotate:2deg}}
@keyframes garden-drift{to{translate:20px 0}}
@keyframes garden-flight{0%,100%{translate:0 0;rotate:-12deg}40%{translate:110px -20px;rotate:15deg}70%{translate:210px 30px;rotate:-15deg}}
@keyframes garden-water{from{translate:0 -12px;opacity:0}30%{opacity:1}to{translate:0 40px;opacity:0}}
@media(prefers-reduced-motion:reduce){.living-garden *{animation:none!important}}

/* Plant growth, one reward per harvest and motion that follows the player's care. */
.garden-bed-level{position:absolute;z-index:3;left:0;top:9px;background:#f6f1dc;border:1px solid #d0c89d;border-radius:7px;padding:3px 5px;color:#7e815f;font-size:8px;line-height:1}
.plant-level-badge{font-size:10px!important;border-radius:10px;background:#e1e8d6;padding:5px 7px!important;color:#5b7950}.plant-level-badge.mature{background:#f0e4bd;color:#8a743b}
.plant-growth{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:6px;background:#dde3d3;accent-color:#91ad7b;overflow:hidden}
.plant-growth::-webkit-progress-bar{background:#dde3d3;border-radius:6px}.plant-growth::-webkit-progress-value{background:linear-gradient(90deg,#b2c59d,#7e9c69);border-radius:6px;transition:width .6s}
.plant-card .plant-odds{font-size:10px;line-height:1.7;color:#7c8870;min-height:34px}.plant-card{min-height:290px}.plant-card>span.harvest-pips{background:none;padding:0;display:flex;gap:6px}
.harvest-pips i{width:8px;height:8px;border:1px solid #a6ba96;border-radius:50%;background:#ecf0e5}.harvest-pips .filled{background:#92b07a;border-color:#92b07a}
.garden-rules{font-size:12px;color:#6e8263;border-radius:16px;background:#e9eddf;padding:15px;margin:15px 0}.garden-rules summary{cursor:pointer;min-height:24px;font-weight:600}
.garden-prize-art{position:relative;display:grid;place-items:center;width:128px;height:128px;margin:5px auto 24px;border-radius:50%;background:radial-gradient(circle,#f7edc9,#e4ebd8);color:#79915f;animation:prize-arrive .75s cubic-bezier(.2,.8,.3,1.2) both}
.garden-prize-art svg{width:55px;height:55px;stroke-width:1.4}.garden-prize-art:before,.garden-prize-art:after{content:'✦';position:absolute;color:#c4a45e;font-size:26px;animation:prize-spark 1.5s ease-out both}.garden-prize-art:before{top:-2px;left:0}.garden-prize-art:after{right:-4px;bottom:0;animation-delay:.15s}.prize-sun{color:#b49650;background:radial-gradient(circle,#fff0b6,#e9e4ca)}.prize-shuffle{color:#8e7dab;background:radial-gradient(circle,#eee3f6,#e2e8db)}
.plant-level-up .plant-art{animation:garden-grow 1s ease-out 2!important}
@keyframes garden-grow{0%{scale:.78}35%{scale:.93;filter:drop-shadow(0 0 12px #f3df92)}100%{scale:.78}}
@keyframes prize-arrive{0%{transform:translateY(20px) scale(.4);opacity:0}65%{transform:translateY(-5px) scale(1.08);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes prize-spark{0%{scale:.2;opacity:0}30%{scale:1.3;opacity:1}100%{scale:1;opacity:.65}}
@media(prefers-reduced-motion:reduce){.plant-level-up .plant-art,.garden-prize-art,.garden-prize-art:before,.garden-prize-art:after{animation:none!important}}

/* Clear first-visit garden invitation; motion follows the system preference. */
.garden-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin:12px 0;border:1px solid #cbd6bd;border-radius:16px;background:#e4ebd7;color:#405a38;font:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer;padding:9px 12px}
.garden-pointer{display:inline-block;font-size:26px;animation:garden-point 1.3s ease-in-out infinite}

@keyframes garden-point{0%,100%{transform:translateY(3px)}50%{transform:translateY(-4px)}}
.garden-ad{background:#e6e0f2;color:#554d72;min-height:44px;border:0;border-radius:12px;padding:10px;font:inherit;cursor:pointer}
.language-select{width:100%;min-height:48px;margin:12px 0;padding:10px;border:1px solid #cbd6bd;border-radius:12px;background:var(--paper,#f5f1e9);color:var(--ink,#344433);font:inherit}
@media(prefers-reduced-motion:reduce){.garden-pointer{animation:none}}


/* QA floral pieces: keep game colors/logic unchanged. Assets are packaged locally. */
.tile.c1{--floral-piece:url("./pieces/flower-red.webp")}
.tile.c2{--floral-piece:url("./pieces/flower-purple.webp")}
.tile.c3{--floral-piece:url("./pieces/flower-white.webp")}
.tile.c4{--floral-piece:url("./pieces/flower-yellow.webp")}
.tile.c5{--floral-piece:url("./pieces/flower-blue.webp")}
.tile.c6{--floral-piece:url("./pieces/flower-pink.webp")}
.tile:is(.c1,.c2,.c3,.c4,.c5,.c6){
  background:var(--floral-piece) center/contain no-repeat !important;
  border-radius:50%;box-shadow:none;filter:drop-shadow(0 2px 2px #101a2447);
}
.tile:is(.c1,.c2,.c3,.c4,.c5,.c6)::before,
.tile:is(.c1,.c2,.c3,.c4,.c5,.c6)::after{display:none}
.tile:is(.c1,.c2,.c3,.c4,.c5,.c6) .tile-mark{opacity:0}
.tile.stripe-row,.tile.stripe-column{
  background:url("./pieces/special-line.webp") center/contain no-repeat !important;
  filter:drop-shadow(0 0 3px #56caffcc);
}
.tile.stripe-row .stripe-mark,.tile.stripe-column .stripe-mark{display:none}
.tile.stripe-column{transform:rotate(90deg)}
.tile.bloom-tile{
  background:url("./pieces/special-bomb.webp") center/contain no-repeat !important;
  filter:drop-shadow(0 0 4px #ff9d52cc);
}
.tile.prism{
  background:url("./pieces/special-rainbow.webp") center/contain no-repeat !important;
  filter:drop-shadow(0 0 4px #dd87fbcc);
}
.tile.bloom-tile .tile-mark,.tile.prism .tile-mark{opacity:0}

/* 0.13.3 QA fix: explicit images, not CSS background URL/variable substitution. */
.tile,.tile.prism,.tile.bloom-tile,.tile.stripe-row,.tile.stripe-column{
  background:transparent !important;
  border:0;box-shadow:none !important;overflow:visible;
}
.tile > .flower-piece-art{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;pointer-events:none;user-select:none;
  -webkit-user-drag:none;
}
.tile.stripe-column > .flower-piece-art{transform:none}
.tile.stripe-column{transform:rotate(90deg)}

/* Floral special help: visible inside the puzzle, mobile-friendly and scrollable. */
.special-legend{flex-wrap:wrap;align-items:center;row-gap:9px}
.special-info-button{border:1px solid #b9c9b2;border-radius:999px;color:#45674e;background:#eff3e9;padding:7px 10px;font-size:11px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.special-info-button:focus-visible{outline:2px solid #45674e;outline-offset:2px}
.special-info-button:hover{background:#e2eddc}
.special-guide{display:flex;flex-direction:column;gap:12px;margin:15px 0 18px}
.special-guide-item{display:flex;align-items:center;gap:14px;border:1px solid #dbe4d6;background:#fffefa;border-radius:15px;padding:10px}
.special-guide-item img{width:66px;height:66px;flex-shrink:0;object-fit:contain}
.special-guide-item strong{font-size:13px;display:block;color:#49644b}
.special-guide-item p{font-size:11px;line-height:1.55;margin:5px 0 0}
@media(max-width:380px){.special-info-button span{font-size:10px}.special-guide-item img{width:52px;height:52px}}