*{box-sizing:border-box} :root{font-family:ui-rounded,"Avenir Next",system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 0%,var(--glow),transparent 65%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible{outline:4px solid var(--focus);outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.app{max-width:1120px;margin:auto;padding:25px 30px}.topbar{margin-bottom:25px}h1{margin:0;font-size:clamp(24px,3vw,35px);letter-spacing:-1px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800;margin:0 0 5px;opacity:.75}.earned{font-size:13px;padding:10px 15px;background:var(--paper);border-radius:24px;font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,630px) minmax(250px,310px);gap:35px;align-items:center}.scene{background:var(--paper);border:2px solid var(--rim);padding:23px 28px 20px;border-radius:32px;box-shadow:0 15px 40px #253d4615}.scene-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.scene-heading p{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 4px;font-weight:800;opacity:.75}.scene-heading h2{font-size:24px;margin:0;letter-spacing:-.5px}.scene-heading>span{font-size:35px;color:var(--accent)}.board{position:relative;aspect-ratio:1;background:var(--board);border:8px solid var(--rim);border-radius:22px;overflow:hidden;box-shadow:0 8px 0 var(--shadow);isolation:isolate}.cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr)}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:7%;background:transparent;border:1px solid #ffffff18;border-radius:10px;z-index:2;transition:background .15s,box-shadow .15s}.cell svg{width:100%;height:100%;overflow:visible;pointer-events:none}.cell:focus-visible{outline-offset:-5px;z-index:5}.cell[aria-disabled=true]{cursor:default}.cell.hinted{box-shadow:inset 0 0 0 5px var(--focus);background:var(--hint)!important}.paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.caption{text-align:center;font-size:12px;margin:23px 0 0;line-height:1.5;opacity:.8}.controls{text-align:center}.mascot{width:105px;height:105px;margin:auto}.mascot svg{width:100%;height:100%}.speech{background:var(--paper);padding:12px 17px;border-radius:22px;font-size:14px;font-weight:750;max-width:260px;margin:3px auto 20px}.controls h2{font-size:22px;line-height:1.35;margin:0 auto 15px;max-width:285px}.status{min-height:70px;font-size:14px;line-height:1.55;margin:14px 0}.meter{font-size:14px;font-weight:800;color:var(--accent);margin:18px 0}.helpers{display:flex;justify-content:center;gap:8px}.helpers button{border:1px solid var(--rim);background:var(--paper);padding:11px 12px;min-height:54px;border-radius:14px;font-size:13px;font-weight:750}.helpers span{display:block;font-size:22px;line-height:1;margin-bottom:4px}.next{min-height:52px;border:0;border-radius:15px;background:var(--accent);color:var(--button-ink);font-size:18px;font-weight:850;width:100%;margin-bottom:16px;box-shadow:0 4px 0 var(--shadow)}.footnote{font-size:12px;line-height:1.6;opacity:.75;margin:17px 0 0}.map{margin-top:30px;border-top:1px solid var(--rim);padding-top:10px}.map summary{padding:10px 0;min-height:44px;font-size:15px;font-weight:800;cursor:pointer}.map summary span{font-weight:500;font-size:12px;float:right;opacity:.75}.map nav{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin:10px 0}.map button{min-height:48px;background:var(--paper);border:2px solid transparent;border-radius:12px;font-weight:800}.map button small{display:block}.map button[aria-current=true]{border-color:var(--focus)}.map button.complete{background:var(--hint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.celebrating{animation:earned .7s ease-in-out 2}@keyframes earned{50%{box-shadow:0 8px 0 var(--shadow),0 0 0 7px var(--hint)}}
/* Light trail */
.lantern{color:#c5c0d8}.lantern.lit{color:#ffd875}.lantern.current{background:#ffdb6824;box-shadow:inset 0 0 0 3px #ffe39b}.lantern.reachable{background:#ffffff12}.lantern.reachable:hover{background:#ffdb6840}.garden-empty::after{content:'✦';color:#d3cdfc26;font-size:24px}.garden-empty{pointer-events:none}.trail-line{stroke:#ffd875;stroke-width:2.6;fill:none;stroke-linejoin:round;stroke-linecap:round}.trail-possible{stroke:#e9e5fb;stroke-width:.6;stroke-dasharray:1 2;opacity:.3}.lantern svg{max-width:85%;max-height:85%}
/* Waterways */
.channel{padding:0;background:#f8dfb9;border:3px solid #ead0a6;border-radius:13px}.channel:hover{background:#ffeccc}.channel.water{background:#e0eece}.channel .pipe-bank{stroke:#b97846;stroke-width:32;fill:none;stroke-linecap:round;stroke-linejoin:round}.channel .pipe-bed{stroke:#eac087;stroke-width:22;fill:none;stroke-linecap:round;stroke-linejoin:round}.channel.water .pipe-bed{stroke:#49b6d0}.pipe-end{position:absolute;inset:22%;pointer-events:none}.grass{background:#a5c69c;border:1px solid #d4e1bb}.grass::after{content:'✿';color:#f8edc8;font-size:24px;opacity:.65}.grass{pointer-events:none}.channel.leak{box-shadow:inset 0 0 0 4px #df9867}
@media(max-width:800px){.app{padding:20px}.layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.scene{padding:18px}.controls h2{font-size:19px}.scene-heading h2{font-size:21px}.map nav{grid-template-columns:repeat(6,1fr)}}@media(max-width:620px){.app{padding:14px}.topbar{margin-bottom:18px}.earned{display:none}.layout{grid-template-columns:1fr;gap:23px}.scene{width:100%;max-width:460px;margin:auto;padding:16px}.scene-heading{margin-bottom:14px}.scene-heading h2{font-size:21px}.board{border-width:6px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px}.mascot,.speech{display:none}.controls h2{grid-column:1/-1;font-size:19px;max-width:none;margin:0 0 6px}.status{grid-column:1;min-height:0;margin:0;font-size:12px}.meter{grid-column:1;margin:4px 0;font-size:12px}.helpers{grid-column:2;grid-row:2/4;align-items:center;gap:5px;flex-wrap:wrap}.helpers button{padding:8px;font-size:11px;min-height:48px;flex:1}.next{grid-column:1/-1;min-height:48px;margin:5px 0}.footnote{grid-column:1/-1;margin:4px 0 0;font-size:11px}.map{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--bg:#282b48;--glow:#454066;--ink:#fff4d9;--paper:#353651;--rim:#676285;--board:#434764;--shadow:#222c45;--accent:#ffdb7b;--focus:#f9be73;--button-ink:#333249;--hint:#665332}