:root{
  --kali-blue:#255fb3;
  --kali-bg:#0b0e14;
  --kali-panel: rgba(12,14,18,0.85);
  --kali-panel-strong: rgba(12,14,18,0.95);
  --kali-text:#e8e8e8;
  --kali-muted:#9aa5b1;
  --shadow: 0 8px 24px rgba(0,0,0,0.35);
  --radius: 10px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; padding:0; }
html,body{ overflow:hidden; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans", "Liberation Sans", sans-serif; color:var(--kali-text); background:#000; }

.screen{ position:fixed; inset:0; display:none; }
.screen.visible{ display:block; }

/* Boot */
#boot-screen video{ width:100%; height:100%; object-fit:cover; background:#000; }

/* Modal */
.modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,0.85); z-index:10000; }
.modal .modal-content{ background:var(--kali-panel-strong); border:1px solid #1e2733; padding:22px; border-radius:var(--radius); box-shadow:var(--shadow); width:min(92vw,520px); }
.modal .modal-actions{ margin-top:16px; display:flex; gap:12px; justify-content:flex-end; }
.btn-ghost{ background:transparent; border:1px solid #263241; color:var(--kali-text); padding:8px 14px; border-radius:8px; cursor:pointer; }
.btn-ghost:hover{ background:#0f3b88; color:#fff; }