/* Kai Studio shell for Galife. Sits inside Galife's footer strip (40px desktop, 36px phone, 24px short landscape),
   taking the slot of the decorative middle text, so it never covers the scene, docks, panels or the social button. */
footer:has(> #kai-shell) > span:nth-child(2) { display: none; }
#kai-shell { display: flex; align-items: center; gap: 6px; font: 600 12px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: 0; }
#kai-shell.kai-float { position: fixed; right: max(12px, env(safe-area-inset-right)); bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 2147483000; }
#kai-shell .kai-btn { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2); background: rgba(10,12,20,.72); color: #fff; text-decoration: none; cursor: pointer; font: inherit; white-space: nowrap; }
#kai-shell .kai-btn:hover { border-color: #ff6a00; }
#kai-shell .kai-btn:focus-visible { outline: 2px solid #ffb347; outline-offset: 2px; }
#kai-shell .kai-back { background: #ff6a00; border-color: #ff6a00; color: #120700; }
#kai-shell .kai-btn[hidden] { display: none; }
#kai-shell .kai-dialog { width: min(440px, calc(100vw - 32px)); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: #12161e; color: #f4f5f7; padding: 22px; font: 400 15px/1.55 system-ui, sans-serif; }
#kai-shell .kai-dialog::backdrop { background: rgba(4,6,10,.7); }
#kai-shell .kai-dialog h2 { margin: 0 0 6px; font-size: 20px; }
#kai-shell .kai-dialog p { margin: 0 0 12px; color: #cfd5de; }
#kai-shell .kai-status { color: #9ff0c0 !important; min-height: 22px; font-size: 14px; }
#kai-shell .kai-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
#kai-shell .kai-end { justify-content: flex-end; margin-bottom: 0; }
#kai-shell .kai-primary { background: #ff6a00; border-color: #ff6a00; color: #120700; }
#kai-shell .kai-primary:disabled { opacity: .45; cursor: not-allowed; }
#kai-shell .kai-small { font-size: 13px; color: #9aa3b2 !important; margin: 14px 0 6px !important; }
#kai-shell .kai-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 13px; }
@media (max-width: 760px) { footer:has(> #kai-shell) > span:last-child { display: none; } #kai-shell .kai-btn { height: 26px; padding: 0 9px; } #kai-shell .kai-full .kai-label, #kai-shell .kai-prog .kai-label { display: none; } }
@media (max-height: 520px) { #kai-shell .kai-btn { height: 20px; padding: 0 8px; font-size: 11px; } }