.grokquest-body .cz-status { background: linear-gradient(135deg, rgba(90,200,255,.18), rgba(90,200,255,.04)); border-color: rgba(90,200,255,.4); }
.grokquest-body .gs-k.ac { background: linear-gradient(180deg, #ffd24a, #c88a10); color: #1a1000; }
.grokquest-body .cz-app.game-wrap { max-height: 100dvh; overflow: hidden; box-sizing: border-box; }
.grokquest-body .cz-main { min-height: 0; overflow: hidden; }
.grokquest-body .cz-left.panel, .grokquest-body .cz-right.panel { max-height: 100%; overflow: auto; }
.gq-acts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:4px 0 6px; }
.gq-a { font:700 .76rem Gluten,sans-serif; padding:8px 2px; border-radius:10px; border:1px solid rgba(90,200,255,.35);
  background:linear-gradient(180deg,#24506a,#163448); color:#e8f6ff; cursor:pointer; touch-action:none; user-select:none; }
.gq-a.sword { border-color: rgba(255,210,74,.5); background:linear-gradient(180deg,#6a5420,#3e300c); }
.gq-a:active, .gq-a.on { background:linear-gradient(180deg,#7ad4ff,#2a8ac0); color:#03141f; }
.gq-items { display:flex; flex-wrap:wrap; gap:3px; margin:0 0 4px; }
.gq-slot { appearance:none; cursor:pointer; font:600 .66rem Gluten,sans-serif; padding:3px 6px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.28); color:#d4ecff; }
.gq-slot.on { border-color:#ffe14f; color:#1a1000; background:linear-gradient(180deg,#ffe14f,#d0a020); }
.gq-slot.empty { opacity:.5; border-style:dashed; }
.gq-inv { margin:0 0 3px; font:600 .74rem Gluten,sans-serif; color:#ffe9a0; }
.gq-hint { margin:0 0 6px; font:600 .76rem Gluten,sans-serif; color:#9de4ff; min-height:2.2em; line-height:1.25; }
@media (max-height: 700px) {
  .gq-acts { margin:2px 0 3px; gap:2px; } .gq-a { padding:5px 2px; font-size:.7rem; border-radius:8px; }
  .gq-items { margin:0 0 2px; gap:2px; } .gq-slot { padding:2px 4px; font-size:.6rem; }
  .gq-hint { margin:0 0 3px; font-size:.68rem; min-height:1.6em; } .gq-inv { font-size:.66rem; }
}
@media (max-height: 620px) { .gq-hint, .gq-inv { display:none; } }
@media (max-height: 660px) { .gq-inv { display:none; } .gq-hint { min-height:0; } }