.grokadnd-body .cz-status { background: linear-gradient(135deg, rgba(60,70,110,.55), rgba(20,24,40,.55)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; font-family: Inter, system-ui, sans-serif; font-weight: 500; color: #e8eeff; transition: background .3s; }
.grokadnd-body .gs-k.ac { background: linear-gradient(180deg, #ffcf5a, #9a6a1a); color: #0c0618; }
.grokadnd-body .cz-app.game-wrap { max-height: 100dvh; overflow: hidden; box-sizing: border-box; }
.grokadnd-body .cz-main { min-height: 0; overflow: hidden; }
.grokadnd-body .cz-left.panel, .grokadnd-body .cz-right.panel { max-height: 100%; overflow: auto; }
.grokadnd-body #cv { background: #0b0e17; border-radius: 16px; box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08), 0 0 40px rgba(122,170,255,.10); }
.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:600 .72rem Inter,system-ui,sans-serif; letter-spacing:.01em; padding:6px 2px; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:linear-gradient(180deg,rgba(52,60,92,.75),rgba(20,24,40,.8)); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow:0 2px 8px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08); color:#e8eeff; transition:background .15s, transform .08s, box-shadow .15s; cursor:pointer; touch-action:none; user-select:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gt-b b { color:#ffd166; font-weight:800; }
.gt-b:hover { box-shadow:0 2px 12px rgba(255,209,102,.18), inset 0 1px 0 rgba(255,255,255,.12); }
.gt-b:active, .gt-b.on { background:linear-gradient(180deg,#ffd166,#e0a530); color:#140f04; transform:translateY(1px); }
.gt-b.dim { opacity:.4; }
.gt-hint { margin:0 0 6px; font:500 .72rem Inter,system-ui,sans-serif; color:#b8c4e4; 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) { .grokadnd-body .cz-status { max-height: 3.9em; overflow: hidden; } }

/* boss intro movie overlay */
.adnd-boss { position: fixed; border-radius: 14px; overflow: hidden; z-index: 1000; background: #000; display: flex; align-items: center; justify-content: center; }
.adnd-boss video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.adnd-boss-name { position: absolute; left: 0; right: 0; bottom: 8%; text-align: center; color: #ffd27a; font: 700 clamp(14px, 3vw, 28px) var(--gg-font, sans-serif); text-shadow: 0 2px 6px #000; pointer-events: none; }
.adnd-boss-skip { position: absolute; right: 10px; top: 10px; padding: 6px 12px; border-radius: 8px; border: 1px solid #ffd27a; background: rgba(0,0,0,.6); color: #ffd27a; cursor: pointer; font-weight: 700; }

/* modern glass look for the page around the board */
.grokadnd-body { font-family: Inter, system-ui, sans-serif; }
.grokadnd-body .cz-left.panel, .grokadnd-body .cz-right.panel { background: linear-gradient(180deg, rgba(30,36,58,.55), rgba(12,15,26,.55)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; }
.grokadnd-body .gt-nav .gt-b, .grokadnd-body .gs-k { border-radius: 12px; }
.grokadnd-body .cz-hud, .grokadnd-body .hud { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.grokadnd-body .gs-k { background: linear-gradient(180deg, rgba(58,68,104,.85), rgba(22,26,44,.9)) !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: 0 4px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10) !important; color: #eef2fb !important; font-family: Inter, system-ui, sans-serif !important; transition: transform .08s, background .15s; }
.grokadnd-body .gs-k.ac { background: linear-gradient(180deg, #ffd166, #d99a26) !important; color: #140f04 !important; }
.grokadnd-body .gs-k:active, .grokadnd-body .gs-k.on { transform: translateY(1px) scale(.98); background: linear-gradient(180deg, #ffd166, #d99a26) !important; color: #140f04 !important; }