:root{color-scheme:light;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#4a7c3f;color:#2d1b0e;overflow-x:hidden}.game{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(180deg,#6db35a,#4a7c3f 40%,#3d6833)}.hud{width:100%;max-width:480px;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d1b0ed9;border-radius:12px;color:#fafafa;margin-bottom:1rem;flex-shrink:0}.hud-section{display:flex;flex-direction:column;align-items:center;gap:.15rem}.hud-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;opacity:.7}.hud-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.hud-value.timer{color:#ffb347}.hud-value.timer.danger{color:#ff6b6b;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.basket-bar-wrap{width:100%;max-width:480px;margin-bottom:1rem;flex-shrink:0}.basket-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:#fafafa;margin-bottom:.3rem;font-weight:600}.basket-bar{height:14px;background:#0000004d;border-radius:7px;overflow:hidden;border:2px solid rgba(45,27,14,.4)}.basket-bar-fill{height:100%;background:linear-gradient(90deg,#ff9a3c,#ff6b00);border-radius:5px;transition:width .3s ease}.basket-bar-fill.full{background:linear-gradient(90deg,gold,#fa0)}.garden{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:420px;flex-shrink:0}.plot{aspect-ratio:1;border:none;border-radius:10px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:2.2rem;transition:transform .1s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.plot:active{transform:scale(.92)}.plot.dirt{background:linear-gradient(145deg,#8b6914,#6b4f0e);box-shadow:inset 0 2px 6px #0000004d,0 2px 4px #0003}.plot.dirt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 6px)}.plot.carrot{background:linear-gradient(145deg,#a07828,#7a5a18);box-shadow:inset 0 2px 6px #0000004d,0 2px 4px #0003}.plot.weed{background:linear-gradient(145deg,#6b8a3a,#4e6b28);box-shadow:inset 0 2px 6px #0000004d,0 2px 4px #0003}.plot.empty{background:linear-gradient(145deg,#7a5c2a,#5c4418);box-shadow:inset 0 2px 8px #0006;cursor:default}.plot.harvested{animation:harvestPop .35s ease-out}@keyframes harvestPop{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.plot.weed-hit{animation:weedShake .3s ease-out}@keyframes weedShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.float-score{position:absolute;font-size:1rem;font-weight:800;pointer-events:none;animation:floatUp .7s ease-out forwards;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.5)}.float-score.positive{color:gold}.float-score.negative{color:#f44}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.3)}}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:100;padding:1rem}.screen-card{background:#faf4e8;border-radius:20px;padding:2.5rem 2rem;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0006;border:4px solid #c4a35a}.screen-card h1{font-size:2rem;margin-bottom:.25rem;color:#d35400}.screen-card h2{font-size:1.5rem;margin-bottom:.5rem;color:#2d1b0e}.screen-card .subtitle{font-size:.95rem;color:#6b5a3e;margin-bottom:1.5rem}.carrot-icon{font-size:3.5rem;margin-bottom:.5rem;display:block}.stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.5rem 0}.stat-box{background:#2d1b0e14;border-radius:10px;padding:.75rem .5rem}.stat-box .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#8a7a5e;display:block;margin-bottom:.2rem}.stat-box .value{font-size:1.5rem;font-weight:800;color:#2d1b0e}.btn{display:inline-block;padding:.9rem 2.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .15s;text-transform:uppercase;letter-spacing:.05em}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#ff8c00,#e67600);color:#fff;box-shadow:0 4px 15px #e6760066}.btn-primary:hover{box-shadow:0 6px 20px #e6760080}.btn-secondary{background:#2d1b0e1a;color:#5a4a30;margin-top:.5rem}.combo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:gold;text-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none;z-index:50;animation:comboIn .6s ease-out forwards}@keyframes comboIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.difficulty-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.diff-btn{padding:.5rem 1rem;border:2px solid #c4a35a;border-radius:8px;background:transparent;font-size:.85rem;font-weight:600;cursor:pointer;color:#5a4a30;transition:all .15s}.diff-btn.active{background:#d35400;color:#fff;border-color:#d35400}@media(max-width:400px){.garden{gap:6px}.plot{font-size:1.6rem;border-radius:8px}.hud{padding:.5rem .75rem}}