*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark}body{min-height:100dvh}.page{max-width:80ch;margin-inline:auto;padding:2rem}.lawn-page{display:flex;flex-direction:column;align-items:center;gap:1rem;min-height:100dvh;padding:1.5rem 1rem 2rem;background:linear-gradient(#cdeafd,#eaf6ff 40% 100%)}.lawn-header{text-align:center}.lawn-header h1{font-size:clamp(1.5rem,5vw,2.25rem);color:#1f5c2e}.lawn-instructions{color:#3a5a44;margin-top:.25rem}.lawn-stats{width:min(100%,640px);display:flex;flex-direction:column;gap:.5rem}.lawn-progress{position:relative;width:100%;height:1.75rem;border-radius:999px;background:#fffa;overflow:hidden;border:1px solid #ffffffcc}.lawn-progress__fill{height:100%;background:linear-gradient(90deg,#4caf50,#2e8b3d);transition:width .2s ease}.lawn-progress__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#1f3a24}.lawn-timer{text-align:center;font-size:.9rem;color:#2f4f38}.lawn-timer__best{color:#4b6b53}.lawn-field{position:relative;width:min(100%,900px);flex:1;min-height:320px;aspect-ratio:16 / 9;border-radius:1rem;background:linear-gradient(#7bc47f,#4f9d5a 70%,#418a4c);box-shadow:inset 0 0 0 1px #fff5;overflow:hidden;touch-action:none;cursor:pointer}.lawn-field--scissors{cursor:none}.grass-blade{position:absolute;width:10px;border-radius:50% 50% 4px 4px/60% 60% 4px 4px;border:none;padding:0;transform-origin:bottom center;transition:height .12s ease-out,opacity .12s ease-out;cursor:pointer}.grass-blade--cut{height:6px!important;opacity:.85;border-radius:2px;background-color:#2e5c33!important}.grass-blade:disabled{cursor:default}.grass-clipping{position:absolute;width:8px;height:18px;border-radius:4px;transform:translate(-50%,-50%) rotate(var(--start-rotation, 0deg));animation:clipping-fly .55s ease-out forwards;pointer-events:none}@keyframes clipping-fly{0%{transform:translate(-50%,-50%) rotate(var(--start-rotation, 0deg)) scale(1);opacity:1}to{transform:translate(calc(-50% + 26px),calc(-50% + 46px)) rotate(calc(var(--start-rotation, 0deg) + 220deg)) scale(.6);opacity:0}}.scissors-cursor{position:absolute;transform:translate(-30%,-60%) rotate(-45deg);font-size:1.75rem;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));transition:transform .08s ease-out}.scissors-cursor--snip{transform:translate(-30%,-60%) rotate(-20deg) scale(1.15)}.lawn-win{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#14281973;padding:1rem;z-index:10}.lawn-win__card{background:#fff;border-radius:1rem;padding:2rem;text-align:center;max-width:320px;box-shadow:0 12px 32px #00000040}.lawn-win__card h2{color:#1f5c2e;margin-bottom:.5rem}.lawn-win__best{color:#4b6b53;font-size:.9rem}.lawn-win__replay{margin-top:1rem;padding:.65rem 1.5rem;border:none;border-radius:999px;background:#2e8b3d;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.lawn-win__replay:hover{background:#256e31}@media(prefers-color-scheme:dark){.lawn-page{background:linear-gradient(#0f2a1c,#123322 40% 100%)}.lawn-header h1{color:#9fe6ac}.lawn-instructions,.lawn-timer{color:#c3ddc7}.lawn-progress{background:#fff2;border-color:#fff3}.lawn-progress__label{color:#eafcee}.lawn-win__card{background:#16281a}.lawn-win__card h2{color:#9fe6ac}.lawn-win__card p{color:#dff2e1}}