:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf5dc;background:#102e2b;color-scheme:dark;font-synthesis:none;--lime:#d8ef8c;--pink:#fbb1b3;--muted:#a6beb0;--stone:#36504a}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 12% 10%,#234a3a77,transparent 42%),radial-gradient(ellipse at 90% 80%,#51734b33,transparent 45%),#102e2b}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}.game{max-width:940px;margin:auto;padding:24px 34px 20px}header{display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:760;letter-spacing:-1.4px;font-size:25px;display:flex;align-items:center}.wordmark>span:last-child{font-weight:350;color:#c5d7b8}.mark{display:inline-flex;color:var(--lime);font-size:36px;margin-right:11px;letter-spacing:0}.header-actions{display:flex;gap:10px}.icon{width:40px;height:40px;background:#ffffff0a;border:1px solid #ffffff16;border-radius:50%;font-size:24px}.icon:hover{background:#ffffff17}.intro{text-align:center;margin:30px 0 25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:3px;color:var(--lime);margin:0 0 10px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.7px;font-size:clamp(31px,5vw,47px);margin:0 0 12px;line-height:1.08}.intro>p:last-child{font-size:14px;color:#b9cdbb;margin:0;line-height:1.65}.play-area{max-width:510px;margin:auto}.board-top{display:flex;justify-content:space-between;align-items:center;padding:0 9px 16px}.board-top>div:first-child,.steps{display:flex;flex-direction:column;gap:4px}.muted{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:650}.board-top strong{font-weight:600;font-size:14px;letter-spacing:2px}.steps{text-align:right}.progress-pill{display:flex;align-items:center;gap:9px;padding:8px 16px;background:#203e36;border:1px solid #496349;border-radius:30px;font-size:13px;font-weight:650}#flower-icon{font-size:23px;color:var(--pink);line-height:1}.garden-shell{position:relative;border-radius:28px;border:1px solid #6b8a653d;padding:13px;background:linear-gradient(145deg,#284a3b,#1b3b34);box-shadow:0 30px 80px #001b2066,inset 0 1px #ffffff0a;aspect-ratio:1;isolation:isolate}#board{display:grid;position:absolute;inset:13px;gap:5px;touch-action:none;user-select:none;z-index:2}.cell{background:#2d4b3c66;border:1px solid #6f916429;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;min-height:0;transition:background .2s,border-color .2s,transform .2s;touch-action:none;padding:0}.cell:not(.stone):hover{background:#45604766;border-color:#b8d68d55}.cell .dot{width:5px;height:5px;border-radius:50%;background:#66826c77}.cell.stone{background:transparent;border:0;cursor:default}.rock{width:49%;height:42%;background:linear-gradient(145deg,#53645a,#344b42);border-radius:37% 45% 28% 43%;box-shadow:inset 2px 3px #81917b33,0 7px 6px #061e2633;transform:rotate(-12deg)}.rock:after{content:"";position:absolute;width:9%;height:8%;background:#87936a;border-radius:50%;margin:8% 10%;opacity:.5}.cell.flower{border-color:#adba7330}.flower-shape{position:relative;width:44%;height:44%;transform:rotate(-12deg);transition:transform .4s,filter .4s;display:block}.petal{position:absolute;background:#f5b8b5;border-radius:60% 60% 50% 50%;width:40%;height:51%;left:30%;top:0;transform-origin:50% 98%;box-shadow:inset 1px 1px #ffffff44}.petal:nth-child(2){transform:rotate(72deg)}.petal:nth-child(3){transform:rotate(144deg)}.petal:nth-child(4){transform:rotate(216deg)}.petal:nth-child(5){transform:rotate(288deg)}.flower-center{position:absolute;width:23%;height:23%;background:#f8dd86;left:38.5%;top:38.5%;border-radius:50%;box-shadow:0 0 0 2px #78593b18}.cell.visited{background:#77974c25;border-color:#b8d48b77}.cell.visited .flower-shape{transform:rotate(12deg) scale(1.12);filter:drop-shadow(0 0 9px #e3b68d66)}.cell.home{background:#789a4822;border-color:#cbeb8c55}.home-ring{width:39%;height:39%;border:3px solid var(--lime);border-radius:50%;box-shadow:0 0 16px #cde78233;position:relative}.home-ring:after{content:"";position:absolute;inset:25%;border-radius:50%;background:var(--lime);opacity:.95}.cell.tip{border-color:var(--lime);box-shadow:inset 0 0 17px #d8ef8c19}.cell.tip:not(.home):not(.flower) .dot{width:10px;height:10px;background:#efffbc;box-shadow:0 0 16px #deffa3}.cell.invalid{animation:shake .22s}#route{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);overflow:visible;pointer-events:none;z-index:3}.route-line{fill:none;stroke:#d8ef8c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 1.5px #d3f79b88);opacity:.78}.route-ghost{fill:none;stroke:#ffffff80;stroke-width:1;stroke-linecap:round;stroke-dasharray:1 2;animation:hint-flow 2s linear infinite}.traveler{fill:#fff4bf;filter:drop-shadow(0 0 3px #eaff9f)}.completed .cell{background:#65884630;border-color:#93b96966}.completed .flower-shape{animation:sway 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px #f4c48e)}.completed .home-ring{animation:halo 1.5s ease-in-out infinite}.board-bottom{display:flex;justify-content:space-between;align-items:start;gap:10px;margin:17px 4px;font-size:11px;line-height:1.5;min-height:34px;color:#b6c7aa}#status{max-width:70%}#par{white-space:nowrap;font-size:10px;color:#8ca88c}.tools{display:flex;justify-content:center;gap:10px}.tools button{display:flex;align-items:center;gap:9px;background:#234337;border:1px solid #59765155;padding:11px 19px;border-radius:11px;font-size:12px;transition:background .2s}.tools button:hover{background:#35553d}.tools button span{color:#d7e4af;font-size:20px;line-height:1}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:600px;margin:30px auto 0;font-size:10px;color:#829f91}footer button{font-size:10px;background:transparent;padding:7px;color:#b1c5af;text-decoration:underline;text-underline-offset:3px}.signature{font-size:8px;letter-spacing:1.5px;opacity:.7}dialog{width:min(440px,calc(100% - 28px));max-height:90svh;background:#17372f;color:#eff3d7;border:1px solid #8d9e6e66;border-radius:25px;padding:0;box-shadow:0 35px 130px #0009}dialog::backdrop{background:#041b22aa;backdrop-filter:blur(6px)}.dialog-content{padding:35px 29px;text-align:center;position:relative}.dialog-content h2{font:normal 33px/1.13 Georgia,serif;letter-spacing:-.9px;margin:12px 0}.dialog-content p{font-size:13px;line-height:1.65;color:#b9ccb4}.dialog-content .eyebrow{font-size:9px;color:var(--lime)}.bloom-emblem{font-size:72px;color:var(--pink);line-height:1.4;text-shadow:0 0 30px #fbb1b322}#stars{color:#e7d986;font-size:28px;letter-spacing:6px;margin:18px 0}.primary{display:flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;background:var(--lime);color:#183b2c;border-radius:12px;font-size:14px;font-weight:750;width:100%;margin-top:22px}.primary:hover{background:#e8faa9}.secondary{margin-top:14px;background:transparent;color:#c0d3af;font-size:11px;padding:8px}.close{position:absolute;right:13px;top:10px;background:transparent;font-size:28px;color:#b4c5a4;width:32px;height:32px}.dialog-content ol{text-align:left;font-size:13px;line-height:1.6;padding-left:24px;color:#d8e4ca}.dialog-content li{padding:5px 0}#level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:24px}#level-grid button{padding:10px 2px;background:#2b4b39;border:1px solid #68845944;border-radius:10px;font-size:13px}#level-grid button small{display:block;font-size:8px;color:#dfe594;letter-spacing:0;margin-top:5px;min-height:11px}#level-grid button.current{border-color:var(--lime)}#sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}.spark{position:absolute;width:6px;height:9px;border-radius:70% 0 70% 0;background:var(--pink);animation:float-away 1.2s ease-out forwards}
@keyframes float-away{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(130deg);opacity:0}}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes halo{50%{box-shadow:0 0 25px #d8ef8c99}}@keyframes sway{to{transform:rotate(9deg) scale(1.12)}}@keyframes hint-flow{to{stroke-dashoffset:-9}}
@media(max-width:600px){.game{padding:17px 16px 15px}.wordmark{font-size:23px}.mark{font-size:30px}.intro{margin:25px 0 22px}.intro>p:last-child{font-size:12px;max-width:280px;margin:auto}.garden-shell{border-radius:22px;padding:10px}#board{inset:10px;gap:4px}#route{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.cell{border-radius:12px}.board-top{padding-bottom:13px}.tools{gap:8px}.tools button{padding:10px 15px}footer{margin-top:20px;flex-wrap:wrap;justify-content:center;gap:7px 22px}.signature{width:100%;text-align:center}.board-bottom{font-size:10px;margin-top:14px}.home-ring{border-width:2px}}
@media(max-height:650px) and (min-width:650px){.game{padding:14px 25px}.intro{margin:10px 0 14px}h1{font-size:30px}.intro>p:last-child{font-size:12px}.eyebrow{font-size:8px;margin-bottom:5px}.play-area{max-width:340px}.board-top{padding-bottom:8px}.board-bottom{margin:9px 0;min-height:22px}.tools button{padding:7px 15px}footer{margin-top:10px}.garden-shell{border-radius:20px}.cell{border-radius:10px}.board-top .muted{font-size:8px}}
@media(min-width:650px) and (min-height:651px){.play-area{width:min(510px,calc(100svh - 340px))}.intro{margin:22px 0 20px}.game{padding-top:18px}footer{margin-top:18px}.cell{border-radius:12px}}
@media(max-height:850px) and (min-width:650px){.game{display:grid;grid-template-columns:minmax(200px,.85fr) minmax(270px,1fr);column-gap:36px;row-gap:12px;max-width:900px;padding:12px 25px}header{grid-column:1/-1}.intro{grid-column:1;grid-row:2;text-align:left;align-self:center;margin:0}.intro h1{font-size:38px;line-height:1.12;max-width:260px;margin:14px 0}.intro>p:last-child{max-width:250px;font-size:13px}.intro .eyebrow{font-size:9px;line-height:1.8;letter-spacing:2px}.play-area{grid-column:2;grid-row:2;width:min(400px,calc(100svh - 215px));max-width:100%}footer{grid-column:1/-1;width:100%;margin:0 auto}.board-bottom{font-size:9px}.tools button{padding:7px 12px}.board-top strong{font-size:12px}}
@media(max-height:600px) and (min-width:650px){.play-area{width:min(340px,calc(100svh - 260px))}.game{row-gap:8px}.board-bottom{min-height:27px}.intro h1{font-size:32px}.progress-pill{padding:6px 11px}.tools{gap:5px}.tools button{padding:7px 9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.traveler{display:none}}

/* Route-planning edition */
:root{--lime:#d7e3a5;--pink:#efbd99;--muted:#a6b7af;background:#122824}
body{background:radial-gradient(ellipse at 10% 5%,#34544844,transparent 55%),#122824}
#instruction{color:#c4d0c5;font-size:14px;line-height:1.75;max-width:440px;margin:0 auto}
.difficulty{font-size:10px!important;text-transform:uppercase;letter-spacing:2px;color:var(--lime)!important;margin:20px 0 12px!important}
.difficulty-actions{display:flex;gap:7px;justify-content:center}.difficulty-actions button{background:transparent;border:1px solid #69847380;border-radius:7px;padding:9px 13px;font-size:12px;color:#ced8ca}.difficulty-actions button[aria-pressed=true]{background:#d7e3a5;color:#183b2c;border-color:#d7e3a5}.difficulty-actions button:hover{border-color:#e3edbf}
.intro .route-advice{font-size:12px!important;color:#8fa89a!important;line-height:1.65;margin:18px auto 0!important;max-width:300px}
#board{z-index:auto}.waypoint{position:relative;z-index:4;border-radius:50%;width:52%;height:52%;display:flex;align-items:center;justify-content:center;background:#edc19f;color:#283c31;border:2px solid #f1d1ae;box-shadow:0 2px 8px #0c241a77;font-weight:750;font-size:clamp(13px,2.3vw,20px);font-variant-numeric:tabular-nums}.home-ring{z-index:4;background:#294a38}.cell.next-flower{border-color:#e8c09599}.cell.next-flower .waypoint{box-shadow:0 0 0 4px #edc19f14,0 0 15px #edc19f25}.cell.visited .waypoint{background:#d7e3a5;border-color:#eaf0c5}.route-line{stroke-width:1.4;opacity:.9}.route-ghost{stroke:#fff8dc;stroke-width:1.3}.rock{opacity:.8}.garden-shell{border-radius:20px;box-shadow:0 22px 70px #00151055}.cell{border-radius:9px}.board-top .steps strong{letter-spacing:1px}.board-bottom{min-height:37px}.board-bottom #status{max-width:75%;font-size:11px}#par{font-size:10px;color:#d7e3a5}#hint-note{margin:12px 0 0;text-align:center;font-size:10px;color:#94ad9d}.bloom-emblem{font-size:48px}#stars{font-size:12px;letter-spacing:3px}#level-grid{grid-template-columns:repeat(3,1fr)}#level-grid button{padding:12px 5px;font-size:16px}#level-grid button small{font-size:9px;margin-top:6px}.signature{opacity:.9}
@media(min-width:650px) and (max-height:850px){.difficulty-actions{justify-content:flex-start}.intro #instruction{text-align:left;font-size:14px;max-width:270px;margin:0}.intro .route-advice{margin-left:0!important}.play-area{width:min(420px,calc(100svh - 245px))}.game{max-width:990px;column-gap:55px}.intro h1{font-size:42px;max-width:310px}.intro .difficulty{margin-top:24px!important}}
@media(max-width:600px){.intro{margin:21px 0 20px}#instruction{font-size:12px;max-width:315px}.intro h1{font-size:33px}.intro .route-advice{display:none}.difficulty{margin-top:13px!important}.difficulty-actions button{padding:7px 15px}.board-bottom #status{font-size:10px}.waypoint{font-size:16px}.play-area{max-width:460px}#hint-note{font-size:9px}footer{margin-top:14px}}
@media(min-width:650px) and (max-height:600px){.game{column-gap:30px}.play-area{width:min(340px,calc(100svh - 245px))}.intro h1{font-size:31px}.intro #instruction{font-size:12px}.intro .route-advice{display:none}.intro .difficulty{margin-top:16px!important}.board-bottom{min-height:34px}#hint-note{font-size:9px;margin-top:8px}.waypoint{font-size:12px}}
@media(min-width:650px) and (max-height:850px) and (min-height:601px){.play-area{width:min(390px,calc(100svh - 275px))}}
@media(max-width:600px){.game{padding:12px 16px}.intro{margin:16px 0}.intro h1{font-size:30px;margin-bottom:8px}.intro #instruction{line-height:1.5}.intro .difficulty{margin:10px 0 8px!important}.difficulty-actions button{padding:6px 13px}.board-top{padding-bottom:10px}.board-bottom{margin:12px 4px;min-height:28px}#hint-note{margin-top:8px}footer{margin-top:9px}}
@media(min-width:650px) and (max-height:600px){.play-area{width:min(340px,calc(100svh - 275px))}}
@media(min-width:650px) and (max-height:600px){.game{padding-bottom:4px}}