*{box-sizing:border-box} :root{font-family:ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif;color:#163b37;background:#87bac1;font-synthesis:none}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:4px solid #e5a62e;outline-offset:4px}button:disabled{opacity:.38;cursor:default}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}#game{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12393333,transparent 24%,transparent 75%,#12393344);z-index:1}.topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:18px;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.icon-button{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:15px;background:#fff9eb;box-shadow:0 3px 0 #203d382b,0 5px 20px #163a3720;display:inline-grid;place-items:center;font-size:32px;font-weight:700}.icon-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon-button[aria-pressed=false]{background:#e8eee8;color:#5f706c}.level-heading{color:#173d39;text-shadow:0 1px 12px #e1eff0}.level-heading>span{font-size:10px;font-weight:850;letter-spacing:.18em}h1{font-size:clamp(19px,2.5vw,30px);margin:3px 0 8px;line-height:1.1;letter-spacing:-.04em}.progress-row{display:flex;align-items:center;gap:10px}#progress{height:7px;width:125px;border-radius:20px;background:#fff9eb8c;overflow:hidden}#progress span{height:100%;display:block;width:0;background:#275b44;transition:width .25s}#count{font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.top-actions{margin-left:auto;display:flex;gap:10px}#mute-slash{position:absolute;right:20px;top:8px;font-size:30px;transform:rotate(15deg)}#targets{position:absolute;inset:0;z-index:3;pointer-events:none}.target{position:absolute;transform:translate(-50%,-50%);width:62px;height:62px;background:#efffc521;border:2px dashed #fff5cb;border-radius:18px;color:white;text-shadow:0 2px 3px #1c563a;font-size:30px;pointer-events:auto;box-shadow:0 0 0 4px #2d735318,0 0 20px #fff3c533;touch-action:none}.target:hover,.target.drag-over{background:#eaffac80;border-style:solid}.target:active:not(:disabled){transform:translate(-50%,-48%)}#message{position:absolute;bottom:174px;left:50%;transform:translateX(-50%);padding:9px 18px;background:#193c37ed;color:#fff9e9;border-radius:12px;font-size:13px;font-weight:650;z-index:6;max-width:88%;text-align:center;pointer-events:none;box-shadow:0 5px 20px #153b3520}#toolbox{position:absolute;z-index:7;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 40px));background:#fff9eb;border:1px solid #fffef8;border-radius:23px;padding:13px 17px 14px;box-shadow:0 7px 0 #173b3930,0 15px 40px #173b3938}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5px 8px}#tray-label{font-size:10px;letter-spacing:.14em;font-weight:850}#tray-hint{font-size:10px;color:#71817a}#tray{display:flex;gap:8px;justify-content:center;overflow-x:auto;scrollbar-width:thin;padding:2px 3px 5px;touch-action:pan-x}.piece-button{position:relative;flex:1;min-width:68px;max-width:128px;height:86px;border-radius:13px;border:2px solid transparent;background:#eee8d9;touch-action:none;user-select:none;-webkit-user-select:none;display:grid;place-items:center}.piece-button img{width:100%;height:70px;object-fit:contain;pointer-events:none}.piece-button .remaining{position:absolute;right:5px;top:4px;font-size:10px;font-weight:800;background:#fff9eb;padding:2px 5px;border-radius:5px}.piece-button[aria-pressed=true]{background:#e3e9cc;border-color:#386c42;box-shadow:0 3px 0 #386c42}.piece-button:disabled img{filter:grayscale(1)}#colours{display:flex;justify-content:center;gap:12px;padding:9px 0 0}.swatch{width:30px;height:30px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #ddd}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px #173d39}.free-mode #message{bottom:211px}#drag-piece{position:fixed;z-index:20;width:130px;height:100px;pointer-events:none;transform:translate(-50%,-85%);filter:drop-shadow(0 8px 7px #142f3e50)}#drag-piece img{width:100%;height:100%;object-fit:contain}#complete-card{position:absolute;z-index:8;top:110px;left:50%;transform:translateX(-50%);background:#fff9edf5;border:1px solid #fff;border-radius:22px;padding:20px 25px;box-shadow:0 10px 30px #173d3930;text-align:center;min-width:320px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#718363}#complete-card h2{margin:7px 0;font-size:25px;letter-spacing:-.05em}#complete-card p{font-size:13px;margin:0 0 15px}#complete-card>div{display:flex;gap:9px}.primary,.secondary{border-radius:12px;padding:13px 17px;font-size:13px;font-weight:800;min-height:48px}.primary{background:#285b43;color:#fffbed}.secondary{background:#e6eadc;color:#214c3a}.primary span,.secondary span{margin-left:10px}dialog{width:min(850px,calc(100% - 36px));max-height:calc(100dvh - 36px);overflow:auto;border:none;border-radius:28px;padding:28px;background:#fff9ed;color:#173d39;box-shadow:0 20px 100px #09262166}dialog::backdrop{background:#122f37a6;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dialog-head .icon-button{box-shadow:none;background:#e8ecdf;width:44px;height:44px;font-size:27px}.studio-link{color:#2a5c45;text-decoration:none;font-size:12px;letter-spacing:.14em;font-weight:900}dialog h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.06em;margin:8px 0}dialog p{line-height:1.6;font-size:14px}.dialog-intro{color:#6d7b6c;margin:7px 0 22px}#level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.level-card{background:#e7e9d9;border-radius:18px;overflow:hidden;text-align:left;padding:0 0 16px;border:2px solid transparent}.level-card:hover{border-color:#578264}.level-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;background:#afc6b1}.level-card .level-num{display:block;font-size:10px;color:#6d7b6c;margin:13px 13px 4px;letter-spacing:.07em}.level-card strong{display:block;font-size:15px;margin:0 13px}.level-card .level-status{display:block;font-size:11px;margin:9px 13px 0;color:#416d4e}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:11px;color:#6f7b6a}.map-footer button{background:transparent;text-decoration:underline;min-height:44px}#help-dialog,#reset-dialog{max-width:570px}#help-dialog h2,#reset-dialog h2{font-size:30px}#help-dialog li{padding:7px 0;font-size:14px;line-height:1.6}#help-dialog ol{padding-left:20px}#save-note{font-size:11px;color:#6d7c6a}.reset-actions{display:flex;gap:12px;margin-top:22px}#loading,.fallback{position:absolute;z-index:30;inset:0;display:grid;place-content:center;gap:18px;text-align:center;background:#e7edde;padding:30px}.fallback a{color:#285b43}#loading:empty{display:none}@media(max-width:700px){.topbar{left:12px;right:12px;top:max(12px,env(safe-area-inset-top));gap:10px}.icon-button{width:44px;height:44px;border-radius:12px}.top-actions{gap:6px}.level-heading>span{font-size:8px}.level-heading h1{font-size:20px}.progress-row{gap:7px}#progress{width:85px}#toolbox{width:calc(100% - 20px);padding:10px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:18px}#tray-hint{display:none}#message{bottom:153px;font-size:12px;width:max-content;max-width:90%}#tray{gap:5px}.piece-button{height:78px;min-width:58px}.piece-button img{height:62px}#level-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:20px}.free-mode #message{bottom:193px}#complete-card{top:98px;width:calc(100% - 42px);min-width:0;padding:15px}#complete-card h2{font-size:22px}#complete-card>div{justify-content:center}.map-footer{align-items:flex-start}.target{width:55px;height:55px;font-size:26px}}@media(max-width:430px){.top-actions{gap:4px}.top-actions .icon-button{width:40px;height:44px}.topbar{gap:8px}.level-heading h1{font-size:16px}.level-heading>span{font-size:7px;letter-spacing:.1em}.icon-button svg{width:22px;height:22px}#progress{width:70px}#count{font-size:10px}}@media(max-height:540px) and (orientation:landscape){.topbar{top:9px}.icon-button{width:44px;height:44px}.level-heading h1{font-size:20px}#toolbox{width:min(620px,70%);padding:8px 12px;bottom:10px}.tray-heading{padding-bottom:4px}.piece-button{height:63px}.piece-button img{height:56px}#message{bottom:120px;font-size:11px;padding:6px 12px}.free-mode #message{bottom:156px}#complete-card{top:77px;padding:12px 20px}#complete-card h2{font-size:20px}#complete-card p{margin-bottom:8px}#colours{padding-top:5px}.swatch{height:26px;width:26px}#level-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the level name legible against every part of the forest. */
.level-heading{background:#fff9ebed;border-radius:13px;padding:9px 13px;text-shadow:none;box-shadow:0 3px 0 #203d381a;min-width:0}
@media(max-width:700px){.level-heading{padding:7px 9px}.level-heading h1{font-size:18px}.level-heading>span{font-size:7px;letter-spacing:.08em}}
@media(max-width:430px){.level-heading{padding:6px 7px}.level-heading h1{font-size:15px}.level-heading>span{font-size:6px}#progress{width:61px}}