.groksnake-body .cz-status { background: linear-gradient(135deg, rgba(125,255,176,.16), rgba(125,255,176,.03)); border-color: rgba(125,255,176,.4); font-family: Gluten, sans-serif; }
.groksnake-body .gs-k.ac { background: linear-gradient(180deg, #7dffb0, #2a9a5a); color: #0c0618; }
.groksnake-body .cz-app.game-wrap { max-height: 100dvh; overflow: hidden; box-sizing: border-box; }
.groksnake-body .cz-main { min-height: 0; overflow: hidden; }
.groksnake-body .cz-left.panel, .groksnake-body .cz-right.panel { max-height: 100%; overflow: auto; }
.groksnake-body #cv { background: #060818; border-radius: 14px; box-shadow: 0 0 24px rgba(125,255,176,.25), inset 0 0 40px rgba(0,0,0,.6); }
.gt-nav { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin:4px 0 4px; }
.gt-acts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin:0 0 4px; }
.gt-b { font:700 .72rem Gluten,sans-serif; padding:6px 2px; border-radius:8px; border:1px solid rgba(125,255,176,.4); background:#0a1a24; color:#c9f3ff; cursor:pointer; touch-action:none; user-select:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gt-b b { color:#ffe14f; }
.gt-b:active, .gt-b.on { background:#b07cff; color:#0c0618; }
.gt-b.dim { opacity:.4; }
.gt-hint { margin:0 0 6px; font:600 .72rem Gluten,sans-serif; color:#c9f3ff; min-height:2.2em; line-height:1.25; }
@media (max-height: 700px) { .gt-b { padding:4px 2px; font-size:.66rem; } .gt-hint { font-size:.64rem; margin:0 0 3px; } }
@media (max-height: 640px) { .gt-hint { display:none; } }
@media (max-height: 700px) { .groksnake-body .cz-status { max-height: 3.9em; overflow: hidden; } }