:root{color-scheme:light;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#7dbb55;color:#172015;-webkit-tap-highlight-color:transparent;touch-action:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}html{overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;overscroll-behavior:none}button{font:inherit}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:#7dbb55;z-index:1}.hidden{display:none!important}.hud{position:fixed;inset:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.health-bar{position:fixed;left:max(10px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));width:clamp(26px,7vw,44px);display:flex;flex-direction:column;gap:clamp(4px,1.2vw,8px);z-index:4}.health-seg{flex:1;min-height:18px;border:clamp(2px,.6vw,4px) solid #172015;border-radius:clamp(5px,1.2vw,10px);background:#5cad42;box-shadow:0 clamp(2px,.8vw,5px) 0 #172015;transition:background .25s ease,opacity .25s ease}.health-seg.lost{background:#e83d2e59}.hud-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding-left:clamp(40px,10vw,72px);gap:12px;pointer-events:none}.hud-spacer{display:flex;align-items:start}.hud-spacer.right{justify-content:flex-end;padding-right:calc(clamp(44px,12vw,68px) + clamp(8px,2.5vw,14px))}.hud-timer{justify-self:center;min-width:clamp(72px,22vw,140px);height:clamp(44px,10vw,68px);padding:0 clamp(14px,4vw,28px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:clamp(10px,2.5vw,16px);background:#f5f0ca;box-shadow:0 clamp(4px,1.2vw,7px) 0 #172015;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:clamp(22px,7vw,42px);line-height:1}.hud-score{min-width:clamp(64px,18vw,120px);height:clamp(36px,8vw,52px);padding:0 clamp(10px,3vw,18px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:clamp(8px,2vw,14px);background:#ffcf4d;box-shadow:0 clamp(3px,.9vw,5px) 0 #172015;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:clamp(16px,5vw,26px);line-height:1}.hud-bottom{display:flex;align-items:center;gap:clamp(10px,3vw,18px);width:100%;padding-left:clamp(40px,10vw,72px);pointer-events:none}.progress-wrap{flex:1;display:flex;align-items:center;gap:clamp(8px,2.5vw,14px)}.progress-track{flex:1;height:clamp(24px,6.5vw,42px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:999px;background:#17201540;box-shadow:inset 0 2px 6px #0003;overflow:visible;position:relative}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#5cad42,#82d468);border-right:clamp(2px,.6vw,4px) solid rgba(255,255,255,.35);border-radius:999px 0 0 999px;transition:width .25s ease,background .25s ease,box-shadow .25s ease;position:relative;z-index:1}.progress-bar.pulse{animation:bar-pulse .45s ease-out}.stage-markers{position:absolute;inset:0;z-index:2;pointer-events:none}.stage-marker{position:absolute;top:50%;width:clamp(8px,2.2vw,14px);height:clamp(8px,2.2vw,14px);margin:calc(clamp(8px,2.2vw,14px)/-2) 0 0 calc(clamp(8px,2.2vw,14px)/-2);border-radius:50%;background:#f5f0ca;border:clamp(2px,.6vw,4px) solid #172015;box-shadow:0 2px #00000040;transition:background .25s ease,transform .25s ease}.stage-marker.reached{background:#ffcf4d;transform:scale(1.25)}.stage-marker.final.reached{background:#ffcf4d;transform:scale(1.4);box-shadow:0 0 12px #ffcf4d}.progress-label{min-width:clamp(44px,12vw,76px);text-align:right;font-weight:950;font-size:clamp(14px,4.2vw,24px);color:#f5f0ca;text-shadow:0 2px 0 #172015,0 3px 4px rgba(0,0,0,.25)}@keyframes bar-pulse{0%{box-shadow:0 0 #82d46899}70%{box-shadow:0 0 0 12px #82d46800}to{box-shadow:0 0 #82d46800}}.hud-sound{width:clamp(44px,12vw,68px);height:clamp(44px,12vw,68px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:50%;background:#c8e8ff;box-shadow:0 clamp(3px,.9vw,5px) 0 #172015;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;flex:0 0 auto}.hud-sound.sound-off{background:#d8d8ce}.sound-icon{display:block;width:55%;height:55%;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z'/%3E%3Cpath d='M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02z'/%3E%3Cpath d='M14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain}.hud-sound.sound-off .sound-icon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12s-.37-2.91-1.03-4.15l-1.51 1.51c.34.82.54 1.7.54 2.64zM3.27 3 2 4.27l5.36 5.36L3 9v6h4l5 5V13.27l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73 3.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12s-.37-2.91-1.03-4.15l-1.51 1.51c.34.82.54 1.7.54 2.64zM3.27 3 2 4.27l5.36 5.36L3 9v6h4l5 5V13.27l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.21 21 21 19.73 3.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain}.hud-pause{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:clamp(44px,12vw,68px);height:clamp(44px,12vw,68px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:50%;background:#f5f0ca;box-shadow:0 clamp(3px,.9vw,5px) 0 #172015;display:inline-flex;align-items:center;justify-content:center;font-weight:950;font-size:clamp(14px,4vw,22px);pointer-events:auto;cursor:pointer}.combo{position:absolute;top:clamp(68px,17vw,104px);left:50%;transform:translate(-50%);min-width:clamp(64px,18vw,92px);height:clamp(28px,7.5vw,40px);border:clamp(3px,.9vw,5px) solid #172015;border-radius:clamp(8px,2vw,14px);background:#ffcf4d;box-shadow:0 clamp(3px,.9vw,5px) 0 #172015;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:clamp(14px,4vw,20px)}.toast{position:fixed;z-index:7;left:50%;top:clamp(168px,44vw,230px);transform:translate(-50%);max-width:min(420px,calc(100vw - 28px));border:3px solid #172015;border-radius:8px;background:#ffcf4d;box-shadow:0 5px #172015;padding:10px 14px;text-align:center;font-size:clamp(13px,3.6vw,16px);font-weight:950;pointer-events:none;animation:pop-in .16s ease-out}.hud-pulse{animation:hud-pulse .26s ease-out}.panel{position:fixed;z-index:6;left:50%;top:50%;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;transform:translate(-50%,-50%);border:4px solid #172015;border-radius:8px;background:#f5f0ca;box-shadow:0 8px #172015;padding:22px 18px;text-align:center}@media(max-height:460px)and (orientation:landscape){.panel{padding:10px 12px;border-radius:10px;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 10px)}.logo{padding-top:0;margin-bottom:6px}.logo-title,#gameOver .logo-title,#leaderboard .logo-title{font-size:clamp(22px,7vh,36px)}.mower-icon{width:34px;height:22px;margin-bottom:3px}.mower-body{left:2px;top:6px;width:24px;height:12px;border-width:2px;box-shadow:0 2px #172015}.mower-wheel{width:9px;height:9px;border-width:2px}.mower-wheel:after{width:3px;height:3px;margin:-1.5px 0 0 -1.5px}.mower-handle{width:14px;height:3px;border-width:2px}.logo-subtitle{font-size:11px;margin-top:3px}.primary,.secondary{min-height:34px;margin-top:5px;border-width:2px;box-shadow:0 3px #172015;font-size:14px}.result-grid{gap:5px;margin:6px 0}.result-card{padding:5px 3px;border-width:2px;box-shadow:0 2px #172015}.result-value{font-size:clamp(14px,4vh,20px);margin-top:2px}.result-label{font-size:9px}.board-list{max-height:min(36vh,180px)}.board-list li{padding:5px;margin:3px 0;border-width:2px;box-shadow:0 2px #172015;gap:8px}.board-rank{width:24px;height:24px;border-width:2px;font-size:12px}.board-score{font-size:13px}.board-meta{font-size:9px}.camera-option{margin-top:6px;padding:4px 7px;border-width:2px}.camera-toggle{min-height:26px;padding:0 7px;border-width:2px;box-shadow:0 2px #172015;font-size:11px}.camera-icon{width:14px;height:14px;border-width:2px}}.brand{margin-bottom:18px}.kicker,.small{margin:0;color:#4f6549;font-size:13px;font-weight:800}h1,h2{margin:0 0 16px;letter-spacing:0;line-height:1}h1{font-size:clamp(42px,14vw,66px)}h2{font-size:34px}.primary,.secondary{width:100%;min-height:48px;margin-top:10px;border:3px solid #172015;border-radius:8px;box-shadow:0 5px #172015;font-weight:950;cursor:pointer;user-select:none;-webkit-user-select:none}.primary{background:#ffcf4d}.secondary{background:#c8e8ff}.camera-option{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:8px 10px;border:3px solid #172015;border-radius:12px;background:#1720151f;box-shadow:inset 0 2px #ffffff40}.camera-label{font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#172015}.camera-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:3px solid #172015;border-radius:999px;background:#f5f0ca;box-shadow:0 3px #172015;font-weight:950;font-size:14px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:transform 80ms ease,box-shadow 80ms ease,background .12s ease}.camera-toggle:active{transform:translateY(3px);box-shadow:0 0 #172015}.camera-toggle.active{background:#ffcf4d}.camera-icon{width:18px;height:18px;border-radius:50%;border:3px solid #172015;background:transparent;position:relative}.camera-icon:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#172015;transition:transform .12s ease}.camera-toggle.active .camera-icon:before{transform:scale(1.5)}.primary:active,.secondary:active,.icon-button:active{transform:translateY(3px);box-shadow:0 2px #172015}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;text-align:center}.result-card{border:3px solid #172015;border-radius:12px;background:#ffffff8c;box-shadow:0 3px #172015;padding:10px 6px}.result-label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#4f6549}.result-value{display:block;margin-top:4px;font-size:clamp(22px,7vw,34px);font-weight:950;color:#172015}.board-list{max-height:min(52vh,420px);overflow:auto;margin:0 0 10px;padding:0;list-style:none;text-align:left}.board-list li{display:flex;align-items:center;gap:10px;margin:8px 0;padding:10px;border:3px solid #172015;border-radius:12px;background:#ffffff8c;box-shadow:0 3px #172015;font-weight:850}.board-rank{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:3px solid #172015;border-radius:50%;background:#f5f0ca;font-weight:950;font-size:18px}.board-rank.first{background:#ffcf4d}.board-rank.second{background:#c8e8ff}.board-rank.third{background:#d4f2c9}.board-info{flex:1;min-width:0}.board-score{font-weight:950;font-size:18px;color:#172015}.board-meta{margin-top:2px;font-size:12px;color:#4f6549;font-weight:800}.board-empty{justify-content:center;text-align:center}.board-empty .board-score{font-size:16px}#leaderboard .logo-title{font-size:clamp(34px,10vw,54px)}.touch-overlay{position:fixed;inset:0;z-index:5;touch-action:none;pointer-events:auto;overscroll-behavior:none}.touch-overlay.hidden{display:none}.joystick{position:fixed;z-index:5;left:0;top:0;width:clamp(120px,34vw,180px);height:clamp(120px,34vw,180px);border:4px solid rgba(23,32,21,.85);border-radius:50%;background:#f5f0ca73;transform:translate(-50%,-50%);pointer-events:none}.stick{position:absolute;left:50%;top:50%;width:clamp(54px,14vw,72px);height:clamp(54px,14vw,72px);margin:calc(clamp(54px,14vw,72px)/-2) 0 0 calc(clamp(54px,14vw,72px)/-2);border:4px solid #172015;border-radius:50%;background:#ffcf4d;box-shadow:0 4px #172015}@keyframes pop-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hud-pulse{0%{transform:scale(1)}55%{transform:scale(1.08)}to{transform:scale(1)}}@media(min-width:740px){.joystick{display:none!important}}@media(max-width:420px){.hud-pill,.icon-button{height:34px;min-width:40px;padding:0 8px;font-size:13px}.icon-button{width:40px}.goal{top:78px;font-size:12px}.toast{top:122px;font-size:13px}}.logo{position:relative;padding-top:8px}.logo-title{margin:0;font-size:clamp(38px,12vw,62px);font-weight:950;color:#172015;letter-spacing:.02em;line-height:1;white-space:nowrap}#gameOver .logo-title{font-size:clamp(34px,10vw,54px)}.logo-title span{display:inline-block;animation:logo-pop .55s cubic-bezier(.34,1.56,.64,1) both}.logo-title span:nth-child(1){animation-delay:.05s}.logo-title span:nth-child(2){animation-delay:.1s}.logo-title span:nth-child(3){animation-delay:.15s}.logo-title span:nth-child(4){animation-delay:.2s}.logo-title span:nth-child(5){animation-delay:.25s}.logo-title span:nth-child(6){animation-delay:.3s}.logo-title span:nth-child(7){animation-delay:.35s}.logo-title span:nth-child(8){animation-delay:.4s}.logo-subtitle{margin:8px 0 0;font-size:16px;font-weight:900;color:#4f6549;text-transform:uppercase;letter-spacing:.12em;animation:fade-up .6s ease-out .55s both}#gameOver .logo-subtitle{color:#e83d2e}.mower-icon{position:relative;width:52px;height:32px;margin:0 auto 10px;animation:mower-bob 1.2s ease-in-out infinite both}.mower-body{position:absolute;left:4px;top:10px;width:36px;height:18px;background:#e83d2e;border:3px solid #172015;border-radius:6px 10px 8px 6px;box-shadow:0 3px #172015}.mower-wheel{position:absolute;bottom:0;width:14px;height:14px;background:#171a16;border:2px solid #172015;border-radius:50%;animation:wheel-spin .8s linear infinite}.mower-wheel:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#d9e2df;border-radius:50%}.wheel-left{left:0}.wheel-right{right:0}.mower-handle{position:absolute;right:2px;top:0;width:22px;height:4px;background:#8d1e18;border:2px solid #172015;border-radius:4px;transform-origin:right center;transform:rotate(-28deg)}.countdown{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:max(80px,12vh)}@media(max-height:460px)and (orientation:landscape){.countdown{justify-content:center;padding-top:0}.countdown-center{gap:12px;transform:scale(.75)}.countdown-number{font-size:clamp(64px,18vh,120px)}.countdown-caption{font-size:14px}.light{width:38px;height:38px;border-width:2px}}.countdown-backdrop{position:absolute;inset:0;background:#17201559;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .25s ease-out both}.countdown-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.countdown-lights{display:flex;justify-content:center;align-items:center;gap:14px;padding:14px 20px;background:#172015;border:2px solid #2f3c24;border-radius:14px;box-shadow:0 6px #00000040;animation:pop-in .35s ease-out both}.light{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:#25301e;border:3px solid #0f160d;box-shadow:inset 0 4px 8px #00000059;transition:background .12s ease,border-color .12s ease}.light.on{background:#ffcf4d;border-color:#fff5d6}.light.red.on{background:#ff3b3b;border-color:#ffd1d1}.light.yellow.on{background:#ffcf4d;border-color:#fff5d6}.light.green.on{background:#5cad42;border-color:#d4f2c9}.countdown-number{font-size:clamp(96px,26vw,180px);font-weight:950;line-height:1;color:#f5f0ca;text-shadow:0 6px 0 #172015,0 12px 20px rgba(0,0,0,.3);animation:countdown-tick .95s ease-out both}.countdown-number.go{animation:countdown-go .7s cubic-bezier(.34,1.56,.64,1) both}.countdown-caption{margin:12px 0 0;font-size:16px;font-weight:900;color:#f5f0ca;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 0 #172015;animation:fade-in .35s ease-out both}@keyframes logo-pop{0%{opacity:0;transform:translateY(18px) scale(.7) rotate(-8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes mower-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes countdown-tick{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(.92)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes countdown-go{0%{opacity:0;transform:scale(.5) rotate(-8deg)}60%{opacity:1;transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}@media(max-width:420px){.mower-icon{width:48px;height:30px;margin-bottom:6px}.mower-body{left:3px;top:9px;width:31px;height:15px}.mower-wheel{width:12px;height:12px}.mower-wheel:after{width:4px;height:4px;margin:-2px 0 0 -2px}.mower-handle{width:18px}.light{width:42px;height:42px}}