:root{color-scheme:dark;--bg:#080e22;--panel:#101a31;--line:#29334c;--text:#e4e9f2;--muted:#9caec6;--cyan:#80e7e7;--coral:#ffb0a0;--gold:#d9b581}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 10%,#15213a 0,transparent 45%),var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--text);background:#19253e;border:1px solid #39445b;border-radius:8px;padding:9px 13px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#2d3e5b}button:active{transform:scale(.96)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:var(--cyan)}header{max-width:1280px;margin:auto;padding:25px 40px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--text);font-size:13px;letter-spacing:3px;font-weight:650}.brandmark{font-size:27px;color:var(--gold);vertical-align:middle;margin-right:8px}.edition{color:#a8b4c9;letter-spacing:2px;font-size:10px;flex:1}.edition i{color:var(--gold);margin:0 12px}#sound{font-size:12px}main{max-width:1200px;padding:38px 28px 30px;margin:auto}.intro{margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--gold);font-weight:650;margin:0 0 10px}h1{font:46px/1.18 Georgia,serif;margin:10px 0 17px;font-weight:400;letter-spacing:-1px}h1 em{color:#9bced0;font-weight:400}.lead{max-width:600px;color:var(--muted);font-size:15px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px}.playpanel{background:linear-gradient(140deg,#152039,#0c1528);border:1px solid #36415a;border-radius:18px;padding:26px;position:relative;box-shadow:0 16px 50px #0003}.gardenhead{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font:24px/1.2 Georgia,serif;margin:5px 0 10px}.counter{text-align:right;display:grid;line-height:1.2}.counter strong{font:30px Georgia,serif;color:var(--cyan)}.counter span{font-size:11px;color:var(--muted);margin-top:5px}#subtitle{color:var(--muted);font-size:13px;margin:0 0 20px}#board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;aspect-ratio:1;background:#050b19;border:1px solid #4c5361;outline:6px solid #0b1122;padding:8px;border-radius:12px;max-width:570px;margin:auto;box-shadow:0 0 38px #31bac20b}.cell{min-width:0;border:1px solid #273650;position:relative;border-radius:7px;padding:0;aspect-ratio:1;overflow:hidden;background:#121e35;isolation:isolate;cursor:default}.cell:before{content:"";position:absolute;inset:0;background-image:url('garden-atlas.webp');background-size:200% 200%;background-position:100% 100%;opacity:.3;z-index:-1}.cell:hover{background:#17253e}.cell.wall{background:linear-gradient(145deg,#32415b,#111a2c);border:1px solid #52617a;box-shadow:inset 5px 5px 8px #74829b16,inset -5px -5px 10px #0009}.cell.wall:after{content:'◇';font-size:40px;color:#8092ad60}.well{position:absolute;inset:4%;background-image:url('garden-atlas.webp');background-size:200% 200%;background-position:0 100%;opacity:.9;border-radius:50%}.home{position:absolute;inset:3%;border:2px dashed var(--cyan);border-radius:50%;box-shadow:inset 0 0 18px #80e7e71b;display:flex;align-items:center;justify-content:center;font:18px Georgia,serif;color:var(--cyan)}.home.coral{border-color:var(--coral);color:var(--coral);box-shadow:inset 0 0 18px #ffb0a025}.bloom{position:absolute;inset:6%;background-image:url('garden-atlas.webp');background-size:200% 200%;background-position:0 0;border-radius:50%;box-shadow:0 0 13px #80e7e744;transition:filter .2s;animation:appear .25s ease}.bloom.b{background-position:100% 0;box-shadow:0 0 13px #ffb0a044}.cell.held{cursor:pointer;border-color:var(--gold)}.badge{position:absolute;bottom:3px;right:4px;color:#fff;font-size:10px;line-height:1.3;background:#050a1dd9;border-radius:3px;padding:1px 4px;z-index:3;pointer-events:none}.cell.preview{outline:2px solid var(--cyan);outline-offset:-3px}#message{color:#bed3da;min-height:47px;font-size:13px;padding:15px 0 7px}.bottomrow{display:flex;justify-content:space-between;align-items:center;gap:14px}.utility{display:flex;gap:6px}.utility button{font-size:12px;padding:8px 12px}.keys{font-size:8px;color:#8293ad;letter-spacing:1px}.controls,.chapters{border:1px solid var(--line);border-radius:14px;background:#0e182d;padding:23px}.controls p:not(.eyebrow){font-size:13px;color:var(--muted)}.controls strong{color:#e5dfcd;font-weight:550}.dpad{display:grid;grid-template:repeat(3,44px)/repeat(3,52px);gap:5px;justify-content:center;margin:24px 0}.dpad button{font-size:22px;padding:0;color:var(--cyan)}.up{grid-area:1/2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.center{grid-area:2/2;display:grid;place-items:center;color:var(--gold);font-size:30px}.release{display:flex;justify-content:space-between;width:100%;margin-top:8px;font-size:12px}.release.cyan{color:var(--cyan)}.release.coral{color:var(--coral)}.legend{display:grid;grid-template-columns:1fr;gap:5px;font-size:11px;color:var(--muted);margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.dot.cyan{background:var(--cyan)}.dot.coral{background:var(--coral)}.chapters{margin-top:18px}#levels{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}#levels button{padding:8px 0;font-size:12px;position:relative}#levels button.active{border-color:var(--gold);background:#384052}#levels button.done:after{content:'✧';color:var(--gold);margin-left:5px}#progress{font-size:11px;color:var(--muted);margin-bottom:0}.complete{text-align:center;margin-top:20px;padding:24px 12px;background:linear-gradient(100deg,#183e45,#202740);border:1px solid #56958f;border-radius:10px}.complete h3{font:28px Georgia,serif;margin:8px 0}.complete p{font-size:13px;color:#bdced6}.primary{background:#b4dad0;color:#09242b;border-color:#b4dad0;font-weight:650}.primary:hover{background:#d5eee7}.about{font-size:12px;color:var(--muted);margin-top:30px;padding:16px 0;border-bottom:1px solid var(--line)}.about summary{cursor:pointer;color:#afbbc9}.about p{max-width:840px}footer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:20px;padding:12px 28px 30px;color:#8697b1;font-size:10px}footer span:last-child{font-size:9px;letter-spacing:1px}@keyframes appear{from{filter:brightness(1.6);transform:scale(.9)}to{filter:brightness(1);transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:850px){header{padding:15px 22px}.edition{display:none}#sound{margin-left:auto}main{padding:24px 18px}h1{font-size:35px}.intro{margin-bottom:25px}.layout{grid-template-columns:1fr;gap:18px}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chapters{margin:0;align-self:start}.playpanel{padding:20px}.keys{display:none}.controls{padding:20px}.dpad{margin:16px 0}.complete{padding:20px 8px}}@media(max-width:500px){h1{font-size:31px}h2{font-size:22px}header{padding:12px 18px}.brand{font-size:11px;letter-spacing:2px}.brandmark{font-size:24px}.eyebrow{font-size:9px}.playpanel{padding:16px}#board{gap:3px;padding:5px;outline-width:3px}.badge{font-size:9px;right:2px;bottom:2px}.home{font-size:14px}.counter strong{font-size:25px}aside{grid-template-columns:1fr}.controls{padding:22px}.legend{grid-template-columns:1fr 1fr}.bottomrow{justify-content:center}.cell.wall:after{font-size:28px}footer{flex-direction:column;gap:5px}.lead{font-size:14px}}

.dpad.pulsebar{display:flex;gap:8px;margin:20px auto 0;align-items:center}.pulsebar button{width:48px;height:40px}.pulsebar .center{width:32px;font-size:22px}.pulsebar .left{order:0}.pulsebar .up{order:1}.pulsebar .center{order:2}.pulsebar .down{order:3}.pulsebar .right{order:4}