:root{--lawn-a: #a7d472;--lawn-b: #9bcb63;--color-bg: #9bcb63;--sign-wood: #e0b878;--sign-wood-2: #d3a662;--sign-edge: #b98b4a;--bed: #fff6e3;--bed-edge: #f0d9a8;--frame: #3f7d3a;--frame-dark: #2c5527;--color-surface: #e0b878;--color-border: #3f7d3a;--color-text: #2f6132;--color-text-dim: #6b7d47;--color-primary: #2f6132;--color-success: #4caf50;--color-error: #f44336;--color-arrow: #6b3f18;--color-soil: #4a3524;--cell-size: min(60px, calc((100vw - 128px)/8) );--count-size: 40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(1200px 520px at 50% -10%,#cdeffb,transparent 60%),linear-gradient(180deg,#dff3c4,#cfe9a8 55%,#bcdd8f);background-attachment:fixed;min-height:100vh;color:#3a4326;line-height:1.6;padding:20px}#app{max-width:800px;margin:0 auto}header{text-align:center;margin-bottom:30px}h1{font-size:2.6rem;margin-bottom:10px;color:#2f6132;letter-spacing:.5px;text-shadow:0 2px 0 rgba(255,255,255,.5)}.subtitle{color:#55663a;font-size:1rem;max-width:640px;margin:0 auto}.puzzle-info{margin-top:6px;color:#7a6414;font-size:.9rem;font-weight:600;text-transform:capitalize}.game-container{background:linear-gradient(180deg,#f4ffe0,#e6f6c9);border:3px solid #a9cf7d;border-radius:20px;padding:30px;box-shadow:0 10px 26px #3c5a1e38,inset 0 2px #ffffffb3}.flower-tray{display:flex;align-items:center;justify-content:center;margin-top:18px;width:min(100%,552px);margin-left:auto;margin-right:auto;padding-left:calc(var(--count-size) + 3px)}.tray-flowers{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.tray-pip{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.35rem;line-height:1;transition:transform .25s ease,opacity .25s ease}.tray-pip.planted{font-size:0;transform:scale(.7);opacity:.9}.tray-pip.planted:after{content:"";width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6f4e30,#4a331f);box-shadow:inset 0 1px 2px #0006}.click-selector.hidden{display:none}.click-selector{display:flex;align-items:center;justify-content:center;gap:14px;padding:0}.selector-label{font-size:1rem;color:#5c6b3d;font-weight:500}.selector-buttons{display:flex;gap:10px}.selector-button{display:flex;align-items:center;gap:8px;padding:9px 18px;background:#fff;border:2px solid #cfe0b0;border-radius:999px;color:#3a4326;font-size:1rem;cursor:pointer;transition:border-color .1s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}@media (hover: hover){.selector-button:hover{border-color:var(--color-primary)}}.selector-button:active{transform:scale(.97)}.selector-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.selector-icon{font-size:1.5rem;line-height:1}.selector-icon.soil-chip{width:20px;height:20px;border-radius:5px;background:#6b4a2f;border:1px solid #241708;display:inline-block}.selector-text{font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item{display:flex;flex-direction:column;align-items:center;gap:5px}.label{font-size:.875rem;color:#5c6b3d;text-transform:uppercase;letter-spacing:.5px}#objects-found,#empty-cells{font-size:1.25rem;font-weight:700;color:#2f6132}.grid-container{text-align:center}.grid-wrapper{display:block;width:min(100%,552px);margin:0 auto;position:relative}.column-counts{display:grid;grid-template-columns:var(--count-size) repeat(8,1fr);gap:3px;margin-bottom:5px;padding:0 6px}.column-count{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#33421c;text-shadow:0 1px 0 rgba(255,255,255,.4)}.grid-row-wrapper{display:flex;gap:3px}.row-counts{display:grid;grid-template-rows:repeat(8,1fr);gap:3px;margin-right:0;padding:6px 0}.row-count{display:flex;align-items:center;justify-content:center;width:var(--count-size);font-weight:700;font-size:1.1rem;color:#33421c;text-shadow:0 1px 0 rgba(255,255,255,.4)}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;flex:1;background:var(--frame);padding:6px;border-radius:12px;box-shadow:inset 0 0 0 3px #35692f,0 4px 14px #3c5a1e40;touch-action:none}.grid.finished{touch-action:pan-y}.grid.finished .cell{cursor:default}.flower-svg{width:1em;height:1em;display:inline-block;vertical-align:-.15em}.cell{background:var(--color-bg);aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4.2vw,2rem);color:var(--color-text);cursor:pointer;transition:filter .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;border-radius:6px}.cell:hover{filter:brightness(1.06)}.cell.arrow{background:linear-gradient(180deg,var(--sign-wood),var(--sign-wood-2));color:var(--color-arrow);cursor:default;font-weight:900;font-size:clamp(1.25rem,4.6vw,2.1rem);box-shadow:inset 0 0 0 2px var(--sign-edge),inset 0 2px 3px #ffffff80}.cell.arrow:hover{filter:none}.cell.unknown{background:var(--lawn-b);font-size:0}.cell.unknown:nth-child(16n+1),.cell.unknown:nth-child(16n+3),.cell.unknown:nth-child(16n+5),.cell.unknown:nth-child(16n+7),.cell.unknown:nth-child(16n+10),.cell.unknown:nth-child(16n+12),.cell.unknown:nth-child(16n+14),.cell.unknown:nth-child(16n+16){background:var(--lawn-a)}.cell.unknown:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -3px 5px #28501e2e;pointer-events:none}.cell.unknown:hover{filter:brightness(1.09)}.grid.mode-empty .cell.unknown,.grid.swiping,.grid.swiping .cell{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Crect x='4' y='4' width='14' height='14' rx='4' fill='%236b4a2f' stroke='%23241708' stroke-width='2'/%3E%3C/svg%3E") 11 11,crosshair}.grid.mode-object .cell.unknown{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg stroke='%232c2c2c' stroke-width='1.6'%3E%3Ccircle cx='13' cy='5.5' r='4' fill='%23ffffff'/%3E%3Ccircle cx='20.5' cy='13' r='4' fill='%23ffffff'/%3E%3Ccircle cx='13' cy='20.5' r='4' fill='%23ffffff'/%3E%3Ccircle cx='5.5' cy='13' r='4' fill='%23ffffff'/%3E%3Ccircle cx='13' cy='13' r='3.6' fill='%23ffd54f'/%3E%3C/g%3E%3C/svg%3E") 13 13,pointer}.cell.marked-empty{background:var(--color-soil);cursor:default;box-shadow:inset 0 0 0 2px #4a331f,inset 0 3px 6px #00000059}.cell.error-cell{background:var(--color-error);color:#fff;font-size:clamp(1.1rem,4vw,1.9rem);cursor:default}.cell.missed-cell{background:radial-gradient(circle at 50% 45%,#e7ddc8,#cbbe9f);font-size:clamp(1.1rem,4vw,1.9rem);cursor:default;opacity:.85;box-shadow:inset 0 0 0 2px #c3b48d}.cell.missed-cell:hover{filter:none}.cell.error-cell:hover{background:var(--color-error)}.cell.success-cell{background:var(--color-success);color:#fff;font-size:clamp(1.1rem,4vw,1.9rem);cursor:default}.cell.success-cell:hover{background:var(--color-success)}.cell.marked-object{background:radial-gradient(circle at 50% 45%,var(--bed),var(--bed-edge));font-size:clamp(1.1rem,4vw,1.9rem);cursor:default;box-shadow:inset 0 0 0 2px #ecd28f,0 2px 4px #785a1e33}.hold-flower{position:fixed;transform:translate(-50%,-50%) scale(3.4);opacity:.4;pointer-events:none;z-index:50;line-height:1;animation:hold-plant var(--hold-duration, .55s) ease-in forwards}@keyframes hold-plant{to{transform:translate(-50%,-50%) scale(1);opacity:.9}}.control-slot{display:flex;align-items:center;justify-content:center;min-height:52px;margin-bottom:24px}.game-status{margin:0;padding:12px 18px;border-radius:16px;text-align:center;font-weight:700;font-size:1.05rem;width:min(100%,552px)}.game-status.hidden{display:none}.game-status.win{background:linear-gradient(180deg,#3f9d54,#2f7d43);color:#fff;box-shadow:0 4px 14px #2f7d434d}.game-status.lose{background:linear-gradient(180deg,#e2724f,#cf5636);color:#fff;box-shadow:0 4px 14px #cf563647}.post-game{width:min(100%,552px);margin:22px auto 0;display:flex;flex-direction:column;align-items:center;gap:14px}.post-game.hidden{display:none}.share-button{padding:9px 30px;border:none;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;box-shadow:0 2px 6px #00000026}.share-button:hover{background:#2f7d43}.share-button:active{transform:scale(.97)}.share-button.hidden{display:none}.free-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.free-play-label{color:#3a4326;font-weight:700;font-size:.95rem;margin-right:2px}.free-play-btn{padding:7px 16px;border:2px solid #cfe0b0;border-radius:999px;background:#fff;color:#3a4326;font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer}.free-play-btn:hover{border-color:var(--color-primary)}.free-play-btn:active{transform:scale(.97)}footer{text-align:center;margin-top:30px;color:#55663a;font-size:.875rem}footer kbd{padding:1px 5px;border:1px solid #a8b880;border-radius:4px;background:#fff9;font-size:.8rem}footer p{margin:0}@media (hover: none),(pointer: coarse){.hint-keyboard{display:none}}@media (max-width: 600px){:root{--count-size: 34px}body{padding:12px 8px}h1{font-size:2rem}.game-container{background:none;border:none;box-shadow:none;border-radius:0;padding:0}.flower-tray{gap:10px}.column-counts,.row-counts{font-size:.9rem}}