@import "tailwindcss";

/* Ensure terminal takes full height */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
canvas#crt-renderer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #f0f0f0;
  z-index: 200;
  pointer-events: none;
}
.tp-dfwv {
  z-index: 1000;
  /* visibility: hidden; */
}

#terminal-container {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
/* Basic scrollbar styling (optional) */
.xterm-viewport::-webkit-scrollbar {
  width: 8px;
}
.xterm-viewport::-webkit-scrollbar-track {
  background: #374151; /* bg-gray-700 */
}
.xterm-viewport::-webkit-scrollbar-thumb {
  background-color: #6b7280; /* bg-gray-500 */
  border-radius: 4px;
  border: 2px solid #374151; /* bg-gray-700 */
}
/* Style the input to look seamless */
.terminal-input {
  caret-color: white; /* Make cursor visible */
  font-family: inherit; /* Inherit font from container */
  font-size: inherit; /* Inherit font size */
  line-height: inherit; /* Inherit line height */
  color: inherit; /* Inherit text color */
}
.terminal-input:focus {
  outline: none; /* Remove focus outline */
  border: none; /* Remove focus border */
}
.xterm-link-layer {
  width: 100vw !important;
  height: 100vh !important;
}

@font-face {
  font-family: "ModernDOS";
  src: url("./assets/fonts/ModernDOS8x16.ttf") format("truetype");
  font-display: swap;
}
