.crop-guard-page{background:#f4eddf}.crop-main{padding:clamp(1rem,3vw,2.8rem) 0 4rem}.crop-intro{max-width:880px;margin:1rem 0 1.3rem}.crop-intro h1{font-size:clamp(2.4rem,7vw,5rem);color:#153d2d}.crop-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(270px,350px);gap:1.3rem;justify-content:center;align-items:start}.crop-scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;padding:.55rem;margin-bottom:.65rem;border-radius:13px;background:#122e22;color:#fff}.crop-scoreboard div{padding:.5rem;border:1px solid #ffffff38;border-radius:8px;background:#ffffff0c}.crop-scoreboard span{display:block;color:#e5c26e;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.crop-scoreboard strong{font:700 clamp(.85rem,3vw,1.25rem) Georgia,serif}.crop-board{position:relative;width:min(100%,700px);margin:auto;padding:9px;border:4px solid #6e4a2e;border-radius:17px;background-image:linear-gradient(#102d22aa,#102d22e8),url("/assets/images/wellness/heartworks-field-dusk.webp");background-size:cover;background-position:center;box-shadow:0 18px 45px #11281e44}.crop-board canvas{display:block;width:100%;aspect-ratio:14/15.2;border:2px solid #d7b96e;border-radius:9px;background:rgba(8,37,27,.48);touch-action:none;outline:none}.crop-board canvas:focus-visible{outline:4px solid #f0c867;outline-offset:4px}.crop-board-label{position:absolute;right:18px;bottom:17px;padding:.25rem .5rem;border-radius:999px;background:#0c241dcc;color:#f2deb0;font-size:.6rem}.crop-mobile-controls{display:grid;grid-template-columns:1fr 130px;gap:.6rem;align-items:end;width:min(100%,700px);margin:.7rem auto}.crop-mobile-controls span{display:block;font-size:.68rem;font-weight:900;text-transform:uppercase}.crop-move{--crop-x:50%;position:relative;height:68px;border:2px solid #8c7656;border-radius:13px;background:#f5e7c3;touch-action:none}.crop-move:before{content:"";position:absolute;left:16px;right:16px;top:50%;height:7px;background:#ad9266;border-radius:8px}.crop-move:after{content:"";position:absolute;left:clamp(28px,var(--crop-x),calc(100% - 28px));top:50%;width:55px;height:38px;transform:translate(-50%,-42%);border:3px solid #604126;border-radius:5px;background:repeating-linear-gradient(90deg,#98703e 0 10px,#d0a15b 10px 18px)}.crop-fire{height:68px;border:2px solid #754827;border-radius:13px;background:#dbad52;color:#183729;font-weight:950;text-transform:uppercase;box-shadow:0 5px 0 #754827;touch-action:none}.crop-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem}.crop-actions button{min-height:48px}.crop-secondary{display:flex;gap:.5rem;margin-top:.55rem}.crop-secondary p{flex:1;min-height:46px;margin:0;padding:.65rem;border-left:4px solid #c6953f;background:#eee0c1}.crop-secondary button{min-height:46px;border:1px solid #8c816e;background:#fffaf0}.crop-sidebar{display:grid;gap:1rem}.crop-panel{padding:1rem;border:1px solid #cdbb9c;border-radius:12px;background:#fffaf0;box-shadow:var(--shadow-soft)}.crop-panel h2,.crop-panel legend{font:700 1.25rem Georgia,serif;color:#174431}.crop-panel fieldset{border:0;padding:0}.crop-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.crop-options label{position:relative}.crop-options input{position:absolute;opacity:0}.crop-options span{display:grid;place-items:center;min-height:48px;border:1px solid #8f8068;border-radius:7px}.crop-options input:checked+span{background:#1d4b36;color:#fff}.crop-options input:focus-visible+span{outline:3px solid #d3a342}.crop-harvest{font-size:2rem;color:#4a7b45;letter-spacing:.2em}.crop-panel dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem}.crop-panel dt,.crop-panel dd{margin:0}@media(max-width:899px){.crop-layout{grid-template-columns:1fr}.crop-sidebar{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.crop-scoreboard{gap:.2rem;padding:.35rem}.crop-scoreboard div{padding:.35rem .2rem;text-align:center}.crop-mobile-controls{grid-template-columns:minmax(0,1fr) 105px}.crop-actions{grid-template-columns:1fr 1fr}.crop-actions [data-crop-start]{grid-column:1/-1}.crop-secondary{flex-direction:column}.crop-sidebar{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.crop-board *{animation:none!important;transition:none!important}}
