.crop-rows-page{margin:0;background:#36563c;color:#fff7dc;min-width:0;font-family:system-ui,sans-serif;background-image:linear-gradient(135deg,#ffffff05 25%,transparent 25%),linear-gradient(315deg,#00000009 25%,transparent 25%);background-size:24px 24px}
.crop-rows-page *{box-sizing:border-box}
.crop-rows-page [hidden]{display:none!important}
.crop-rows-shell{width:100%;max-width:480px;min-width:0;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) calc(100px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));overflow-wrap:anywhere}
.crop-rows-page button,.crop-rows-page a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.crop-rows-page button,.crop-rows-topbar a,.crop-rows-button,.crop-rows-field-link{min-width:44px;min-height:44px;border-radius:7px;padding:10px 12px;cursor:pointer}
.crop-rows-page button{border:2px solid #6b573a;background:#fff1cf;color:#3d3327;font-weight:700}
.crop-rows-page button:disabled{opacity:.6;cursor:default}
.crop-rows-page a{color:inherit;text-decoration:none}
.crop-rows-page :focus-visible{outline:3px solid #ffd878;outline-offset:4px}
.crop-rows-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem}
.crop-rows-topbar button{background:#28432e;color:#fff7dc;border-color:#a2b579}
.crop-rows-sign{text-align:center;margin:20px auto 14px;padding:15px 12px 10px;background:#e3b877;border:4px solid #61412c;box-shadow:0 4px 0 #243d2b,inset 0 3px #f7dca3;color:#422d22;border-radius:4px}
.crop-rows-sign p{font-size:.66rem;letter-spacing:.13em;font-weight:800;margin:0 0 3px}
.crop-rows-sign h1{font-family:ui-monospace,monospace;font-weight:900;font-size:clamp(2rem,8vw,2.8rem);line-height:1.1;margin:4px 0 8px;text-shadow:2px 2px #f7dca3}
.crop-rows-sign>span{font-size:1.3rem}
.crop-rows-card{padding:20px;text-align:center;background:#294831;border:2px solid #9baa72;border-radius:10px}
.crop-rows-card h2{font-size:1.3rem;color:inherit}
.crop-rows-button{display:inline-flex;align-items:center;justify-content:center;background:#edcd87!important;color:#3d3327!important;border:2px solid #685237!important;font-weight:800;box-shadow:0 3px 0 #203b29}
.crop-rows-notice{min-height:1.4em;font-size:.88rem;margin:8px 0;color:#ffe3a3}
.crop-rows-lobby-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.crop-rows-lobby-heading h2{font-size:1.2rem;color:inherit;margin:0}
.crop-rows-fields{display:grid;gap:10px;min-width:0}
.crop-rows-field-link{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%;text-align:left;background:#fff2d5;color:#46362b!important;border:2px solid #bd9a60;box-shadow:0 3px 0 #243d2b;overflow-wrap:anywhere}
.crop-rows-field-link span{font-size:.84rem}
.crop-rows-back{background:transparent!important;border-color:transparent!important;color:#fff0c3!important;box-shadow:none;font-size:.88rem!important}
.crop-rows-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.crop-rows-player{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:7px;align-content:center;min-width:0;padding:10px 8px;border:2px solid #7b9369;border-radius:8px;background:#294831}
.crop-rows-player.is-turn{border-color:#f8d87e;background:#476242;box-shadow:0 0 0 2px #203b29}
.crop-rows-crop{font-size:30px;grid-row:span 2;align-self:center}
.crop-rows-player strong{font-size:.85rem;overflow-wrap:anywhere;line-height:1.25}
.crop-rows-player small{font-size:.75rem;color:#dfdfbb;margin-top:4px}
.crop-rows-turn{font-size:1.12rem;line-height:1.4;text-align:center;color:#fff3cb;margin:14px 0;min-height:1.5em}
.crop-rows-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;max-width:354px;margin:0 auto;padding:10px;background:#b88e59;border:4px solid #64482f;border-radius:6px;box-shadow:0 5px 0 #243d2b,inset 0 3px #e3bb7d}
.crop-rows-page .crop-rows-cell{width:100%;min-width:44px;min-height:64px;aspect-ratio:1;padding:0;border:3px solid #65402c;border-radius:4px;background-color:#9d6847;background-image:url('/farmdew/pixel/v1/phase1/soil.png');background-size:64px 64px;image-rendering:pixelated;font-size:clamp(1.9rem,9vw,3.3rem);line-height:1;box-shadow:inset 0 3px #00000025,0 2px #e4bc80;text-shadow:0 3px #422918}
.crop-rows-cell[aria-disabled="true"]{cursor:default}
.crop-rows-cell[aria-disabled="false"]{border-color:#e7c380}
.crop-rows-page .crop-rows-cell.is-winning{border-color:#ffeb8d;box-shadow:inset 0 0 0 3px #d5db82,0 0 0 2px #ffe795}
.crop-rows-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:22px}
.crop-rows-rules{text-align:center;font-size:.83rem;line-height:1.5;color:#f0e7c8;padding-top:16px}
.crop-rows-rules small{color:#d6dbbc}
.crop-rows-friends{width:calc(100% - 24px);max-width:430px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:18px;color:#fff5d4;background:#36563c;border:3px solid #c7a977;border-radius:12px;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere}
.crop-rows-friends::backdrop{background:#0b1c12b8}
.crop-rows-friends header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.crop-rows-friends h2{color:inherit;margin:0;font-size:1.3rem}
.crop-rows-friends>.crop-rows-button{margin-top:16px}
@media(max-width:350px){.crop-rows-shell{padding-left:12px;padding-right:12px}.crop-rows-player{grid-template-columns:30px minmax(0,1fr);padding:8px 5px;gap:5px}.crop-rows-crop{font-size:26px}.crop-rows-board{padding:8px;gap:6px}}
