.grokdew-body { --ink: #1a2e1f; }
.grokdew-body .cz-status { background: linear-gradient(135deg, rgba(60,160,90,.18), rgba(60,160,90,.04)); border-color: rgba(60,160,90,.4); }
.gs-k.ac { background: linear-gradient(180deg, #5ad47a, #2a8a48); }
.grokdew-body .cz-app.game-wrap { max-height: 100dvh; overflow: hidden; box-sizing: border-box; }
.grokdew-body .cz-main { min-height: 0; overflow: hidden; }
.grokdew-body .cz-left.panel, .grokdew-body .cz-right.panel { max-height: 100%; overflow: auto; }

.dew-farm-acts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:4px 0 6px; }
.dew-fa { font:700 .78rem Gluten,sans-serif; padding:8px 4px; border-radius:10px; border:1px solid rgba(61,255,138,.35);
  background:linear-gradient(180deg,#2a6a3a,#1a4024); color:#e8ffe8; cursor:pointer; }
.dew-fa:active, .dew-fa.on { background:linear-gradient(180deg,#5ad47a,#2a8a48); color:#031a0c; }
.dew-hotbar { display:flex; flex-wrap:wrap; gap:3px; margin:0 0 4px; }
.dew-hb { font:600 .68rem Gluten,sans-serif; padding:3px 6px; border-radius:8px; border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.28); color:#cfe8d4; }
.dew-hb.on { border-color:#3dff8a; color:#031a0c; background:linear-gradient(180deg,#3dff8a,#18b860); }
.dew-hb.seed { border-color:#ffe14f; color:#ffe14f; }
.dew-hint { margin:0 0 6px; font:600 .78rem Gluten,sans-serif; color:#9dffb8; min-height:2.2em; line-height:1.25; }
.dew-tut { background:rgba(3,20,12,.92); border:1px solid rgba(61,255,138,.4); border-radius:12px; padding:8px 10px; margin:0 0 8px; font:600 .78rem Gluten,sans-serif; color:#e8ffe8; }
.dew-tut ol { margin:6px 0; padding-left:1.2em; }
.dew-tut li.done { color:#5ad47a; text-decoration:line-through; }
.dew-tut li.next { color:#ffe14f; font-weight:800; }

/* Compact farm chrome on short viewports so pad stays on-screen */
@media (max-height: 700px) {
  .dew-farm-acts { margin: 2px 0 3px; gap: 2px; }
  .dew-fa { padding: 5px 2px; font-size: .7rem; border-radius: 8px; }
  .dew-hotbar { margin: 0 0 2px; gap: 2px; }
  .dew-hb { padding: 2px 4px; font-size: .62rem; }
  .dew-hint { margin: 0 0 3px; font-size: .68rem; min-height: 1.6em; }
  .dew-tut { padding: 4px 6px; margin: 0 0 4px; font-size: .68rem; }
  .dew-tut ol { margin: 3px 0; }
}
@media (max-height: 620px) {
  .dew-tut { display: none; }
  .dew-hint { display: none; }
}
.dew-hb.empty { opacity: .55; border-style: dashed; }
.dew-hotbar .dew-hb { cursor: pointer; font:600 .65rem Gluten,sans-serif; }
button.dew-hb { appearance: none; }
@media (max-height: 680px) {
  .dew-hb.empty { display: none; }
  .dew-hotbar .dew-hb.seed { display: none; }
}