:root{--sky-top: #dff0f7;--sky-bottom: #f6f1e0;--meadow: #cfe3b4;--sand: #f4e4c3;--sand-alt: #efdcb6;--sand-tent: #f7dfb4;--grass: #8ab56e;--grass-alt: #83ad68;--ink: #2f3b2c;--ink-soft: #5d6b58;--count-met: #a8b4a2;--count-over: #c9372c;--tent-red: #e2593f;--tree-green: #3d9a49;--accent: #2f7d3c;--cell-gap: 2px;--board-width: min(100%, 34rem, 74vh);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-bottom) 55%,var(--meadow) 100%);background-attachment:fixed;-webkit-text-size-adjust:100%}#app{max-width:40rem;margin:0 auto;padding:.75rem .75rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}header{text-align:center}.title{margin:0;display:flex;align-items:center;justify-content:center;gap:.4em;font-size:clamp(1.75rem,7vw,2.35rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--accent)}.title-accent{color:var(--tent-red)}.title-icon{flex:none;display:block;width:1em;height:1em}.title-icon .icon-svg{width:100%;height:100%}.subtitle{margin:.3rem 0 0;font-size:.85rem;line-height:1.4;color:var(--ink-soft)}.puzzle-info{margin:.35rem 0 0;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--ink-soft)}.game-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem}.control-slot{width:var(--board-width);min-height:2.9rem;display:grid;place-items:center}.control-slot>*{grid-area:1 / 1;width:100%}.hidden{display:none!important}.progress{display:flex;flex-direction:column;gap:.35rem}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--ink-soft)}.hint-control{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.hint-control input{margin:0;width:.85rem;height:.85rem;accent-color:var(--accent);cursor:pointer}.hint-penalty{padding:.05rem .3rem;border-radius:999px;background:#e2593f29;color:#a83a26;font-variant-numeric:tabular-nums}.hint-control.used{cursor:default;color:var(--ink);pointer-events:none}.progress-track{height:.4rem;border-radius:999px;background:#2f3b2c1f;overflow:hidden}.progress-fill{height:100%;width:0;border-radius:999px;background:var(--accent);transition:width .16s ease-out}.game-status{display:grid;place-items:center}.status-message{padding:.6rem 1rem;border-radius:.75rem;background:#3d9a4924;border:1px solid rgba(47,125,60,.35);font-size:1rem;font-weight:700;color:var(--accent);text-align:center}.board{width:var(--board-width);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:var(--cell-gap)}.board-corner{grid-area:1 / 1}.column-counts{grid-area:1 / 2;display:grid;grid-template-columns:repeat(var(--board-size, 12),1fr);gap:var(--cell-gap)}.row-counts{grid-area:2 / 1;display:grid;grid-template-rows:repeat(var(--board-size, 12),1fr);gap:var(--cell-gap)}.count{display:grid;place-items:center;font-size:clamp(.6rem,2.4vw,.85rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.75);transition:color .14s ease-out,opacity .14s ease-out}.count-row{min-width:1.35rem;padding-right:.15rem}.count-col{min-height:1.35rem;padding-bottom:.1rem}.count.met{color:var(--count-met);opacity:.55;text-shadow:none}.count.over{color:var(--count-over);opacity:1;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.6)}.grid{grid-area:2 / 2;aspect-ratio:1;display:grid;grid-template-rows:repeat(var(--board-size, 12),1fr);gap:var(--cell-gap);touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.grid-row{display:grid;grid-template-columns:repeat(var(--board-size, 12),1fr);gap:var(--cell-gap)}.cell{position:relative;aspect-ratio:1;border-radius:.2rem;display:grid;place-items:center;background:var(--grass);transition:background-color .12s ease-out}.cell.alt{background:var(--grass-alt)}.cell:focus-visible{outline:3px solid var(--accent);outline-offset:1px;z-index:3}.cell-grass{background:var(--grass)}.cell-grass.alt{background:var(--grass-alt)}.cell-tree,.cell-blank{background:var(--sand)}.cell-tree.alt,.cell-blank.alt{background:var(--sand-alt)}.cell-blank{cursor:pointer}.cell-tent{background:var(--sand-tent);cursor:pointer;box-shadow:inset 0 0 0 2px #e2593f8c}.cell-tent.alt{background:var(--sand-tent)}.cell.pressing{filter:brightness(.93)}.cell.conflict,.cell.stranded{outline:3px solid var(--count-over);background:#f2ab99;z-index:2}.cell.needs-tent{outline:2px dashed var(--ink);outline-offset:-1px;z-index:1}.icon-svg{display:block;pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none}.cell .icon-svg{width:88%;height:88%}.grid.finished{touch-action:auto}.grid.finished .cell-blank,.grid.finished .cell-tent{cursor:default}.grid.solved .cell-blank{background:var(--grass)}.grid.solved .cell-blank.alt{background:var(--grass-alt)}.grid.celebrate .cell-blank{transition:background-color .32s ease-out;transition-delay:calc(var(--wave, 0) * 26ms)}.grid.celebrate .cell{animation:cell-settle .64s ease-out both;animation-delay:calc(var(--wave, 0) * 26ms)}@keyframes cell-settle{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.04);filter:brightness(1.15)}to{transform:scale(1);filter:brightness(1)}}.game-status:not(.hidden) .status-message{animation:banner-in .42s ease-out both}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.post-game{width:var(--board-width);display:flex;flex-direction:column;align-items:center;gap:.9rem;margin-top:.25rem}.share-button{padding:.6rem 1.6rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer}.share-button:hover{background:#266a31}.free-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem}.free-play-label{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.free-play-btn{padding:.35rem .9rem;border:1.5px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.free-play-btn:hover{background:#2f7d3c1f}.feedback-line{margin:.5rem 0 0;font-size:.8rem}.feedback-line a{color:var(--ink-soft);text-decoration:underline dotted}.feedback-line a:hover{color:var(--ink)}footer{text-align:center;font-size:.8rem;line-height:1.5;color:var(--ink-soft)}footer p{margin:.2rem 0}.footer-rules{max-width:28rem;margin:.7rem auto 0!important;opacity:.85}.footer-rules span{display:block;text-wrap:balance}kbd{padding:.05rem .3rem;border:1px solid rgba(47,59,44,.3);border-radius:.25rem;background:#fff9;font-family:inherit;font-size:.75rem}@media(hover:none),(pointer:coarse){.hint-keyboard{display:none}}@media(max-width:30rem){:root{--cell-gap: 1px}#app{padding:.9rem .4rem 2rem;gap:.75rem}.count-row{min-width:1.1rem;padding-right:.1rem}.cell{border-radius:.15rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}