@font-face {
    font-family: 'mononoki';
    src: url('mononoki.ttf') format('truetype');
}

body, html {
    margin: 0; padding: 0;
    background: #000; color: #fff;
    font-family: 'mononoki', monospace;
    font-size: 16px; overflow: hidden;
    height: 100vh; image-rendering: pixelated;
	
}

#crt-screen {
    position: relative; height: 100vh; width: 100vw;
    background: #050505; display: flex; justify-content: center; align-items: center;
}

#terminal-padding {
    position: relative; width: 92%; height: 88%;
    padding: 30px; background: #000;
    box-shadow: inset 0 0 60px rgba(255,255,255,0.05);
    border-radius: 30px; border: 12px solid #1a1a1a;
    overflow-y: auto; scrollbar-width: none;
    display: flex; flex-direction: column;
}


#terminal {
  white-space: pre-wrap;
  word-break: break-all; /* или keep-all, как вам нужно */
  font-family: mononoki, monospace;
}

/* Специальный класс для красного текста BIOS */
.text-red {
    color: #f00 !important;
    text-shadow: 0 0 5px #f00;
}

/* Стили для логотипа */
#logo-container {
    padding-bottom: 20px; /* Отступ между лого и текстом */
}
#logo-container img {
    max-width: 250px;
    /* Если изображение не красное по умолчанию, этот фильтр сделает его красным */
    filter: invert(14%) sepia(97%) saturate(7351%) hue-rotate(356deg) brightness(100%) contrast(124%); 
}

.hidden { display: none !important; }

.line { line-height: 1.4; color: green !important; text-shadow: 0 0 5px green; }

#cmd-input {
    background: transparent; border: none; color: green !important;
    font-family: 'mononoki', monospace; font-size: 16px;
    outline: none; width: 60%; caret-color: green;
}

.prog-link { color: green; cursor: pointer; text-decoration: underline; }
.prog-link:hover { background: green; color: #000 !important; }

.card { border: 1px solid #fff; padding: 15px; margin: 10px 0; display: inline-block; }

.game-canvas {
    color: #0f0 !important;
    background: #000;
    padding: 8px;
    border: 1px solid #0a0;
    margin: 4px 0;
}

.prompt-line {
  display: flex;
  align-items: center;
  min-height: 1.4em; /* гарантирует высоту строки */
  white-space: pre;
  font-family: monospace;
}

.prompt-line input {
  background: transparent;
  border: none;
  color: green;
  font-family: monospace;
  font-size: inherit;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  /* Чтобы курсор был виден */
  caret-color: green;
}