/* LAS APLICACIONES: Messenger, correo, consola, explorador y el navegador con toda su red */

/* ═══════════════════════════════════════════════════════════════════════════
   Aplicaciones (antes apps.css)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Messenger (Windows Messenger / MSN style) */
.messenger-app {
  display: flex;
  width: 100%;
  height: 100%;
  background: #ece9d8;
  font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
  color: #000;
  font-size: 11px;
}

.messenger-sidebar {
  flex: 0 1 160px;
  min-width: 92px;
  background: #d4d0c8;
  border-right: 2px solid #808080;
  display: flex;
  flex-direction: column;
}

.messenger-brand {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  background: linear-gradient(90deg, #000080, #1084d0);
  color: #fff;
  font-size: 11px;
  border-bottom: 1px solid #808080;
}

.messenger-contacts {
  flex: 1;
  overflow-y: auto;
  background: #fff;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  margin: 2px;
}

.messenger-contact {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  cursor: var(--cursor-pointer), pointer;
  border-bottom: 1px solid #e0e0e0;
}

.messenger-contact:hover {
  background: #e8f0ff;
}

.messenger-contact.active {
  background: #000080;
  color: #fff;
}

.messenger-contact.unknown .messenger-contact-name {
  color: #b00000;
  font-weight: bold;
}

.messenger-contact.active.unknown .messenger-contact-name {
  color: #ff8080;
}

.messenger-avatar {
  width: 24px;
  height: 24px;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,0.3);
}

.messenger-avatar.small {
  width: 20px;
  height: 20px;
  font-size: 11px;
}

.messenger-contact-info {
  flex: 1;
  min-width: 0;
}

.messenger-contact-name {
  font-weight: bold;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messenger-contact-sub {
  font-size: 9px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.messenger-contact.active .messenger-contact-sub {
  color: #cfd8ff;
}

.messenger-status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(0,0,0,0.3);
}
.messenger-status-online { background: #3fbf3f; }
.messenger-status-away { background: #f5b800; }
.messenger-status-offline { background: #888; }

.messenger-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.messenger-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  background: #d4d0c8;
  border-bottom: 2px solid #808080;
}

.messenger-header-name {
  font-weight: bold;
  font-size: 12px;
}

.messenger-header-sub {
  font-size: 9px;
  color: #555;
}

.messenger-typing-indicator {
  color: #008000;
  font-size: 9px;
  font-style: italic;
  margin-left: auto;
}

.messenger-thread {
  flex: 1;
  overflow-y: auto;
  padding: 6px;
  background: #fff;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  margin: 2px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.messenger-msg {
  display: flex;
  max-width: 85%;
  flex-direction: column;
  gap: 2px;
}

.messenger-history-date {
  align-self: center;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 92%;
  margin: 5px 0 3px;
  color: #777;
  font: italic 9px Tahoma, sans-serif;
  text-align: center;
}
.messenger-history-date::before,
.messenger-history-date::after { content: ''; flex: 1; border-top: 1px solid #ddd; }
.messenger-history-date span { padding: 1px 5px; background: #f7f7f7; border: 1px solid #e3e3e3; }

.messenger-msg-them {
  align-self: flex-start;
}

.messenger-msg-me {
  align-self: flex-end;
}

.messenger-bubble {
  padding: 5px 8px;
  line-height: 1.35;
  word-break: break-word;
  font-size: 11px;
}

.messenger-msg-them .messenger-bubble {
  background: #eef1f5;
  border: 1px solid #cfd6e0;
  color: #000;
}

.messenger-msg-me .messenger-bubble {
  background: #cfe9ff;
  border: 1px solid #9fcdf0;
  color: #002a44;
}

.chat-link {
  color: #0055cc;
  text-decoration: underline;
  cursor: pointer;
}
.chat-link:hover {
  color: #003399;
}

.messenger-replies {
  flex-shrink: 0;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: #d4d0c8;
  border-top: 2px solid #808080;
  max-height: 40%;
  overflow-y: auto;
}

.messenger-reply-btn {
  text-align: left;
  padding: 5px 10px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080;
  cursor: var(--cursor-pointer), pointer;
  color: #000;
  font-size: 11px;
  font-family: inherit;
}

.messenger-reply-btn:hover {
  background: #d4d4d4;
}

.messenger-reply-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
  box-shadow: inset -1px -1px 0 #dfdfdf, inset 1px 1px 0 #808080;
  padding: 6px 9px 4px 11px;
}

.messenger-reply-btn.disabled {
  opacity: 0.5;
  cursor: var(--cursor-default), default;
  pointer-events: none;
}

.messenger-no-replies {
  color: #666;
  font-style: italic;
  padding: 5px 4px;
  text-align: center;
  font-size: 10px;
}

/* Internet Explorer */
.browser-app {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #c0c0c0;
  font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
  color: #000;
  font-size: 12px;
}

.browser-toolbar {
  flex-shrink: 0;
  background: #c0c0c0;
  border-bottom: 2px solid #808080;
  padding: 3px 4px;
}

.browser-addressbar {
  display: flex;
  align-items: center;
  gap: 4px;
}

.browser-go-btn {
  height: 22px;
  min-width: 24px;
  padding: 0 8px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080;
  cursor: var(--cursor-pointer), pointer;
  color: #000;
  font-size: 11px;
}

.browser-go-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
  box-shadow: inset -1px -1px 0 #dfdfdf, inset 1px 1px 0 #808080;
}

.browser-addr-label {
  color: #333;
  padding: 0 2px;
}

.browser-address-input {
  flex: 1;
  height: 22px;
  padding: 0 6px;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  background: #fff;
  font-size: 12px;
  color: #000;
  min-width: 0;
  outline: none;
}

.browser-page img,
.browser-page iframe,
.browser-page video { max-width: 100%; }

.browser-page {
  flex: 1;
  overflow-y: auto;
  background: #fff;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  margin: 3px;
  text-rendering: optimizeLegibility;
}
.browser-page ::selection { background: #000080; color: #fff; }
.browser-page a:focus-visible,
.browser-page button:focus-visible,
.browser-page input:focus-visible,
.browser-page textarea:focus-visible {
  outline: 1px dotted currentColor;
  outline-offset: 2px;
}
.browser-page--received { animation: browser-page-received 0.18s steps(2, end); }
@keyframes browser-page-received {
  from { opacity: 0.72; transform: translateY(1px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .browser-page--received,
  .forum-post--nuevo,
  .browser-status-led { animation: none; }
}

/* Comunes a toda la red: búsqueda, destino de enlaces y estado del módem. */
.ie-findbar {
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  padding: 3px 4px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
}
.ie-find-label { font-weight: bold; }
.ie-find-input {
  flex: 1 1 auto;
  min-width: 70px;
  height: 22px;
  padding: 2px 5px;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  background: #fff;
  color: #000;
  font: 11px Tahoma, sans-serif;
}
.ie-find-count { flex: 0 0 112px; color: #404040; font-size: 10px; text-align: right; }
.ie-find-nav,
.ie-find-close {
  flex: 0 0 23px;
  width: 23px;
  height: 22px;
  padding: 0;
  border: 2px solid;
  border-color: #fff #000 #000 #fff;
  background: #c0c0c0;
  color: #000;
  font: bold 12px/16px Tahoma, sans-serif;
  cursor: var(--cursor-pointer), pointer;
}
.ie-find-nav:active,
.ie-find-close:active { border-color: #000 #fff #fff #000; }
.ie-findbar button:focus-visible,
.ie-findbar input:focus-visible { outline: 1px dotted #000; outline-offset: 1px; }
.ie-find-hit { padding: 0; background: #ffff00; color: #000; }
.ie-find-hit.is-current { background: #000080; color: #fff; outline: 1px solid #000; }

.browser-statusbar {
  flex: 0 0 24px;
  display: flex;
  align-items: stretch;
  gap: 2px;
  min-height: 24px;
  padding: 0 3px 3px;
  background: #c0c0c0;
}
.browser-status-cell {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 2px 6px;
  border: 1px solid;
  border-color: #808080 #fff #fff #808080;
  background: #c0c0c0;
  color: #222;
  font-size: 10px;
  line-height: 14px;
  white-space: nowrap;
  overflow: hidden;
}
.browser-status-main { flex: 0 1 205px; }
.browser-status-address { flex: 1 1 auto; }
.browser-status-zone-cell { flex: 0 0 104px; justify-content: center; }
.browser-status-text,
.browser-status-link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.browser-status-link { color: #000080; }
.browser-status-led { flex: 0 0 7px; width: 7px; height: 7px; background: #008000; border: 1px solid #004000; }
.browser-statusbar.is-loading .browser-status-led { background: #ffbf00; border-color: #7f5f00; animation: browser-status-pulse .7s steps(2, end) infinite; }
.browser-status-globe { color: #000080; font-size: 12px; }
@keyframes browser-status-pulse { 50% { opacity: .25; } }
.browser-page { scrollbar-width: thin; scrollbar-color: #808080 #dfdfdf; }
.browser-page::-webkit-scrollbar { width: 14px; height: 14px; }
.browser-page::-webkit-scrollbar-track { background: #dfdfdf; }
.browser-page::-webkit-scrollbar-thumb { background: #c0c0c0; border: 2px solid; border-color: #fff #000 #000 #fff; }
@media (max-width: 560px) {
  .browser-status-address { display: none; }
  .browser-status-main { flex: 1 1 auto; }
  .browser-status-zone-cell { flex-basis: 88px; }
  .ie-find-label { display: none; }
  .ie-find-count { flex-basis: 82px; }
}

.browser-home {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 100%;
  padding: 20px;
  text-align: center;
}

.browser-home-gogogle-logo {
  max-height: 52px;
  height: auto;
  width: 80%;
  max-width: 280px;
  image-rendering: auto;
}

.browser-gogogle-logo-img {
  max-height: 40px;
  height: auto;
  width: auto;
  image-rendering: auto;
}

.browser-home-sub {
  color: #555;
  font-size: 11px;
}

.browser-home-search {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  width: 100%;
  max-width: 500px;
  justify-content: center;
}

.browser-home-input {
  width: 100%;
  max-width: 360px;
  min-width: 160px;
  height: 24px;
  padding: 0 8px;
  border: 2px solid;
  border-color: #808080 #ffffff #ffffff #808080;
  background: #fff;
  font-size: 12px;
  outline: none;
}

.browser-home-btn {
  height: 24px;
  padding: 0 14px;
  background: #c0c0c0;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  box-shadow: inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 #808080;
  cursor: var(--cursor-pointer), pointer;
  font-size: 11px;
  flex-shrink: 0;
}

.browser-home-btn:active {
  border-color: #000000 #ffffff #ffffff #000000;
  box-shadow: inset -1px -1px 0 #dfdfdf, inset 1px 1px 0 #808080;
}

.browser-results {
  padding: 12px 16px;
}

.browser-results-head {
  font-size: 15px;
  font-weight: bold;
  color: #1a5aa0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.browser-result {
  margin-bottom: 14px;
}

.browser-result-title {
  color: #1a0dab;
  font-size: 13px;
  text-decoration: underline;
  cursor: var(--cursor-pointer), pointer;
  display: block;
}

.browser-result-url {
  color: #1a7a1a;
  font-size: 11px;
  margin: 1px 0;
}

.browser-result-desc {
  color: #333;
  font-size: 11px;
  line-height: 1.4;
}

.browser-dl-status {
  font-size: 11px;
  color: #333;
}

.browser-dl-bar-container {
  width: 100%;
  height: 16px;
  background: #fff;
  border: 1px solid #999;
  overflow: hidden;
}

.browser-dl-bar {
  height: 100%;
  background: linear-gradient(90deg, #1a5aa0, #3aa0e0);
  width: 0%;
}

.browser-dl-speed {
  font-size: 10px;
  color: #666;
}

/* ── NLB Dark Web ── */

.nlb-option-btn {
  padding: 5px 9px;
  border: 1px solid #3a3a3a;
  background: #0b0b0b;
  color: #8f8f8f;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: var(--cursor-pointer), pointer;
}

.nlb-option-btn:hover {
  border-color: #7a7a7a;
  color: #c6c6c6;
}

.nlb-option-btn.active {
  border-color: #b30000;
  color: #ff4a4a;
  box-shadow: inset 0 0 10px rgba(186, 0, 0, 0.18);
}

.nlb-details-title {
  color: #ff3333;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 6px;
}

.nlb-details-text {
  font-size: 11px;
  line-height: 1.45;
  color: #8a8a8a;
  margin-bottom: 5px;
}

.nlb-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.cmd-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #0a0a0a url('../assets/bedroom.jpg') center / cover no-repeat;
  font-family: 'Courier New', 'Consolas', monospace;
  font-size: 13px;
  color: #c0c0c0;
  padding: 4px;
  box-sizing: border-box;
}

.cmd-output {
  flex: 1;
  overflow-y: auto;
  padding: 4px;
  background: rgba(10, 10, 10, 0.88);
  border: 1px inset #333;
  margin-bottom: 4px;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 1.35;
}

.cmd-output::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.cmd-output::-webkit-scrollbar-track {
  background: #050505;
}

.cmd-output::-webkit-scrollbar-thumb {
  background: #333;
  border: 1px solid #444;
}

.cmd-line {
  margin: 0;
  padding: 0;
}

.cmd-line.cmd-prompt {
  color: #c0c0c0;
}

.cmd-line.cmd-header {
  color: #ffff00;
  font-weight: bold;
}

.cmd-line.cmd-error {
  color: #ff4444;
}

.cmd-input-row {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #0a0a0a;
  border: 1px inset #333;
  padding: 2px 4px;
}

.cmd-prompt {
  color: #c0c0c0;
  font-family: 'Courier New', 'Consolas', monospace;
  font-size: 13px;
  white-space: nowrap;
  user-select: none;
}

.cmd-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #c0c0c0;
  font-family: 'Courier New', 'Consolas', monospace;
  font-size: 13px;
  padding: 0;
  margin: 0;
  caret-color: #c0c0c0;
}

.window-cmd .window-content {
  background: #0a0a0a;
  padding: 0;
}

.window-cmd .window-titlebar {
  background: linear-gradient(90deg, #001100, #002200, #001100);
  border-bottom: 1px solid #00ff00;
}

.window-cmd .window-title {
  color: #00ff00;
  text-shadow: 0 0 4px rgba(0,255,0,0.3);
}

.window-cmd .window-btn-close {
  background: #0a0a0a;
  border: 1px solid #00ff00;
  color: #00ff00;
}

.window-cmd .window-btn-close:hover {
  background: #003300;
}

.browser-gogogle-results {
  padding: 16px;
}

.browser-gogogle-header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.browser-gogogle-brand {
  margin-bottom: 8px;
}

.browser-gogogle-query-line {
  font-size: 11px;
  color: #555;
}

.browser-gogogle-label {
  color: #888;
  margin-right: 6px;
}

.browser-gogogle-query {
  font-weight: bold;
  color: #333;
}

/* Gogogle page rendering */

.browser-gogogle-back {
  color: #1a0dab;
  text-decoration: underline;
  cursor: var(--cursor-pointer), pointer;
  white-space: nowrap;
}

.browser-gp-box {
  background: #f4f4f4;
  border: 1px solid #ddd;
  padding: 10px;
  margin-top: 8px;
  font-size: 12px;
  color: #555;
}

/* ── Webs "reales" dentro del juego (easter eggs) ── */

.browser-load {
  min-height: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 22px 18px;
  font-family: 'Courier New', monospace;
  font-size: 12px;
  color: #000;
}

.browser-load-line {
  color: #888;
  margin: 2px 0;
  white-space: pre;
}
.browser-load-line.on { color: #000; }
.browser-load-line.on::before { content: '> '; color: #000080; }

.browser-load-bar {
  margin-top: 16px;
  width: 260px;
  height: 16px;
  border: 2px solid;
  border-color: #808080 #fff #fff #808080;
  background: #fff;
  position: relative;
}
.browser-load-bar-fill {
  height: 100%;
  width: 0%;
  background: repeating-linear-gradient(90deg, #000080 0 6px, #0000d0 6px 12px);
}
.browser-load-pct {
  margin-top: 4px;
  font-size: 11px;
  color: #000080;
}
.browser-load-cursor {
  color: #000;
  animation: net-blink 0.7s steps(1) infinite;
  font-weight: bold;
}
@keyframes net-blink { 50% { opacity: 0; } }

/* Web "real": marco común */

/* ── Botones genéricos de "web moderna" dentro del IE ── */

/* ═════════════════ RickyEdit Games (rickyeditgames.eloygm.com) ═══════════ */

/* ficha de minijuego */

/* Discord */

/* ═══════════════════ Wordle ═══════════════════ */

/* ═══════════════════ ¿Qué es más caro? ═══════════════════ */

/* ═══════════════════ Pasapalabras ═══════════════════ */

/* Piezas compartidas que usan otras páginas del juego (Tu Tuve, Descargalandia...) */

/* 3 en raya */

/* ═══════════════════ EloyGM (eloygm.com) ═══════════════════ */

/* ═══════════════════ GitHub (réplica) ═══════════════════ */

/* ═══════════════════ NO LO BORRES (vercel) ═══════════════════ */

/* ═══════════════════ Itch.io (réplica) ═══════════════════ */

/* ═══════════════════ Página de error IE clásica ═══════════════════ */
.ie-error-page {
  background: #f3f3f3;
  padding: 22px 20px;
  font-family: 'MS Sans Serif', 'Segoe UI', Tahoma, sans-serif;
  color: #000;
}
.ie-error-title { font-size: 20px; font-weight: 700; color: #cc3300; }
.ie-error-sub { margin: 10px 0 4px; max-width: 560px; }
.ie-error-hr { border: none; border-top: 1px solid #999; margin: 14px 0; }
.ie-error-hint { font-weight: 700; margin: 8px 0; }
.ie-error-item { list-style: disc; margin: 4px 0 4px 18px; }
.ie-error-action {
  display: inline-block;
  margin-top: 12px;
  padding: 6px 12px;
  border: 2px solid;
  border-color: #ffffff #000000 #000000 #ffffff;
  background: #c0c0c0;
  color: #000;
  cursor: var(--cursor-pointer), pointer;
  font-family: inherit;
  font-size: 12px;
}

.browser-home-link {
  color: #0000cc;
  text-decoration: underline;
  cursor: var(--cursor-pointer), pointer;
}
.browser-home-link:hover { color: #cc0000; }

/* ═══════════════════ Vídeo Tu Tuve ═══════════════════ */
.tvt { background: #f9f9f9; color: #111; font-family: 'Segoe UI', Roboto, Arial, sans-serif; min-height: 100%; }
.tvt-top { background: #fff; border-bottom: 1px solid #e5e5e5; padding: 8px 16px; font-weight: 900; font-size: 15px; }
.tvt-top::before { content: '▶ '; color: #f00; }
.tvt-body { display: flex; flex-wrap: wrap; gap: 16px; padding: 14px 16px; align-items: flex-start; }
.tvt-main { flex: 1 1 320px; min-width: 0; max-width: 720px; }
.tvt-stage {
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: #fff;
  overflow: hidden;
  position: relative;
}

/* ═══════════════════ Tu Tuve Player (el de la casa) ═══════════════════
   El vídeo lo sirve el canal enlazado, pero los mandos son estos: barra de
   botones gris del 98, pantalla negra y una barra de progreso que se arrastra.
   Nada de mandos ajenos: el vídeo va debajo, con una franja con el título.
   ═══════════════════════════════════════════════════════════════════════════ */

/* La franja de arriba con el título: sale al pasar el ratón por el reproductor */

/* Capa de arranque: miniatura + botón grande */

/* Avisos dentro de la pantalla (cargando, error) */

/* Cuando el vídeo no arranca, el aviso se queda con la pantalla entera: aquí
   no se enseña el cartel de error del reproductor de fuera, se enseña el de
   la casa, con su texto y sus dos botones. */

/* Si algo del reproductor ajeno se queda por debajo, no se ve */

/* ── La barra de mandos ── */

/* Calidad: se tiene que notar al cambiarla, como cuando el vídeo no daba para más */

/* Pantalla grande sin permiso del navegador: se agranda dentro de la ventana */

/* ── pantalla de vídeo no disponible (la del reproductor de verdad) ── */
.yt-off { width: 100%; }
.yt-off-player {
  aspect-ratio: 16 / 9; background: #000; color: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
}
.yt-off-play {
  width: 68px; height: 48px; border-radius: 0; background: #1f1f1f; position: relative;
  border: 1px solid #3a3a3a;
}
.yt-off-play::after {
  content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-42%, -50%);
  border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #6a6a6a;
}
.yt-off-text { font-size: 15px; color: #d7d7d7; font-family: 'Segoe UI', Roboto, Arial, sans-serif; }
.yt-off-line {
  background: #000; color: #aaa; font-size: 12.5px; padding: 6px 14px;
  font-family: 'Courier New', monospace; border-top: 1px solid #1b1b1b;
}
.yt-off-line:first-of-type { margin-top: 2px; }

/* ── miniaturas reales en las listas ── */

.tvt-info { margin-top: 10px; }
.tvt-title { font-weight: 800; font-size: 18px; }
.tvt-meta { color: #606060; font-size: 12.5px; margin: 2px 0 8px; }
.tvt-desc { font-size: 13px; color: #333; }
.tvt-side { flex: 1 1 230px; min-width: 0; }
.tvt-side-title { font-weight: 700; font-size: 13px; margin-bottom: 8px; color: #333; }
.tvt-related { display: flex; gap: 8px; margin-bottom: 10px; background: #fff; border: 1px solid #e5e5e5; border-radius: 0; padding: 6px; }
.tvt-related:hover { background: #f0f0f0; }
.tvt-related-thumb { width: 60px; height: 40px; background: #000; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 0; flex-shrink: 0; }
.tvt-related-title { font-size: 12px; font-weight: 700; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tvt-related-meta { font-size: 11px; color: #777; }

/* ═══════════════════ Wiski Pidia ═══════════════════
   Como la Wikipedia de hoy (Vector 2022): letra sin remates en el texto,
   con remates en los títulos, enlaces azules y ficha gris a la derecha.
   Todo va con «.browser-page .wk» para ganar a los estilos de 1998. */
.browser-page .wk {
  container: wk / inline-size;
  position: relative;
  min-height: 100%;
  background: #fff;
  color: #202122;
  font-family: Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.browser-page .wk a.wk-a,
.browser-page .wk a.wk-a:visited { color: #36c; text-decoration: none; }
.browser-page .wk a.wk-a:hover { color: #36c; text-decoration: underline; }
.browser-page .wk .wk-gris { color: #54595d; }
.browser-page .wk .wk-oculto { display: none; }

/* Cabecera */
.browser-page .wk .wk-cab { display: flex; align-items: center; gap: 10px; padding: 8px 16px 8px 8px; min-height: 50px; }
.browser-page .wk .wk-hamburguesa {
  flex: 0 0 auto; width: 32px; height: 32px; padding: 8px 7px; margin: 0;
  display: flex; flex-direction: column; justify-content: space-between;
  background: transparent; border: 0; border-radius: 2px;
}
.browser-page .wk .wk-hamburguesa:hover { background: #eaecf0; }
.browser-page .wk .wk-hamburguesa span { display: block; width: 18px; height: 2px; align-self: center; background: #202122; border-radius: 1px; }
.browser-page .wk a.wk-logo { display: flex; align-items: center; gap: 8px; color: #000; text-decoration: none; flex: 0 0 auto; }
.browser-page .wk .wk-globo { display: block; width: 46px; height: 46px; }
.browser-page .wk .wk-marca { display: flex; flex-direction: column; line-height: 1.05; }
.browser-page .wk .wk-marca-nombre { font-family: 'Linux Libertine', Georgia, Times, serif; font-variant: small-caps; font-size: 21px; letter-spacing: .06em; color: #000; }
.browser-page .wk .wk-marca-lema { font-family: 'Linux Libertine', Georgia, Times, serif; font-size: 12px; color: #000; margin-top: 2px; }
.browser-page .wk .wk-buscador { position: relative; display: flex; flex: 1 1 auto; max-width: 480px; margin: 0 0 0 14px; }
.browser-page .wk .wk-lupa {
  position: absolute; left: 10px; top: 9px; width: 9px; height: 9px;
  border: 2px solid #72777d; border-radius: 50%; pointer-events: none;
}
.browser-page .wk .wk-lupa::after { content: ''; position: absolute; width: 2px; height: 6px; background: #72777d; right: -4px; bottom: -6px; transform: rotate(-45deg); }
.browser-page .wk input.wk-buscador-input {
  flex: 1 1 auto; min-width: 0; height: 32px; box-sizing: border-box; margin: 0;
  padding: 0 8px 0 32px; border: 1px solid #a2a9b1; border-radius: 2px 0 0 2px;
  background: #fff; color: #202122; font-family: inherit; font-size: 14px;
}
.browser-page .wk input.wk-buscador-input:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c; }
.browser-page .wk .wk-buscador-btn {
  flex: 0 0 auto; height: 32px; margin: 0; padding: 0 12px;
  border: 1px solid #a2a9b1; border-left: 0; border-radius: 0 2px 2px 0;
  background: #f8f9fa; color: #202122; font-family: inherit; font-size: 14px; font-weight: bold;
}
.browser-page .wk .wk-buscador-btn:hover { background: #fff; }
.browser-page .wk .wk-buscador-btn--azul { background: #36c; border-color: #36c; color: #fff; }
.browser-page .wk .wk-buscador-btn--azul:hover { background: #447ff5; }
.browser-page .wk .wk-usuario { margin-left: auto; display: flex; gap: 16px; white-space: nowrap; font-size: 14px; }

/* Columna izquierda y contenido */
.browser-page .wk .wk-fila { display: flex; align-items: flex-start; gap: 28px; padding: 0 20px 0 16px; }
.browser-page .wk .wk-lado { flex: 0 0 168px; position: sticky; top: 0; padding-top: 18px; font-size: 14px; }
.browser-page .wk.wk--sin-menu .wk-menu { display: none; }
.browser-page .wk .wk-indice--linea { display: none; }
.browser-page .wk .wk-lado-titulo {
  display: flex; justify-content: space-between; align-items: baseline; gap: 6px;
  font-weight: bold; border-bottom: 1px solid #c8ccd1; padding-bottom: 4px; margin-bottom: 6px;
}
.browser-page .wk .wk-indice-ocultar { font-weight: normal; font-size: 12px; }
.browser-page .wk ul.wk-lado-lista { list-style: none; margin: 0 0 20px; padding: 0; }
.browser-page .wk ul.wk-lado-lista li { margin: 0; padding: 3px 0; line-height: 1.35; }
.browser-page .wk .wk-indice-n { color: #54595d; margin-right: 6px; }
.browser-page .wk .wk-main { flex: 1 1 auto; min-width: 0; padding-bottom: 20px; }
.browser-page .wk .wk-titulo { border-bottom: 1px solid #a2a9b1; margin-top: 14px; }
.browser-page .wk h1.wk-h1 {
  margin: 0; padding: 0 0 4px; color: #000; font-weight: normal; line-height: 1.3;
  font-family: 'Linux Libertine', Georgia, Times, serif; font-size: 28px;
}
.browser-page .wk .wk-pestanas { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #c8ccd1; margin-bottom: 4px; }
.browser-page .wk .wk-pestanas-grupo { display: flex; }
.browser-page .wk a.wk-pestana { padding: 7px 8px 5px; font-size: 14px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.browser-page .wk a.wk-pestana--activa,
.browser-page .wk a.wk-pestana--activa:visited { color: #202122; border-bottom-color: #202122; }
.browser-page .wk a.wk-pestana--nueva,
.browser-page .wk a.wk-pestana--nueva:visited { color: #d73333; }
.browser-page .wk .wk-desde { font-size: 12.6px; color: #54595d; margin: 6px 0 10px; }
.browser-page .wk .wk-cuerpo { font-size: 14px; }
.browser-page .wk .wk-cuerpo::after { content: ''; display: block; clear: both; }
.browser-page .wk p.wk-p { margin: 6px 0 10px; line-height: 1.6; }
.browser-page .wk h2.wk-h2 {
  display: flex; align-items: baseline; gap: 10px;
  margin: 20px 0 6px; padding: 0 0 2px; border-bottom: 1px solid #a2a9b1;
  color: #000; font-weight: normal; line-height: 1.3;
  font-family: 'Linux Libertine', Georgia, Times, serif; font-size: 21px;
}
.browser-page .wk .wk-editar { font-family: Arial, sans-serif; font-size: 12.6px; color: #54595d; }
.browser-page .wk h3.wk-h3 { margin: 14px 0 4px; color: #000; font-family: Arial, sans-serif; font-weight: bold; font-size: 15px; }
.browser-page .wk ul.wk-ul { margin: 4px 0 10px; padding-left: 22px; list-style: disc; }
.browser-page .wk ul.wk-ul li { margin: 0 0 3px; line-height: 1.6; }
.browser-page .wk sup.wk-ref { font-size: 10.5px; line-height: 1; vertical-align: super; margin-left: 1px; white-space: nowrap; }
.browser-page .wk ol.wk-refs { margin: 4px 0 10px; padding-left: 28px; font-size: 12.6px; }
.browser-page .wk ol.wk-notas { list-style: lower-alpha; }
.browser-page .wk ol.wk-refs li { margin-bottom: 4px; line-height: 1.5; }
.browser-page .wk ol.wk-refs li.wk-ref-marcada { background: #eaf3ff; }
.browser-page .wk a.wk-ext::after {
  content: ''; display: inline-block; width: 9px; height: 9px; margin-left: 3px;
  border: 1px solid currentColor; border-radius: 1px; vertical-align: 1px;
  background: linear-gradient(135deg, transparent 45%, currentColor 45%, currentColor 60%, transparent 60%);
  opacity: .7;
}

/* Avisos, registros y categorías */
.browser-page .wk .wk-aviso {
  display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 6px 10px;
  border: 1px solid #a2a9b1; border-left: 10px solid #fc3; background: #fbfbfb; font-size: 13px;
}
.browser-page .wk .wk-aviso-icono {
  flex: 0 0 22px; height: 22px; border-radius: 50%; background: #fc3; color: #000;
  font-weight: bold; text-align: center; line-height: 22px;
}
.browser-page .wk .wk-registro { border: 1px solid #a2a9b1; background: #f8f9fa; padding: 8px 14px; margin: 8px 0 14px; font-size: 13.5px; }
.browser-page .wk .wk-registro p { margin: 4px 0; }
.browser-page .wk .wk-registro-t { font-weight: bold; }
.browser-page .wk .wk-catlinks { clear: both; border: 1px solid #a2a9b1; background: #f8f9fa; padding: 5px 8px; margin-top: 18px; font-size: 12.6px; }
.browser-page .wk .wk-sep { color: #72777d; }

/* La ficha */
.browser-page .wk table.wk-ficha {
  float: right; clear: right; width: 272px; margin: 0 0 12px 18px; padding: 3px;
  border: 1px solid #a2a9b1; border-spacing: 3px; background: #f8f9fa;
  font-size: 12.3px; line-height: 1.45; color: #202122;
}
.browser-page .wk .wk-ficha th, .browser-page .wk .wk-ficha td { vertical-align: top; padding: 2px 4px; }
.browser-page .wk .wk-ficha th[scope="row"] { text-align: left; width: 40%; }
.browser-page .wk .wk-ficha .wk-ficha-titulo { padding: 4px; background: #cedff2; font-size: 15px; text-align: center; }
.browser-page .wk .wk-ficha-img { text-align: center; padding: 6px 4px; }
.browser-page .wk .wk-ficha-img img { max-width: 230px; max-height: 190px; }
.browser-page .wk .wk-ficha-img--oscuro { background: #202122; }
.browser-page .wk .wk-ficha .wk-ficha-pie { text-align: center; font-size: 11.5px; padding-bottom: 6px; }
.browser-page .wk .wk-arte-reloj {
  display: inline-block; padding: 14px 20px; background: #111; border: 3px solid #333; border-radius: 6px;
  font-family: 'Courier New', monospace; font-size: 42px; font-weight: bold; letter-spacing: 3px; line-height: 1;
  color: #ff3030; text-shadow: 0 0 8px rgba(255, 40, 40, .75);
}
.browser-page .wk .wk-arte-dos { animation: wk-parpadeo 1s steps(1) infinite; }
@keyframes wk-parpadeo { 50% { opacity: 0; } }
.browser-page .wk .wk-arte-negro { width: 230px; height: 160px; margin: 0 auto; background: #000; position: relative; overflow: hidden; }
.browser-page .wk .wk-arte-negro--algo::after {
  content: ''; position: absolute; left: 38%; top: 22%; width: 24%; height: 78%;
  background: radial-gradient(ellipse 48% 22% at 50% 18%, rgba(255,255,255,.07), transparent 70%),
              radial-gradient(ellipse 50% 60% at 50% 75%, rgba(255,255,255,.05), transparent 70%);
  animation: wk-algo 7s ease-in-out infinite;
}
@keyframes wk-algo { 0%, 70%, 100% { opacity: 0; } 80% { opacity: 1; } }
.browser-page .wk .wk-arte-caracol svg { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* Portada */
.browser-page .wk .wk-bienvenida { margin: 14px 0 12px; padding: 12px 10px; border: 1px solid #a2a9b1; background: #f8f9fa; text-align: center; }
.browser-page .wk .wk-bienvenida-t { font-family: 'Linux Libertine', Georgia, Times, serif; font-size: 25px; line-height: 1.3; }
.browser-page .wk .wk-bienvenida-s { font-size: 14px; }
.browser-page .wk .wk-bienvenida-n { font-size: 12.6px; color: #54595d; margin-top: 2px; }
.browser-page .wk .wk-portada-cols { display: flex; gap: 12px; align-items: flex-start; }
.browser-page .wk .wk-col { flex: 1 1 0; min-width: 0; }
.browser-page .wk .wk-caja { border: 1px solid #a2a9b1; margin-bottom: 12px; background: #fff; }
.browser-page .wk h2.wk-caja-t {
  margin: 0; padding: 3px 10px; border-bottom: 1px solid #a2a9b1; color: #000;
  font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 1.5;
}
.browser-page .wk .wk-caja--azul .wk-caja-t { background: #cedff2; }
.browser-page .wk .wk-caja--verde .wk-caja-t { background: #cef2e0; }
.browser-page .wk .wk-caja--gris .wk-caja-t { background: #eaecf0; }
.browser-page .wk .wk-caja--ocre .wk-caja-t { background: #f5e6c4; }
.browser-page .wk .wk-caja--malva .wk-caja-t { background: #ddcef2; }
.browser-page .wk .wk-caja-c { padding: 6px 10px 4px; }
.browser-page .wk .wk-caja-c::after { content: ''; display: block; clear: both; }
.browser-page .wk .wk-destacado-img { float: left; margin: 6px 12px 6px 0; padding: 6px; border: 1px solid #c8ccd1; background: #f8f9fa; max-width: 150px; }
.browser-page .wk .wk-destacado-img img { display: block; max-width: 136px; max-height: 110px; }
.browser-page .wk .wk-destacado-img .wk-arte-reloj { font-size: 26px; padding: 8px 10px; }
.browser-page .wk .wk-destacado-img .wk-arte-negro { width: 120px; height: 90px; }
.browser-page .wk .wk-destacado-img .wk-arte-caracol svg { width: 136px; }
.browser-page .wk .wk-portada-cats { font-size: 13px; line-height: 1.8; padding-bottom: 4px; }

/* Discusión, historial y código */
.browser-page .wk .wk-charla-cab { border: 1px solid #c8ccd1; background: #f8f9fa; padding: 8px 12px; margin-bottom: 12px; font-size: 13px; }
.browser-page .wk .wk-archivo { font-size: 12.6px; color: #54595d; font-style: italic; margin: 2px 0 6px; }
.browser-page .wk .wk-msg { margin: 4px 0 8px; line-height: 1.55; }
.browser-page .wk .wk-msg--1 { margin-left: 1.6em; }
.browser-page .wk .wk-msg--2 { margin-left: 3.2em; }
.browser-page .wk .wk-msg--3 { margin-left: 4.8em; }
.browser-page .wk .wk-msg--4 { margin-left: 6.4em; }
.browser-page .wk .wk-firma { color: #54595d; }
.browser-page .wk ul.wk-hist { list-style: none; margin: 8px 0; padding: 0; font-size: 13px; }
.browser-page .wk ul.wk-hist li { padding: 4px 0; border-bottom: 1px solid #eaecf0; margin: 0; }
.browser-page .wk ul.wk-hist li.wk-hist-hueco { color: #72777d; font-style: italic; text-align: center; background: #f8f9fa; }
.browser-page .wk .wk-hist-fecha { color: #36c; }
.browser-page .wk .wk-hist-user { font-weight: bold; }
.browser-page .wk .wk-mas { color: #006400; font-weight: bold; }
.browser-page .wk .wk-menos { color: #8b0000; font-weight: bold; }
.browser-page .wk .wk-resumen { color: #54595d; font-style: italic; }
.browser-page .wk ul.wk-cambios li { font-size: 13px; }
.browser-page .wk textarea.wk-codigo {
  display: block; width: 100%; height: 340px; box-sizing: border-box; margin: 8px 0; padding: 6px 8px;
  border: 1px solid #a2a9b1; border-radius: 2px; background: #f8f9fa; color: #202122;
  font-family: 'Courier New', monospace; font-size: 13px; line-height: 1.5; resize: vertical;
}

/* Listados, búsqueda y cuentas */
.browser-page .wk .wk-columnas { columns: 3 170px; column-gap: 24px; }
.browser-page .wk .wk-letra { break-inside: avoid; }
.browser-page .wk .wk-letra h3.wk-h3 { margin-top: 6px; }
.browser-page .wk .wk-buscador--pagina { max-width: 600px; margin: 12px 0 8px; }
.browser-page .wk ul.wk-resultados { list-style: none; margin: 8px 0; padding: 0; max-width: 740px; }
.browser-page .wk ul.wk-resultados li { margin: 0 0 14px; }
.browser-page .wk .wk-resultado-t { font-size: 15px; }
.browser-page .wk .wk-resultado-txt { font-size: 13px; line-height: 1.5; }
.browser-page .wk .wk-resaltado { font-weight: bold; }
.browser-page .wk .wk-resultado-meta { font-size: 12px; color: #72777d; }
.browser-page .wk .wk-form { display: flex; flex-direction: column; gap: 12px; max-width: 290px; margin: 14px 0; }
.browser-page .wk .wk-etiqueta { display: flex; flex-direction: column; gap: 4px; font-weight: bold; font-size: 14px; }
.browser-page .wk input.wk-campo {
  height: 32px; box-sizing: border-box; padding: 0 8px; margin: 0;
  border: 1px solid #a2a9b1; border-radius: 2px; background: #fff; color: #202122;
  font-family: inherit; font-size: 14px; font-weight: normal;
}
.browser-page .wk input.wk-campo:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c; }
.browser-page .wk .wk-casilla { font-size: 14px; display: flex; align-items: center; gap: 6px; }
.browser-page .wk .wk-boton-azul {
  height: 32px; margin: 0; padding: 0 12px; border: 1px solid #36c; border-radius: 2px;
  background: #36c; color: #fff; font-family: inherit; font-size: 14px; font-weight: bold;
}
.browser-page .wk .wk-boton-azul:hover { background: #447ff5; }
.browser-page .wk .wk-error { border: 1px solid #d33; background: #fee7e6; color: #202122; padding: 8px 12px; font-size: 13.5px; border-radius: 2px; }

/* Pie */
.browser-page .wk .wk-pie { margin: 16px 20px 0 212px; padding: 12px 0 26px; border-top: 1px solid #a2a9b1; font-size: 12px; color: #202122; }
.browser-page .wk .wk-pie > div { margin-bottom: 6px; }
.browser-page .wk .wk-pie-enlaces { display: flex; flex-wrap: wrap; gap: 4px 16px; color: #54595d; }
.browser-page .wk .wk-insignias { display: flex; gap: 8px; margin-top: 8px; }
.browser-page .wk .wk-insignia { border: 1px solid #c8ccd1; background: #f8f9fa; color: #54595d; padding: 4px 8px; font-size: 10px; letter-spacing: .06em; }

/* Ventana estrecha: fuera la columna izquierda, la ficha a lo ancho */
@container wk (max-width: 760px) {
  .browser-page .wk .wk-lado, .browser-page .wk .wk-usuario, .browser-page .wk .wk-marca-lema { display: none; }
  .browser-page .wk.wk--menu-abierto .wk-lado {
    display: block; position: absolute; z-index: 5; left: 8px; top: 50px; width: 200px; padding: 10px 14px 0;
    background: #fff; border: 1px solid #a2a9b1; box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  }
  .browser-page .wk.wk--menu-abierto .wk-lado .wk-menu { display: block; }
  .browser-page .wk.wk--menu-abierto .wk-lado .wk-indice { display: none; }
  .browser-page .wk .wk-indice--linea {
    display: inline-block; min-width: 200px; margin: 4px 0 12px; padding: 6px 14px 0;
    border: 1px solid #a2a9b1; background: #f8f9fa;
  }
  .browser-page .wk .wk-indice--linea ul.wk-lado-lista { margin-bottom: 8px; }
  .browser-page .wk .wk-fila { padding: 0 12px; }
  .browser-page .wk .wk-pie { margin-left: 12px; margin-right: 12px; }
  .browser-page .wk table.wk-ficha { float: none; width: 100%; margin: 0 0 12px; }
  .browser-page .wk .wk-portada-cols { flex-direction: column; }
  .browser-page .wk .wk-col { width: 100%; }
}

/* ═══════════════════ Foro ═══════════════════ */
.forum-page { background: #fff; color: #1a1a1a; font-family: 'Segoe UI', Tahoma, sans-serif; }
.forum-top { background: #f2f2f2; border-bottom: 1px solid #ddd; padding: 8px 16px; font-size: 12px; color: #555; }
.forum-title { padding: 12px 16px 4px; margin: 0; font-size: 20px; }
.forum-post { margin: 8px 16px; border: 1px solid #e0e0e0; border-radius: 0; overflow: hidden; }
.forum-post-head { background: #f7f7f7; padding: 5px 10px; font-size: 11.5px; color: #888; border-bottom: 1px solid #e8e8e8; }
.forum-post-body { padding: 8px 10px; font-size: 13.5px; }
.forum-post-del { opacity: 0.65; }
.forum-post-del .forum-post-body { color: #a00; font-style: italic; }
.forum-status { margin: 12px 16px; padding: 8px 12px; background: #fff6d6; border: 1px solid #e7d890; font-size: 12.5px; color: #6a5a00; }

/* ═══════════════════ Noticias ═══════════════════ */
.news-page { background: #fff; color: #222; font-family: 'Segoe UI', Tahoma, sans-serif; }
.news-top { background: #c00000; color: #fff; padding: 8px 16px; font-size: 12.5px; font-weight: 700; }
.news-title { padding: 16px 16px 0; margin: 0; font-size: 24px; line-height: 1.25; }
.news-date { padding: 4px 16px; color: #888; font-size: 12px; }
.news-p { margin: 12px 16px; line-height: 1.55; max-width: 640px; font-size: 14px; }

/* ═══════════════════ Sugerencias de búsqueda ═══════════════════ */

.gog-sugg-chip {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 5px 12px;
  background: #f1f3f4;
  border: 1px solid #dadce0;
  border-radius: 0;
  font-size: 12.5px;
  color: #1a73e8;
  cursor: var(--cursor-pointer), pointer;
  font-family: inherit;
}
.gog-sugg-chip:hover { background: #e8f0fe; }

/* ═══════════════════ Página viva embebida (como una web normal) ═══════════════════ */

/* ═══════════════════ Tu Tuve: hub, canales, comentarios ═══════════════════ */
.tt { background: #f9f9f9; color: #111; font-family: 'Segoe UI', Roboto, Arial, sans-serif; min-height: 100%; }
.tt-top { display: flex; align-items: center; gap: 14px; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 8px 14px; position: sticky; top: 0; z-index: 6; }
.tt-logo { font-weight: 900; font-size: 16px; color: #000; }
.tt-logo::before { content: '▶ '; color: #f00; }
.tt-top-path { color: #666; font-size: 12.5px; }
.tt-search { display: flex; flex: 1; max-width: 460px; gap: 0; }
.tt-search-input { flex: 1; min-width: 0; border: 1px solid #c9c9c9; border-right: 0; padding: 5px 9px; font-size: 13px; outline: none; background: #fff; }
.tt-search-btn { border: 1px solid #c9c9c9; background: #f0f0f0; padding: 5px 12px; cursor: var(--cursor-pointer), pointer; font-family: inherit; font-size: 13px; }
.tt-search-btn:hover { background: #e0e0e0; }
.tt-body { display: flex; flex-wrap: wrap; gap: 18px; padding: 14px; align-items: flex-start; }
.tt-col-main { flex: 1; min-width: 0; }
.tt-side { flex: 1 1 240px; min-width: 0; }
.tt-title { font-weight: 800; font-size: 16px; margin: 4px 0 10px; }

.tt-row-meta,
.tt-chan-meta { color: #6b6b6b; font-size: 11.5px; margin-top: 3px; }
.tt-chan { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #e5e5e5; border-radius: 0; padding: 7px 8px; margin-bottom: 8px; }
.tt-chan:hover { border-color: #bbb; }
.tt-chan-av,
.tt-banner-av,
.tt-comment-av { width: 30px; height: 30px; border-radius: 50%; background: #7a1fa2; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; flex-shrink: 0; }
.tt-chan-info { flex: 1; min-width: 0; }
.tt-chan-name { font-weight: 700; font-size: 13px; }
.tt-btn { border: 1px solid #c9c9c9; border-radius: 0; background: #f0f0f0; padding: 6px 14px; font-size: 12.5px; font-weight: 700; cursor: var(--cursor-pointer), pointer; font-family: inherit; color: #111; }
.tt-btn:hover { background: #e2e2e2; }

.tt-all { padding: 6px 14px 18px; }

.tt-none { color: #888; font-size: 13px; padding: 10px 2px; }
.tt-row { display: flex; gap: 12px; padding: 8px 4px; border-bottom: 1px solid #f0f0f0; }
.tt-row:hover { background: #fff; }
.tt-row-thumb { width: 150px; height: 84px; border-radius: 0; background: #14141c; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 30px; flex-shrink: 0; }
.tt-row-main { min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.tt-row-title { font-weight: 700; font-size: 13.5px; line-height: 1.3; }
.tt-banner { display: flex; align-items: center; gap: 12px; padding: 14px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.tt-banner-av { width: 60px; height: 60px; font-size: 26px; }
.tt-banner-who { flex: 1; min-width: 0; }
.tt-banner-ghost { background: #0d0d12; }
.tt-banner-ghost .tt-chan-name { color: #eee; }
.tt-creep-note { margin: 10px 0; padding: 10px 12px; background: #111; color: #b00; font-family: 'Courier New', monospace; font-size: 12.5px; border: 1px solid #300; }

.tt-meta-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; }
.tt-chan-link { color: #065fd4; font-weight: 700; }
.tt-chan-link:hover { text-decoration: underline; }
.tt-comments { margin-top: 16px; padding-top: 10px; border-top: 1px solid #e2e2e2; }

.tt-comment { display: flex; gap: 10px; margin-bottom: 14px; }
.tt-comment-av { width: 26px; height: 26px; font-size: 12px; }
.tt-comment-head { font-size: 11.5px; color: #777; }
.tt-comment-txt { font-size: 13.5px; margin-top: 1px; }
.tt-comment-creep .tt-comment-txt { color: #900; font-family: 'Courier New', monospace; }

/* ═══════════════════ Internet de la época (ARG) ═══════════════════ */

/* La Máquina del Tiempo */

/* ═══════════════════ janiito.com (dominio propio de Jan, 2026) ═══════════════════ */

/* ═══════════════════ Errores 404 personalizados por portal ═══════════════════ */
.err4 { min-height: 100%; display: flex; flex-direction: column; background: #fdfdfb; color: #26262b; font-family: 'Segoe UI', Roboto, Arial, sans-serif; }
.err4-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 16px; border-bottom: 1px solid #e8e8ec; background: #fff; position: sticky; top: 0; }
.err4-brand { font-weight: 800; font-size: 15px; }
.err4-addr { color: #9a9aa0; font-size: 11.5px; font-family: 'Courier New', monospace; }
.err4-main { flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 46px 20px 24px; max-width: 660px; margin: 0 auto; width: 100%; box-sizing: border-box; }
.err4-code { font-size: 108px; font-weight: 900; line-height: 0.95; color: #e2e2e8; letter-spacing: -4px; }
.err4-title { font-size: 23px; font-weight: 800; margin: 8px 0 10px; }
.err4-text { color: #5f5f68; font-size: 14px; line-height: 1.55; margin: 3px 0; max-width: 520px; }
.err4-addrbox { border: 1px dashed #cfcfd6; background: #f6f6f3; border-radius: 0; padding: 7px 13px; margin: 15px 0 4px; font-size: 12px; display: flex; gap: 10px; align-items: baseline; }
.err4-addrbox-k { color: #9a9aa0; font-weight: 700; }
.err4-addrbox-v { font-family: 'Courier New', monospace; color: #5b5b20; word-break: break-all; }

.err4-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 12px; }
.err4-foot { color: #9a9aa0; font-size: 12px; text-align: center; padding: 13px; border-top: 1px solid #ececef; }

.err4-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.err4-chips-label { color: #6a6a72; font-size: 12.5px; font-weight: 600; }

.err4-tt .err4-brand { color: #111; }

/* Gogogle: estadísticas, ¿querías decir?, páginas */

.gog-services { display: flex; gap: 14px; align-items: center; justify-content: center; flex-wrap: wrap; padding: 16px 12px 4px; }

/* Forogogogle: portada */
.forum-rules { background: #fff8d6; border-bottom: 1px solid #e3d27a; color: #5a4a00; font-size: 12.5px; padding: 8px 14px; line-height: 1.5; }
.forum-top-sub,
.news-top-sub { color: #8a8a92; font-size: 12px; }
.forum-board { border: 1px solid #e6e6ea; margin: 0 14px 14px; border-radius: 0; overflow: hidden; }
.forum-board-name { background: #f3f3f7; font-weight: 800; padding: 7px 12px; font-size: 13px; color: #333; }
.forum-thread-row { padding: 8px 12px; border-top: 1px solid #f0f0f4; }
.forum-thread-title { font-weight: 700; color: #2a4d8f; font-size: 13.5px; }
.forum-thread-title:hover { text-decoration: underline; }
.forum-thread-meta { color: #9a9aa0; font-size: 11.5px; margin-top: 2px; }

/* Notigogogle: portada */
.news-ticker { background: #1d1d26; color: #e8e8f0; font-family: 'Courier New', monospace; font-size: 12px; padding: 6px 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-row { border-bottom: 1px solid #e8e8ee; padding: 10px 14px; }
.news-row-title { font-weight: 800; color: #222; font-size: 15.5px; }
.news-row-title:hover { text-decoration: underline; }
.news-row-lede { color: #666; font-size: 13px; margin-top: 4px; line-height: 1.5; }

/* ═══════════ Cuaderno de la red (progreso del jugador) ═══════════ */

/* ═══════════ Páginas internas (about:) y la puerta ═══════════ */

/* ═══════════ Descargalandia ═══════════ */

/* ═══════════ Anillo Web del 98 ═══════════ */

/* ═══════════ la libreta (subsede Silicon) ═══════════ */
.diario { padding: 0 0 16px; font-family: 'Courier New', monospace; color: #2c2c22; background: #fbf6e4; min-height: 100%; }
.diario-top { background: #7a6a3a; color: #fff8e0; padding: 9px 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.diario-brand { font-weight: 800; font-size: 16px; letter-spacing: 1px; }
.diario-sub { font-size: 11px; color: #e6dcb8; }
.diario-counter { font-size: 11.5px; color: #8a7a4a; padding: 6px 14px; border-bottom: 1px dashed #d8cfa8; }
.diario-entry { padding: 12px 14px; border-bottom: 1px solid #ece2c4; }

.diario-entry-final { background: #16161d; border-bottom-color: #16161d; }
.diario-date { font-weight: 700; font-size: 12.5px; color: #6a5a2a; margin-bottom: 6px; }
.diario-entry-final .diario-date { color: #a8a8c0; }
.diario-text { font-size: 13.5px; line-height: 1.75; }
.diario-entry-final .diario-text { color: #d8d8e4; }

.diario-sign { margin-top: 10px; text-align: right; font-style: italic; color: #c8c8dc; }
.diario-creep { padding: 10px 14px; font-size: 12.5px; color: #6a5a2a; font-style: italic; }
.diario-creep-dim { color: #a89a70; }

/* ═══════════ Libro de visitas ═══════════ */
.libro { padding: 0 0 20px; font-family: 'Tahoma', sans-serif; color: #22222a; background: #eef6ff; min-height: 100%; }

/* ═══════════ Gogogle Grupos y El Tiempo ═══════════ */

.tiempo { padding: 0 0 20px; font-family: 'Tahoma', sans-serif; color: #22222a; background: #eef4fb; min-height: 100%; }

/* ═══════════ Tu Tuve: EN DIRECTO ═══════════ */
.tt-live { margin-top: 14px; border: 1px solid #d8d8e0; background: #16161d; padding: 10px 12px; border-radius: 0; }
.tt-live-tag { color: #ff6a6a; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.tt-live-title { color: #e8e8f0; font-size: 14px; font-weight: 700; margin: 4px 0 3px; }
.tt-live-meta { color: #9a9ab0; font-size: 11.5px; }
.ttlive-stage { background: #000; height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; position: relative; }
.ttlive-dot { color: #ff4a4a; font-size: 13px; animation: ttlive-blink 1.6s steps(2) infinite; }
@keyframes ttlive-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
.ttlive-time { color: #6a6a80; font-family: 'Courier New', monospace; font-size: 13px; }
.ttlive-info { display: flex; gap: 8px; align-items: baseline; padding: 8px 2px 2px; color: #6a6a72; font-size: 12.5px; }
.ttlive-viewers { color: #b04a4a; font-weight: 700; }
.ttlive-note { padding: 10px 2px; font-size: 13px; color: #4a4a52; line-height: 1.6; }
.ttlive-legend { background: #f4f4f8; border: 1px solid #e4e4ec; padding: 8px 10px; font-family: 'Courier New', monospace; font-size: 12px; color: #4a4a55; }
.ttlive-chat-line { padding: 2px 0; border-bottom: 1px dotted #e0e0e8; }

/* ═══════════════════════════════════════════════════════════════════════════
   Internet Explorer y la red (antes browser.css)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   BROWSER.CSS — Internet Explorer de verdad (Windows 98 / IE5) y páginas
   de la red de 1998-2006. Se carga DESPUÉS de apps.css: aquí se deshace
   todo lo que parecía una interfaz moderna (esquinas redondeadas, sombras,
   degradados, fuentes de sistema actuales) y se vuelve a la época.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Nada de esquinas redondeadas ni sombras dentro del navegador ── */
.browser-app,
.browser-app *,
.browser-app *::before,
.browser-app *::after {
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.browser-app {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #c0c0c0;
  font-family: Tahoma, 'MS Sans Serif', Geneva, Verdana, sans-serif;
  font-size: 11px;
  color: #000;
  overflow: hidden;
}

/* ═══════════════════ Barra de menús ═══════════════════ */
.ie-menubar {
  display: flex;
  align-items: stretch;
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  padding: 1px 0 0;
  position: relative;
  z-index: 40;
  flex: 0 0 auto;
}

.ie-menu { position: relative; }

.ie-menu-title {
  display: block;
  padding: 2px 7px 3px;
  font-size: 11px;
  cursor: var(--cursor-pointer), default;
  color: #000;
}

.ie-menu-title:hover,
.ie-menu-open .ie-menu-title {
  background: #000080;
  color: #fff;
}

.ie-menu-drop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 168px;
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  padding: 2px;
  z-index: 60;
}

.ie-menu-open .ie-menu-drop { display: block; }

.ie-menu-item {
  padding: 3px 18px 3px 20px;
  font-size: 11px;
  white-space: nowrap;
  cursor: var(--cursor-pointer), default;
}

.ie-menu-item:hover { background: #000080; color: #fff; }

/* ═══════════════════ Pestañas ═══════════════════ */

/* ═══════════════════ Barra de herramientas ═══════════════════ */
.browser-toolbar {
  background: #c0c0c0;
  border-bottom: 1px solid #808080;
  padding: 2px 4px 3px;
  position: relative;
  display: block;
  flex: 0 0 auto;
}

.ie-toolbar-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;           /* en ventanas estrechas, los botones bajan de fila */
  gap: 1px;
  padding-bottom: 3px;
  border-bottom: 1px solid #808080;
  margin-bottom: 3px;
}

.ie-tb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  flex: 0 0 auto;
  width: 62px;
  height: 44px;
  padding: 4px 2px 2px;
  background: transparent;
  border: 1px solid transparent;
  font-family: 'MS Sans Serif', Tahoma, Verdana, sans-serif;
  font-size: 11px;
  color: #000;
  cursor: var(--cursor-pointer), pointer;
  white-space: nowrap;
  overflow: hidden;
}

.ie-tb:hover { border-color: #dfdfdf #808080 #808080 #dfdfdf; }
.ie-tb:active { border-color: #808080 #dfdfdf #dfdfdf #808080; background: #b8b8b8; }
.ie-tb-label {
  font-size: 11px;
  line-height: 12px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* separadores entre grupos de botones, como en el IE de verdad */
.ie-tb-sep {
  flex: 0 0 auto;
  width: 2px;
  align-self: stretch;
  margin: 3px 3px;
  border-left: 1px solid #808080;
  border-right: 1px solid #ffffff;
}

/* ── Iconos de la barra (dibujados a bloques, 16x16) ── */
.ie-tb-ico {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
  flex-shrink: 0;
}
.ie-tb-ico::before,
.ie-tb-ico::after { content: ''; position: absolute; }

.ie-tb-ico-back::before,
.ie-tb-ico-fwd::before {
  top: 3px; width: 0; height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #1a7a1a transparent transparent;
}
.ie-tb-ico-back::before { left: 0; }
.ie-tb-ico-fwd::before { right: 0; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #1a7a1a; }
.ie-tb-ico-back::after,
.ie-tb-ico-fwd::after {
  top: 6px; width: 9px; height: 4px;
  background: #1a7a1a;
  border: 1px solid #0d4a0d;
}
.ie-tb-ico-back::after { left: 6px; }
.ie-tb-ico-fwd::after { right: 6px; }

.ie-tb-ico-stop::before,
.ie-tb-ico-stop::after {
  top: 6px; left: 1px; width: 14px; height: 3px;
  background: #c00000;
  border-top: 1px solid #700000;
  border-bottom: 1px solid #700000;
}
.ie-tb-ico-stop::before { transform: rotate(45deg); }
.ie-tb-ico-stop::after { transform: rotate(-45deg); }

.ie-tb-ico-refresh::before {
  left: 1px; top: 2px; width: 12px; height: 12px;
  border: 3px solid #1a7a1a;
  border-right-color: transparent;
  border-radius: 50% !important;
}
.ie-tb-ico-refresh::after {
  right: 0; top: 0; width: 0; height: 0;
  border-style: solid;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #1a7a1a transparent;
  transform: rotate(45deg);
}

.ie-tb-ico-home::before {
  left: 3px; top: 1px; width: 0; height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #a03000 transparent;
}
.ie-tb-ico-home::after {
  left: 3px; top: 7px; width: 10px; height: 8px;
  background: #f0d000;
  border: 1px solid #806000;
}

.ie-tb-ico-fav::before {
  left: 1px; top: 1px; width: 14px; height: 14px;
  background: #f0c000;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.browser-addressbar {
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.browser-addr-label {
  font-size: 11px;
  color: #000;
  padding: 0 2px 0 4px;
}

.browser-address-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 20px;
  padding: 1px 3px;
  border: 2px inset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  background: #fff;
  font-family: 'MS Sans Serif', Tahoma, sans-serif;
  font-size: 11px;
  color: #000;
}

.browser-address-input:focus { outline: none; }

.browser-go-btn {
  height: 20px;
  padding: 0 8px;
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  color: #000;
  cursor: var(--cursor-pointer), pointer;
}

.browser-go-btn:active { border-style: inset; }

/* ═══════════════════ Zona de página ═══════════════════ */
.browser-page {
  flex: 1 1 auto;
  overflow: auto;
  background: #fff;
  border: 2px inset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  margin: 3px;
  color: #000;
  font-family: Verdana, 'MS Sans Serif', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

.browser-page a { color: #0000cc; text-decoration: underline; }
.browser-page a:visited { color: #551a8b; }
.browser-page a:hover { color: #cc0000; }

/* Los "chips" modernos se convierten en enlaces de toda la vida */
.browser-page .gog-sugg-chip,
.browser-page .browser-home-link,
.browser-page .forum-thread-title,
.browser-page .news-row-title,
.browser-page .tt-row-title {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  color: #0000cc !important;
  text-decoration: underline !important;
  cursor: var(--cursor-pointer), pointer !important;
  min-width: 0 !important;
  height: auto !important;
}

.browser-page .gog-sugg-chip:hover,
.browser-page .browser-home-link:hover,
.browser-page .forum-thread-title:hover,
.browser-page .news-row-title:hover {
  color: #cc0000 !important;
  text-decoration: underline !important;
}

.browser-page .gog-sugg-chip+.gog-sugg-chip::before { content: ' \00B7  '; color: #000; }

/* Botones de formulario, los de la época */
.browser-page .tt-btn {
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  font-family: Tahoma, 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #000;
  padding: 2px 9px;
  cursor: var(--cursor-pointer), pointer;
  margin: 0;
}

.browser-page .tt-btn:active { border-style: inset; }

/* ═══════════════════ Página de carga ═══════════════════ */
.browser-load {
  padding: 18px 22px;
  background: #fff;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  color: #000;
}

.browser-load-line { color: #606060; }
.browser-load-line.on { color: #000; }

.browser-load-bar {
  height: 16px;
  margin: 12px 0 4px;
  border: 2px inset #dfdfdf;
  background: #fff;
  overflow: hidden;
}

.browser-load-bar-fill {
  height: 100%;
  width: 0;
  background: #000080;
}

.browser-load-pct { font-size: 11px; color: #404040; }
.browser-load-cursor { animation: ie-blink 0.9s steps(2) infinite; }
@keyframes ie-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

/* ═══════════════════ Página de inicio (Gogogle) ═══════════════════ */
.browser-home {
  padding: 40px 20px 0;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
}

.browser-home-gogogle-logo { width: 200px; height: auto; }
.browser-home-sub { font-size: 12px; color: #303030; margin: 6px 0 18px; font-family: Verdana, sans-serif; }

.browser-home-search {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 14px;
}

.browser-home-input {
  width: 330px;
  max-width: 60vw;
  height: 22px;
  padding: 2px 4px;
  border: 2px inset #dfdfdf;
  background: #fff;
  font-family: 'MS Sans Serif', Tahoma, sans-serif;
  font-size: 12px;
}

.browser-home-btn {
  height: 22px;
  padding: 0 10px;
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  cursor: var(--cursor-pointer), pointer;
}

.browser-home-btn:active { border-style: inset; }

/* ═══════════════════ Gogogle: resultados ═══════════════════ */
.browser-gogogle-results { padding: 12px 16px 20px; background: #fff; }

.browser-gogogle-header {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.browser-gogogle-logo-img { width: 118px; height: auto; }
.browser-gogogle-query-line { font-family: Verdana, sans-serif; }
.browser-gogogle-label { display: none; }
.browser-gogogle-query { font-size: 13px; font-weight: bold; color: #000; }

.browser-result { margin-bottom: 16px; }
.browser-result-title { font-size: 15px; }
.browser-result-url { color: #008000; font-size: 12px; font-family: Verdana, sans-serif; }
.browser-result-desc { font-size: 12px; color: #202020; font-family: Verdana, sans-serif; line-height: 1.5; }

.gog-sugg-chip { font-size: 13px; margin-right: 4px; }

/* ═══════════════════ Páginas de error 404 ═══════════════════ */
.err4 { background: #fff; font-family: Verdana, sans-serif; color: #000; }
.err4-top { background: #efefef; border-bottom: 1px solid #c0c0c0; padding: 6px 14px; }
.err4-brand { font-size: 13px; font-weight: bold; color: #000080; }
.err4-addr { font-family: 'Courier New', monospace; font-size: 11px; color: #404040; }
.err4-code { font-family: 'Courier New', monospace; font-size: 64px; font-weight: bold; color: #c8c8c8; letter-spacing: 2px; }
.err4-title { font-family: 'Times New Roman', serif; font-size: 22px; font-weight: bold; }
.err4-text { font-size: 12.5px; }
.err4-addrbox { border: 1px dashed #a0a0a0; background: #f7f7e8; }

.err4-foot { background: #efefef; border-top: 1px solid #c0c0c0; font-size: 11px; color: #404040; }

/* ═══════════════════ Tu Tuve ═══════════════════ */
.tt { background: #e8e8e8; font-family: Verdana, sans-serif; font-size: 12px; }
.tt-top { background: #dcdcdc; border-bottom: 1px solid #b0b0b0; padding: 6px 10px; display: flex; align-items: center; gap: 12px; }
.tt-logo { font-weight: bold; color: #0000cc; font-size: 14px; }
.tt-top-path { color: #404040; font-size: 11px; }
.tt-search { display: flex; gap: 4px; }
.tt-search-input { border: 2px inset #dfdfdf; background: #fff; height: 20px; padding: 1px 4px; font-family: 'MS Sans Serif', Tahoma, sans-serif; font-size: 11px; }
.tt-body { display: flex; gap: 12px; padding: 10px; }
.tt-col-main { flex: 1 1 auto; min-width: 0; }
.tt-title { font-weight: bold; font-size: 13px; color: #202020; border-bottom: 1px solid #b8b8b8; margin-bottom: 8px; padding-bottom: 3px; }

.tt-live-meta { font-size: 10.5px; color: #606060; }
.tt-side { flex: 0 0 220px; }
.tt-live { background: #111; border: 1px solid #444; padding: 8px; }
.tt-live-title { color: #e8e8e8; font-size: 12.5px; font-weight: bold; }
.tt-live-tag { color: #ff5050; font-size: 10.5px; font-weight: bold; }
.ttlive-stage { background: #000; }

.tt-row { border-bottom: 1px solid #dcdcdc; padding: 5px 0; }
.tt-banner { background: #d0d0d0; border: 1px solid #a0a0a0; padding: 8px; }
.tt-chan-name { font-size: 16px; font-weight: bold; font-family: 'Times New Roman', serif; }
.tt-chan-meta { font-size: 11px; color: #505050; }

/* ═══════════════════ Forogogogle ═══════════════════ */
.forum-page,
.news-page { background: #fff; font-family: Verdana, sans-serif; font-size: 12px; }
.forum-top,
.news-top { background: #d1e2f0; border-bottom: 1px solid #a0b8cc; padding: 6px 12px; font-weight: bold; font-size: 13px; color: #103050; }
.forum-top-sub,
.news-top-sub { font-weight: normal; font-size: 11px; color: #40607a; }
.forum-rules { background: #fdf6d8; border-bottom: 1px solid #d8c890; color: #503f00; font-size: 11px; padding: 6px 12px; }
.forum-title,
.news-title { font-family: 'Times New Roman', serif; font-size: 20px; font-weight: normal; border-bottom: 1px solid #a0b8cc; margin: 10px 12px 8px; padding-bottom: 3px; color: #103050; }
.forum-board { border: 1px solid #a0b8cc; margin: 0 12px 14px; }
.forum-board-name { background: #d1e2f0; color: #103050; font-weight: bold; padding: 4px 8px; border-bottom: 1px solid #a0b8cc; font-size: 12px; }
.forum-thread-row { padding: 6px 8px; border-bottom: 1px solid #e2eef8; font-size: 12px; }
.forum-thread-row:nth-child(even) { background: #f2f7fb; }
.forum-thread-meta { font-size: 10.5px; color: #607080; font-family: 'Courier New', monospace; }
.forum-post { border: 1px solid #a0b8cc; margin: 10px 12px; }
.forum-post-head { background: #e2eef8; border-bottom: 1px solid #a0b8cc; padding: 4px 8px; font-size: 11px; color: #103050; font-weight: bold; }
.forum-post-body { padding: 8px; font-size: 12.5px; line-height: 1.6; }
.forum-post-del .forum-post-body { color: #808080; font-style: italic; }
.forum-status { margin: 0 12px 10px; background: #f0f0f0; border: 1px solid #b0b0b0; padding: 5px 8px; font-size: 11px; color: #505050; }
.forum-reply {
  margin: 14px 12px;
  padding: 10px;
  background: #f2f7fb;
  border: 1px solid #a0b8cc;
}
.forum-reply-title { margin-bottom: 6px; color: #103050; font-size: 12px; font-weight: bold; }
.forum-reply-input {
  box-sizing: border-box;
  width: 100%;
  min-height: 64px;
  resize: vertical;
  padding: 6px;
  border: 1px solid #708090;
  background: #fff;
  color: #111;
  font: 12px/1.45 Verdana, sans-serif;
}
.forum-reply-actions { display: flex; align-items: center; gap: 10px; margin-top: 7px; flex-wrap: wrap; }
.forum-reply-status { color: #405868; font-size: 11px; }
.forum-post--nuevo { animation: forum-post-in 0.22s ease-out; }
.forum-post--propia { border-color: #6d8eaa; }
.forum-post--propia .forum-post-head { background: #d1e2f0; }
@keyframes forum-post-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.news-related { margin: 18px 12px; padding: 10px 12px; border-top: 2px solid #103050; background: #f2f7fb; }
.news-related h3 { margin: 0 0 8px; color: #103050; font: bold 13px Verdana, sans-serif; }
.news-related-link { display: inline; color: #0645ad; cursor: var(--cursor-pointer), pointer; font-size: 12px; line-height: 1.5; }
.news-related-link:hover { text-decoration: underline; }
.news-related-date { display: block; margin: 1px 0 8px; color: #606060; font: 10.5px 'Courier New', monospace; }

/* ═══════════════════ Notigogogle ═══════════════════ */
.news-ticker { background: #000; color: #e8e8e8; font-family: 'Courier New', monospace; font-size: 11.5px; padding: 5px 10px; }
.news-row { border-bottom: 1px solid #c8c8c8; padding: 9px 12px; }
.news-row-title { font-family: 'Times New Roman', serif; font-size: 17px; }
.news-row-lede,
.news-p { font-family: Verdana, sans-serif; font-size: 12.5px; line-height: 1.6; }
.news-p { padding: 0 12px; }
.news-date { font-size: 10.5px; color: #606060; font-family: 'Courier New', monospace; padding: 0 12px; }

/* ═══════════════════ Webs de época ═══════════════════ */

.diario-brand { font-family: 'Times New Roman', serif; font-size: 19px; font-weight: bold; }
.diario-sub { font-size: 11px; font-family: 'Courier New', monospace; }

.diario { background: #fffff0; font-family: 'Courier New', monospace; }
.diario-top { background: #808000; color: #fffff0; padding: 8px 12px; }
.diario-counter { font-size: 11px; color: #606040; padding: 5px 12px; border-bottom: 1px dashed #c8c8a0; }
.diario-entry { padding: 12px; border-bottom: 1px solid #e8e8c8; }
.diario-entry-final { background: #000; border-bottom-color: #000; }
.diario-date { font-weight: bold; font-size: 12px; color: #606000; }
.diario-text { font-size: 13px; line-height: 1.7; }
.diario-entry-final .diario-date { color: #a0a0b8; }
.diario-entry-final .diario-text { color: #d8d8e4; }
.diario-creep { font-size: 11.5px; color: #606040; font-style: italic; padding: 8px 12px; }

/* El registro de casos: la misma subsede que la libreta, una lista a máquina
   con tres líneas en blanco al final (el día 3, una escrita a lápiz) */
.registro-intro { font-size: 12.5px; line-height: 1.7; padding: 10px 12px 4px; }
.registro-tabla { border-collapse: collapse; margin: 8px 12px; width: calc(100% - 24px); font-size: 12px; }
.registro-tabla th { text-align: left; color: #606000; border-bottom: 2px solid #808000; padding: 4px 6px; }
.registro-tabla td { border-bottom: 1px dashed #c8c8a0; padding: 5px 6px; vertical-align: top; }
.registro-blanco td { height: 18px; }
.registro-tuyo td { color: #303030; background: #f6f2cc; font-family: 'Segoe Print', 'Comic Sans MS', cursive; font-size: 12.5px; }
.browser-page .registro-anexos { margin: 20px 12px 12px; padding-top: 10px; border-top: 2px solid #808000; }
.browser-page .registro-anexos h2 { margin: 0 0 3px; color: #606000; font: bold 16px 'Courier New', monospace; }
.browser-page .registro-anexos-intro { margin: 0 0 12px; color: #606040; font-size: 11.5px; line-height: 1.55; }
.browser-page .registro-anexo { margin: 0 0 10px; padding: 10px 12px; border: 1px dashed #b8b888; border-left: 3px double #808000; background: #fffef8; }
.browser-page .registro-anexo h3 { margin: 0 0 5px; color: #505000; font: bold 12px 'Courier New', monospace; }
.browser-page .registro-anexo p { margin: 0 0 7px; color: #303020; font-size: 12px; line-height: 1.65; }
.browser-page .registro-anexo-link { color: #000080; font-size: 11.5px; text-decoration: underline; cursor: var(--cursor-pointer), pointer; }
.browser-page .registro-anexo-link:hover { background: #ffffcc; }
.diario-enlace { display: block; padding: 8px 12px; font-size: 12px; color: #000080; font-style: italic; text-decoration: underline; cursor: var(--cursor-pointer), pointer; }
.libro { background: #fffff0; }

.tiempo { background: #eaf2fa; }

/* ═══════════════════ Cuaderno (documento local) ═══════════════════ */

/* ═══════════════════ Cuadros de diálogo ═══════════════════ */

/* ═══════════════════ Pie de página de la red antigua ═══════════════════ */
.ie-oldfoot {
  border-top: 1px solid #b0b0b0;
  background: #f4f4ec;
  padding: 8px 12px;
  margin-top: 14px;
  font-family: 'MS Sans Serif', Tahoma, sans-serif;
  font-size: 10.5px;
  color: #505050;
  text-align: center;
}

.ie-counter { font-family: 'Courier New', monospace; font-size: 11px; color: #303030; }
.ie-counter b { background: #000; color: #b8f000; padding: 1px 4px; letter-spacing: 1px; }
.ie-oldfoot-line { padding-top: 3px; }
.ie-oldfoot-dim { color: #808080; font-style: italic; }

/* Botones, campos y listas de cualquier página de la red (aspecto de 1999) */
.browser-page button {
  background: #c0c0c0;
  border: 2px outset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  font-family: Tahoma, 'MS Sans Serif', sans-serif;
  font-size: 11px;
  color: #000;
  padding: 2px 8px;
  cursor: var(--cursor-pointer), pointer;
}

.browser-page button:active { border-style: inset; }

.browser-page input[type="text"],
.browser-page input[type="search"] {
  border: 2px inset #dfdfdf;
  border-right-color: #808080;
  border-bottom-color: #808080;
  background: #fff;
  padding: 1px 4px;
  font-family: 'MS Sans Serif', Tahoma, sans-serif;
  font-size: 12px;
  color: #000;
}

.browser-page input:focus { outline: none; }

.browser-page ul { margin: 6px 0 10px; padding-left: 26px; }
.browser-page li { margin-bottom: 3px; line-height: 1.5; }
.browser-page hr { border: 0; border-top: 1px solid #a0a0a0; margin: 12px 0; }

.browser-page h1,
.browser-page h2,
.browser-page h3 {
  font-family: 'Times New Roman', Times, serif;
  font-weight: normal;
  color: #000;
}

.browser-page blockquote {
  border-left: 2px solid #c0c0c0;
  margin: 8px 0 8px 12px;
  padding-left: 10px;
  color: #303030;
}

.browser-page ::-webkit-scrollbar { width: 16px; height: 16px; }
.browser-page ::-webkit-scrollbar-track { background: #dfdfdf; }
.browser-page ::-webkit-scrollbar-thumb { background: #c0c0c0; border: 1px outset #dfdfdf; }

/* Servicios de Gogogle en la portada (estilo buscador de 1999) */
.gog-services { padding: 10px 12px 6px; font-size: 12px; }
.gog-services-label { color: #303030; margin-right: 6px; }
.gog-services-sep { color: #808080; margin: 0 6px; }
.browser-app .browser-home-link { color: #0000cc; text-decoration: underline; cursor: var(--cursor-pointer), pointer; }
.browser-app .browser-home-link:visited { color: #551a8b; }

/* Miniaturas de video: caja gris con el simbolo de reproducir */
.browser-app .tt-row-thumb,
.browser-app .tvt-related-thumb {
  flex-direction: column;
  background: #c0c0c0;
  color: #000;
  border: 2px inset #dfdfdf;
  font-size: 0;
}
.browser-app .tvt-related-thumb { font-size: 0; }
.ie-thumb-mark { font-size: 20px; line-height: 1; color: #000; }
.ie-thumb-cap { display: block; font-size: 9px; color: #404040; margin-top: 2px; }
.browser-app .tvt-related-thumb .ie-thumb-mark { font-size: 14px; }

/* Capturas de minijuegos que no se descargaron */

/* Controles de la red antigua: botones y campos con pinta de 1999.
   Las webs "de ahora" del juego quedan fuera (llevan browser-page-modern). */

/* Los sitios "de ahora" del juego (janiito, GitHub, itch, RickyEdit, Eloy) no
   son webs de la red antigua: conservan sus botones redondeados. */

/* Marcador de Gogogle Mapas (dibujado con caracteres, como se hacía antes) */

.ie-menu-item-label { flex: 1 1 auto; white-space: nowrap; }

/* ═══════════════════════════════════════════════════════════════════════════
   Ajustes de la fusión
   ═══════════════════════════════════════════════════════════════════════════ */

/* shell98 iba detrás: el aspa de la consola sigue sin color al pasar el ratón */
.window-cmd .window-btn-close:hover { color: transparent; }

/* ═══════════════════════════════════════════════════════════════════════════
   LA RED DE ANTES: RickyEdit Games y sus minijuegos, janiito.com, EloyGM,
   GitHub, itch.io, la web oficial, las webs de época, la Máquina del Tiempo,
   Descargalandia, el Anillo, el libro de visitas, Grupos, El Tiempo, el puzle
   (recuperado del CSS de 51a8357 para las clases que vuelven a usarse)
   ═══════════════════════════════════════════════════════════════════════════ */

.nlb-code-lab {
  margin-top: 14px;
  padding: 10px;
  border: 1px solid #232323;
  background: #090909;
}

.nlb-code-row {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  align-items: center;
}

.nlb-code-input {
  flex: 1;
  min-width: 0;
  background: #0d0d0d;
  border: 1px solid #2f2f2f;
  color: #b9b9b9;
  padding: 8px;
  font-family: 'Courier New', monospace;
  font-size: 12px;
}

.nlb-code-btn {
  background: #1a1a1a;
  border: 1px solid #444;
  color: #d4d4d4;
  padding: 8px 12px;
  font-family: 'Courier New', monospace;
  font-size: 12px;
  cursor: var(--cursor-pointer), pointer;
}

.nlb-code-btn:hover {
  border-color: #8a8a8a;
  color: #fff;
}

.nlb-code-status {
  margin-top: 8px;
  color: #909090;
  font-size: 11px;
  font-family: 'Courier New', monospace;
}

.hidden-site-panel {
  background: linear-gradient(180deg, #0d0d0d 0%, #060606 100%);
  border: 1px solid #1e1e1e;
  box-shadow: inset 0 0 0 1px #111, 0 0 20px rgba(0, 0, 0, 0.45);
}

.hidden-site-panel .browser-gp-title {
  color: #d3d3d3;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.hidden-site-panel .browser-gp-text {
  color: #a9a9a9;
}

.browser-gogogle-page {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.browser-gogogle-page-bar {
  padding: 6px 12px;
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  flex-shrink: 0;
}

.browser-gogogle-page-url {
  color: #0055cc;
  font-family: 'Courier New', monospace;
  font-size: 10px;
  word-break: break-all;
}

.browser-gogogle-page-content {
  flex: 1;
  padding: 16px 20px;
  overflow-y: auto;
  font-size: 12px;
  line-height: 1.5;
}

.browser-gp-title {
  font-size: 18px;
  color: #222;
  margin: 0;
  font-weight: bold;
}

.browser-gp-text {
  margin: 0 0 8px;
  color: #444;
  font-size: 12px;
}

.webreal-row { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }

.net-cursor {
  color: #000;
  animation: net-blink 0.7s steps(1) infinite;
  font-weight: bold;
}

.browser-net {
  background: #fff;
  color: #111;
  min-height: 100%;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
  line-height: 1.5;
}

.net-lines { overflow-wrap: break-word; }

.net-line { animation: net-line-in 0.12s ease-out; }

.net-dim { color: #888; font-size: 0.85em; }

.net-real-portal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 5px 9px;
  background: #d4d0c8;
  border-bottom: 1px solid #808080;
  box-shadow: inset 0 1px #fff;
  color: #111;
  font: 11px 'MS Sans Serif', Tahoma, Verdana, sans-serif;
}
.net-real-portal-label { font-size: 10px; font-weight: bold; letter-spacing: 1px; }
.net-real-portal-btn {
  padding: 3px 9px;
  border: 2px solid;
  border-color: #fff #0a0a0a #0a0a0a #fff;
  background: #c0c0c0;
  box-shadow: inset -1px -1px #808080, inset 1px 1px #dfdfdf;
  color: #000;
  font: 11px 'MS Sans Serif', Tahoma, Verdana, sans-serif;
}
.net-real-portal-btn:active { border-color: #0a0a0a #fff #fff #0a0a0a; }
.net-portal-link { cursor: var(--cursor-pointer), pointer; }
.net-portal-note {
  margin: 12px;
  padding: 9px 11px;
  border: 1px solid #99976a;
  background: #ffffe1;
  color: #222;
  font: 12px/1.45 'MS Sans Serif', Tahoma, Verdana, sans-serif;
  overflow-wrap: anywhere;
}
.net-portal-note a { color: #0000cc; text-decoration: underline; }
@media (max-width: 520px) {
  .net-real-portal-label { display: none; }
  .net-real-portal { justify-content: flex-end; }
}

.net-mail-note {
  margin: 8px 0;
  padding: 8px 10px;
  background: #ffffe1;
  border: 1px solid #c9c9a0;
  font-size: 12px;
}

.net-ricky {
  background: #fbfaff;
  color: #1a1230;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, sans-serif;
}

.net-ricky a, .rg-link { color: #6d28d9; cursor: var(--cursor-pointer), pointer; text-decoration: none; }

.net-ricky a:hover, .rg-link:hover { text-decoration: underline; }

.rg-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px;
  background: #1a1230;
  color: #fff;
  position: sticky;
  top: 0;
  z-index: 5;
}

.rg-logo { font-size: 17px; color: #fff; display: flex; align-items: center; gap: 8px; }

.rg-logo b { color: #a78bfa; }

.rg-logo-dot {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
  color: #fff; font-weight: 900; font-size: 14px;
}

.rg-top-links { display: flex; gap: 14px; font-size: 13px; }

.rg-top-links a { color: #c4b5fd; cursor: var(--cursor-pointer), pointer; text-decoration: none; }

.rg-top-links a:hover { color: #fff; }

.rg-link-dim { opacity: 0.75; }

.rg-hero {
  text-align: center;
  padding: 30px 18px 18px;
  background:
    radial-gradient(600px 160px at 50% -40px, rgba(124, 58, 237, 0.16), transparent),
    #fbfaff;
}

.rg-hero-logo {
  font-size: 42px;
  font-weight: 900;
  letter-spacing: -1px;
  background: linear-gradient(90deg, #6d28d9, #a21caf);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.rg-hero-sub { margin-top: 6px; color: #5b5570; font-size: 15px; }

.rg-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 14px;
  padding: 8px 16px 24px;
}

.rg-game {
  background: #fff;
  border: 1px solid #e5e0f2;
  border-radius: 0;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.rg-game:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(26, 18, 48, 0.12); }

.rg-game-thumb {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  background: linear-gradient(135deg, #f3eefe, #e9e2ff);
  border-radius: 0;
}

.rg-game-cat {
  align-self: flex-start;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 700;
  color: #7c3aed;
  background: #ede9fe;
  border-radius: 0;
  padding: 2px 9px;
}

.rg-game-name { font-weight: 800; font-size: 16px; color: #1a1230; }

.rg-game-name-big { font-size: 24px; }

.rg-game-desc { color: #555; font-size: 12.5px; flex: 1; }

.rg-btn {
  display: inline-block;
  border: none;
  border-radius: 0;
  background: #7c3aed;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  padding: 9px 14px;
  cursor: var(--cursor-pointer), pointer;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.rg-btn:hover { background: #6d28d9; }

.rg-btn:active { transform: translateY(1px); }

.rg-btn:disabled { opacity: 0.55; cursor: default; }

.rg-btn-ghost {
  background: transparent;
  color: #6d28d9;
  border: 1.5px solid #c4b5fd;
}

.rg-btn-ghost:hover { background: #f3eefe; }

.rg-btn-big { font-size: 14px; padding: 11px 20px; }

.rg-next-wrap { padding: 6px 16px 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

@media (max-width: 700px) { .rg-next-wrap { grid-template-columns: 1fr; } }

.rg-next-card {
  background: linear-gradient(135deg, #f1edfb, #f9f6ff);
  border: 1.5px dashed #b9a8ee;
  border-radius: 0;
  padding: 16px;
  display: flex; flex-direction: column; gap: 8px;
}

.rg-next-tag {
  align-self: flex-start; font-size: 10px; font-weight: 800;
  letter-spacing: 1px; color: #fff; background: #7c3aed;
  padding: 3px 10px; border-radius: 0;
}

.rg-next-title { font-weight: 700; color: #3b2f5e; }

.rg-idea { border: 1px solid #e5e0f2; border-radius: 0; padding: 14px; background: #fff; }

.rg-section-title {
  font-weight: 900;
  font-size: 20px;
  color: #1a1230;
  padding: 18px 16px 6px;
}

.rg-label { display: block; font-size: 12.5px; font-weight: 700; color: #3b2f5e; margin: 8px 0 3px; }

.rg-input, .rg-area {
  width: 100%;
  box-sizing: border-box;
  border: 1.5px solid #d6cfec;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 13px;
  font-family: inherit;
  background: #fdfcff;
  color: #111;
  outline: none;
}

.rg-input:focus { border-color: #7c3aed; }

.rg-area { resize: vertical; }

.rg-form-note { font-size: 11.5px; color: #776; margin-top: 4px; }

.rg-form-status { font-size: 13px; color: #6d28d9; margin-top: 8px; font-weight: 600; }

.rg-form-creep { color: #a30000; }

.rg-news { border-top: 1px solid #ece7f8; padding-bottom: 18px; }

.rg-news-badge {
  display: inline-block;
  margin: 18px 0 0 16px;
  background: #a21caf;
  color: #fff;
  font-weight: 900;
  border-radius: 0;
  padding: 3px 12px;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.rg-news-date { color: #999; font-size: 12px; padding: 0 16px; }

.rg-news-head { font-size: 19px; font-weight: 900; padding: 2px 16px; color: #1a1230; }

.rg-news-sub { padding: 0 16px; color: #666; margin-bottom: 8px; }

.rg-news-game {
  margin: 4px 16px;
  padding: 8px 12px;
  background: #faf8ff;
  border-left: 3px solid #7c3aed;
  border-radius: 0 8px 8px 0;
  font-size: 13px;
}

.rg-news-warn { border-left-color: #f59e0b; }

.rg-news-creep { border-left-color: #a30000; }

.rg-news-dim { border-left-color: #d6cfec; color: #6a6480; }

.rg-footer {
  border-top: 1px solid #ece7f8;
  padding: 14px 16px;
  color: #7a7290;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px;
}

.rg-404 { text-align: center; padding: 50px 20px; }

.rg-404-code { font-size: 64px; font-weight: 900; color: #d6cfec; }

.rg-404-title { font-size: 18px; font-weight: 800; }

.rg-404-text { color: #666; margin: 8px auto 18px; max-width: 420px; }

.rg-game-head { display: flex; gap: 16px; padding: 18px 16px 8px; align-items: center; }

.rg-game-head .rg-game-desc { font-size: 14px; }

.rg-how { margin-top: 8px; font-size: 12.5px; color: #5b5570; background: #f6f3fd; border-radius: 0; padding: 8px 10px; }

.rg-playzone {
  margin: 10px 16px 18px;
  border: 1px solid #e5e0f2;
  border-radius: 0;
  background: #fff;
  padding: 16px;
}

.rg-media { text-align: center; }

.rg-media-ico { font-size: 44px; }

.rg-media-title { font-weight: 800; font-size: 18px; margin: 4px 0; }

.rg-media-note { color: #666; max-width: 460px; margin: 4px auto 14px; }

.mg-status { margin-top: 12px; font-size: 13px; color: #3b2f5e; min-height: 18px; }

.mg-status .rg-btn-ghost { margin-left: 6px; }

.rg-discord-box {
  margin: 8px 16px;
  text-align: center;
  background: #5865f2;
  color: #fff;
  border-radius: 0;
  padding: 22px;
}

.rg-discord-emoji { font-size: 40px; }

.rg-discord-box .rg-btn { background: #fff; color: #5865f2; margin-top: 12px; }

.rg-discord-status { margin-top: 10px; font-size: 12.5px; min-height: 16px; }

.rg-discord-box .rg-btn:disabled { opacity: 0.9; }

.rg-mode-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }

.rg-chip {
  border: 1px solid #d6cfec;
  background: #fff;
  border-radius: 0;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  color: #3b2f5e;
  cursor: var(--cursor-pointer), pointer;
  font-family: inherit;
}

.rg-chip:hover { background: #f3eefe; }

.ww-lives { margin-left: auto; font-weight: 800; color: #a21caf; }

.ww-board {
  display: flex; flex-direction: column; gap: 6px;
  max-width: 320px; margin: 6px auto 12px;
}

.ww-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }

.ww-cell {
  aspect-ratio: 1;
  border: 2px solid #d6cfec;
  border-radius: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 24px; font-weight: 900; color: #1a1230;
  text-transform: uppercase;
  background: #fff;
}

.ww-msg { text-align: center; color: #3b2f5e; font-weight: 600; min-height: 18px; margin: 4px 0; }

.ww-input-row { display: flex; gap: 8px; max-width: 320px; margin: 4px auto 8px; }

.ww-input { flex: 1; text-align: center; text-transform: uppercase; font-size: 18px; letter-spacing: 6px; font-weight: 800; }

.ww-mini { text-align: center; font-size: 12.5px; color: #5b5570; margin-top: 4px; }

.ww-mini .rg-btn-ghost { margin-left: 8px; padding: 4px 10px; font-size: 11px; }

.rg-leader { margin-top: 12px; }

.rg-leader .rg-section-title { padding: 8px 0; }

.rg-table { border-collapse: collapse; width: 100%; max-width: 520px; margin: 6px auto; font-size: 12.5px; }

.rg-table th, .rg-table td { border: 1px solid #e5e0f2; padding: 5px 9px; text-align: left; }

.rg-table th { background: #f3eefe; color: #3b2f5e; }

.mc-vs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 620px; margin: 10px auto; }

.mc-card {
  border: 1.5px solid #d6cfec;
  border-radius: 0;
  background: #fff;
  padding: 16px 12px;
  min-height: 90px;
  display: flex; flex-direction: column; gap: 6px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  color: #1a1230;
  cursor: var(--cursor-pointer), pointer;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.mc-card:hover { transform: scale(1.02); border-color: #7c3aed; }

.mc-card-reveal { font-size: 14px; font-weight: 900; color: #7c3aed; min-height: 18px; }

.mc-msg, .mc-score { text-align: center; color: #3b2f5e; }

.mc-score { margin-top: 6px; }

.pp-board { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 10px auto; max-width: 560px; }

.pp-cell {
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 2px solid #7c3aed;
  background: #ede9fe;
  color: #3b2f5e;
  font-weight: 900;
  font-size: 17px;
  font-family: inherit;
  cursor: var(--cursor-pointer), pointer;
}

.pp-cell:hover { background: #ddd6fe; }

.pp-on { background: #7c3aed; color: #fff; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.3); }

.pp-ok { background: #22c55e; border-color: #22c55e; color: #fff; }

.pp-q {
  max-width: 560px; margin: 8px auto;
  background: #faf8ff; border: 1px solid #e5e0f2; border-radius: 0;
  padding: 10px 14px; font-size: 14px; min-height: 42px;
}

.pp-answer { display: flex; gap: 8px; max-width: 440px; margin: 8px auto; }

.pp-input { flex: 1; }

.pp-msg { text-align: center; color: #5b5570; min-height: 16px; }

.jan-tag {

  font-size: 10.5px; font-weight: 700; color: #2563eb;
  background: #dbeafe; border-radius: 0; padding: 2px 9px;
}

.jan-list {
 color: #374151; margin: 6px 0 6px 22px;
}

.net-eloy {
  background: #fff;
  color: #1f2937;
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
}

.net-eloy a { color: #0a7d3c; cursor: var(--cursor-pointer), pointer; text-decoration: none; }

.eg-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-bottom: 1px solid #e5e7eb; position: sticky; top: 0; background: #fff; z-index: 5; }

.eg-logo { font-weight: 900; font-size: 19px; letter-spacing: -0.5px; }

.eg-logo-gm { color: #16a34a; }

.eg-top-links { display: flex; gap: 16px; font-size: 13.5px; }

.eg-link { color: #1f2937; }

.eg-hero { text-align: center; padding: 26px 18px 14px; background: linear-gradient(180deg, #f0fdf4, #fff); }

.eg-hola { font-size: 30px; font-weight: 900; }

.eg-rol { color: #16a34a; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; margin: 2px 0 12px; }

.eg-text { color: #374151; max-width: 560px; margin: 4px auto; }

.eg-hero-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 14px; }

.eg-btn {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111;
  border-radius: 0;
  padding: 9px 18px;
  font-weight: 700;
  font-size: 13px;
  cursor: var(--cursor-pointer), pointer;
  font-family: inherit;
}

.eg-btn:hover { background: #f3f4f6; }

.eg-btn-solid { background: #16a34a; border-color: #16a34a; color: #fff; }

.eg-btn-solid:hover { background: #15803d; }

.eg-btn-discord { border-color: #5865f2; color: #5865f2; }

.eg-beta {
  margin: 6px 18px 14px;
  border: 1px solid #d1fae5;
  background: #f0fdf4;
  border-radius: 0;
  padding: 16px;
  max-width: 640px;
}

.eg-beta-title { font-size: 11px; font-weight: 800; letter-spacing: 1px; color: #16a34a; text-transform: uppercase; }

.eg-beta-head { font-weight: 800; font-size: 16px; margin: 4px 0; }

.eg-beta-text { color: #374151; font-size: 13.5px; }

.eg-beta-full { max-width: 720px; margin: 10px auto; }

.eg-beta .eg-btn { margin-top: 8px; }

.eg-section-title { font-size: 19px; font-weight: 900; padding: 18px 18px 8px; }

.eg-app {
  display: flex; align-items: center; gap: 14px;
  border: 1px solid #e5e7eb;
  margin: 0 18px 10px;
  border-radius: 0;
  padding: 12px 14px;
}

.eg-app-ico { width: 44px; height: 44px; border-radius: 0; background: #f0fdf4; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }

.eg-app-name { font-weight: 800; }

.eg-app-desc { color: #4b5563; font-size: 12.5px; }

.eg-app-info { flex: 1; min-width: 0; }

.eg-app-state { flex-shrink: 0; }

.eg-soon { color: #d97706; font-size: 12.5px; font-weight: 700; }

.eg-btn:disabled { opacity: 0.7; }

.eg-contact-card { max-width: 640px; margin: 10px 18px; border: 1px solid #e5e7eb; border-radius: 0; padding: 18px; }

.eg-crow { margin: 12px 0; font-size: 14px; }

.eg-cio { margin-right: 6px; }

.eg-mail { color: #0a7d3c; font-weight: 700; }

.eg-footer { border-top: 1px solid #e5e7eb; margin-top: 14px; padding: 14px 18px; color: #9ca3af; font-size: 12px; }

.net-gh { background: #fff; color: #1f2328; font-family: -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 14px; }

.net-gh a { color: #0969da; cursor: var(--cursor-pointer), pointer; text-decoration: none; }

.net-gh a:hover { text-decoration: underline; }

.gh-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 18px; border-bottom: 1px solid #d1d9e0; background: #f6f8fa; position: sticky; top: 0; z-index: 5; }

.gh-logo { font-size: 18px; }

.gh-top-links { font-size: 13px; }

.gh-profile { display: flex; gap: 16px; padding: 18px; border-bottom: 1px solid #d1d9e0; }

.gh-avatar { width: 64px; height: 64px; border-radius: 50%; background: #0969da; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 22px; flex-shrink: 0; }

.gh-name { font-weight: 700; font-size: 19px; }

.gh-user { color: #656d76; }

.gh-bio { margin: 6px 0; color: #1f2328; }

.gh-counts { color: #656d76; font-size: 12px; }

.gh-tabs { display: flex; gap: 4px; padding: 6px 18px 0; border-bottom: 1px solid #d1d9e0; }

.gh-tab { padding: 7px 12px; font-size: 13px; font-weight: 600; }

.gh-tab-on { border-bottom: 2px solid #fd8c73; color: #1f2328; }

.gh-tab-off { color: #656d76; cursor: var(--cursor-pointer), pointer; }

.gh-repolist { padding: 6px 18px 18px; max-width: 860px; }

.gh-repo-row { display: block; border-bottom: 1px solid #d1d9e0; padding: 14px 4px; cursor: var(--cursor-pointer), pointer; }

.gh-repo-row-name { color: #0969da; font-weight: 700; font-size: 16px; }

.gh-repo-row-desc { color: #656d76; font-size: 13px; margin: 4px 0; }

.gh-repo-row-meta { color: #656d76; font-size: 12px; }

.gh-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #0969da; margin-right: 4px; }

.gh-repo { padding: 18px; border-bottom: 1px solid #d1d9e0; }

.gh-repo-name { font-size: 24px; font-weight: 700; color: #0969da; }

.gh-repo-desc { margin: 6px 0; color: #374151; }

.gh-repo-meta { color: #656d76; font-size: 13px; }

.gh-btn {
  display: inline-block; margin-top: 10px;
  background: #1f883d; color: #fff; border: none;
  border-radius: 0; padding: 6px 12px;
  font-weight: 600; font-size: 12.5px;
  cursor: var(--cursor-pointer), pointer; font-family: inherit;
}

.gh-readme { padding: 18px; max-width: 860px; }

.gh-readme-title { border: 1px solid #d1d9e0; border-bottom: none; border-radius: 0; background: #f6f8fa; padding: 8px 12px; font-weight: 700; }

.gh-readme-body { border: 1px solid #d1d9e0; border-radius: 0 0 8px 8px; padding: 14px 16px; }

.gh-readme-body p { margin: 6px 0; }

.gh-footer { color: #656d76; font-size: 12px; padding: 10px 18px 18px; }

.gh-back { border: none; background: none; color: #0969da; font-family: inherit; font-size: 13px; cursor: var(--cursor-pointer), pointer; padding: 0; }

.net-nlbw { background: #05050a; color: #d7d7e0; font-family: 'Courier New', monospace; }

.nlbw-top { border-bottom: 1px solid #1d1d2b; padding: 14px 18px; }

.nlbw-logo { color: #ff2b2b; font-weight: 900; font-size: 20px; letter-spacing: 1px; }

.nlbw-sub { color: #6b6b80; font-size: 12px; }

.nlbw-hero { padding: 26px 18px; display: flex; justify-content: center; }

.nlbw-card { max-width: 520px; text-align: center; }

.nlbw-desc { font-size: 14px; line-height: 1.7; color: #c9c9d8; }

.nlbw-tags { margin: 14px 0; display: flex; justify-content: center; gap: 8px; }

.nlbw-tags .jan-tag { background: #1d1d2b; color: #8b8bfa; }

.nlbw-play {
  background: #ff2b2b;
  border: none;
  color: #fff;
  font-family: inherit;
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 15px;
  padding: 12px 22px;
  border-radius: 0;
  cursor: var(--cursor-pointer), pointer;
}

.nlbw-play:hover { background: #d81f1f; }

.nlbw-play:disabled { opacity: 0.6; }

.nlbw-note { margin-top: 12px; color: #6b6b80; font-size: 12px; }

.nlbw-ok { color: #4ade80; }

.nlbw-creep { color: #ff6b6b; }

.nlbw-footer { border-top: 1px solid #1d1d2b; padding: 12px 18px; color: #55556a; font-size: 11.5px; }

.net-it { background: #fff; color: #141414; font-family: 'Segoe UI', sans-serif; }

.it-top { display: flex; justify-content: space-between; align-items: center; background: #141414; color: #fff; padding: 12px 18px; }

.it-logo { font-weight: 900; font-size: 19px; color: #ff5e5e; }

.it-user { color: #b9b9b9; font-size: 13px; }

.it-banner { display: flex; gap: 16px; padding: 20px 18px; border-bottom: 1px solid #eee; align-items: center; }

.it-avatar { width: 56px; height: 56px; background: #ff5e5e; border-radius: 0; display: flex; align-items: center; justify-content: center; font-weight: 900; color: #fff; font-size: 20px; }

.it-name { font-weight: 800; font-size: 18px; }

.it-bio { color: #555; font-size: 13px; margin-top: 2px; }

.it-section { font-weight: 800; padding: 18px 18px 8px; }

.it-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; padding: 4px 18px 18px; }

.it-game {
  border: 1px solid #e5e5e5; border-radius: 0; overflow: hidden;
  background: #fff; cursor: var(--cursor-pointer), pointer;
  text-align: center;
}

.it-game:hover { border-color: #ff5e5e; }

.it-game-dark { background: #0b0b0f; color: #eee; }

.it-game-thumb { height: 90px; display: flex; align-items: center; justify-content: center; font-size: 34px; background: linear-gradient(135deg, #fef3f3, #ffe9e9); }

.it-game-dark .it-game-thumb { background: linear-gradient(135deg, #1c1c28, #0b0b0f); }

.it-game-name { font-weight: 700; padding: 8px 6px 0; font-size: 13.5px; }

.it-game-price { color: #7d7d7d; font-size: 11.5px; padding: 2px 6px 10px; }

.it-note { margin: 0 18px 14px; padding: 10px; background: #fff7d6; border: 1px solid #efe0a0; border-radius: 0; font-size: 12.5px; color: #5a4a00; }

.it-footer { border-top: 1px solid #eee; padding: 12px 18px; color: #999; font-size: 11.5px; }

.gog-sugg { margin: 8px 18px 18px; padding-top: 10px; border-top: 1px solid #e0e0e0; }

.gog-sugg-label { font-size: 12px; color: #666; margin-bottom: 8px; }

.tt-creep { color: #a00 !important; font-family: 'Courier New', monospace; }

.era-page { background: #d8f0d0; color: #1a3300; font-family: 'Comic Sans MS', 'Segoe UI', Verdana, sans-serif; min-height: 100%; padding: 14px 16px; }

.era-title { font-size: 20px; font-weight: 900; text-align: center; margin: 10px 0 6px; }

.era-title-big { font-size: 26px; }

.era-title-blink { font-size: 24px; font-weight: 900; text-align: center; color: #f00; animation: era-blink 0.9s steps(1) infinite; margin-top: 16px; }

.era-sub { color: #25480a; font-size: 13.5px; max-width: 620px; margin: 4px auto 10px; text-align: center; line-height: 1.45; }

.era-counterrow { text-align: center; color: #333; font-size: 11.5px; font-family: 'Courier New', monospace; margin: 8px 0; }

.era-counter { color: #c00; font-weight: 700; }

.era-divider { text-align: center; color: #4c7a2a; margin: 12px 0; letter-spacing: 6px; }

.era-section { font-weight: 900; font-size: 15px; margin: 8px 2px 6px; color: #1a3300; }

.era-guest { background: #f4ffe8; border: 1px solid #9bc47c; padding: 7px 10px; margin: 6px 0; font-size: 12.5px; }

.era-guest b { color: #274f08; }

.era-guest div { color: #37402c; margin-top: 2px; }

.era-foot { text-align: center; color: #5a7340; font-size: 11px; margin-top: 16px; border-top: 1px dashed #9bc47c; padding-top: 8px; }

.era-badge { background: #ff0; color: #000; font-size: 11px; padding: 2px 8px; border-radius: 0; vertical-align: middle; }

.era-badge-red { background: #f00; color: #fff; }

.era-bigbtn { background: #ff0; border: 2px outset #cc0; color: #000; font-weight: 900; text-align: center; padding: 14px; margin: 14px auto; max-width: 420px; cursor: var(--cursor-pointer), pointer; font-family: 'Comic Sans MS', sans-serif; font-size: 16px; }

.era-bigbtn:hover { background: #ffe23a; }

.era-note { text-align: center; color: #555; font-size: 11px; margin: 10px auto; max-width: 480px; }

.era-dl { color: #25480a; font-size: 13px; text-align: center; margin-top: 8px; min-height: 15px; }

.era-inline { max-width: 220px; display: inline-block; margin-right: 6px; }

.era-winamp { background: #224; color: #bdf; border: 3px outset #556; padding: 14px; max-width: 460px; margin: 12px auto; text-align: center; font-family: 'Courier New', monospace; }

.era-winamp-txt { font-size: 14px; margin-bottom: 8px; }

.era-winamp .webreal-row { justify-content: center; }

.era-webcam { border: 6px double #222; background: #000; color: #bfb; min-height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Courier New', monospace; margin: 12px auto; max-width: 520px; padding: 16px; text-align: center; }

.era-webcam::before { content: '▚▚▚ SEÑAL EN DIRECTO ▚▚▚'; color: #f44; font-size: 11px; letter-spacing: 3px; margin-bottom: 12px; }

.era-webcam-txt { font-size: 15px; min-height: 40px; max-width: 420px; }

.era-webcam-txt2 { color: #575; font-size: 11px; margin-top: 12px; }

.era-creep { color: #b00000 !important; }

.era-333 { background: #05050a; color: #c8c8d4; font-family: 'Courier New', monospace; min-height: 60vh; }

.era-333 .era-title { color: #f33; text-shadow: 0 0 14px rgba(255,0,0,0.5); letter-spacing: 4px; }

.era-333 .era-sub { color: #666; }

.era-333-out { max-width: 560px; margin: 10px auto; }

.era-333-line { margin: 6px 0; font-size: 13.5px; min-height: 15px; }

.era-333-u { color: #7a7a00; font-weight: 700; }

.era-333 .era-creep { color: #f66 !important; }

.era-modem-out { max-width: 620px; margin: 8px auto; min-height: 130px; font-family: 'Courier New', monospace; font-size: 12.5px; color: #1a3300; }

.era-modem-line { margin: 4px 0; }

.era-virus { max-width: 520px; margin: 20px auto; text-align: center; }

.era-virus-status { margin-top: 10px; color: #37402c; font-size: 13px; min-height: 40px; font-family: 'Courier New', monospace; }

.era-joke { background: #f4ffe8; border: 1px solid #9bc47c; padding: 9px 12px; margin: 8px auto; max-width: 560px; }

.era-joke-a { font-weight: 700; }

.era-joke-b { color: #37402c; margin-top: 2px; }

.arc-top { background: #201400; color: #f5c98a; font-family: 'Courier New', monospace; font-size: 12px; padding: 8px 14px; }

.arc-row { border: 1px solid #e2e2e2; background: #fff; border-radius: 0; padding: 10px 12px; margin: 0 0 8px; }

.arc-row:hover { border-color: #999; background: #fafafa; }

.arc-title { font-weight: 800; color: #06c; }

.arc-meta { color: #777; font-size: 12px; margin-top: 2px; }

.net-jc { background: #ffffff; color: #141414; font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif; font-size: 15px; min-height: 100%; }

.net-jc a { color: inherit; cursor: var(--cursor-pointer), pointer; }

.net-jc .jc-top { position: sticky; top: 0; z-index: 6; background: rgba(255,255,255,0.92); backdrop-filter: blur(4px); border-bottom: 1px solid #ececec; }

.net-jc .jc-top-in { max-width: 1060px; margin: 0 auto; padding: 14px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }

.net-jc .jc-logo { font-size: 21px; font-weight: 800; letter-spacing: -0.5px; text-decoration: none; }

.net-jc .jc-logo-dot { color: #e11d48; }

.net-jc .jc-nav { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }

.net-jc .jc-nav-link { padding: 6px 11px; border-radius: 0; font-size: 14px; font-weight: 600; color: #3a3a3a; text-decoration: none; }

.net-jc .jc-nav-link:hover { background: #f2f2f4; color: #000; }

.net-jc .jc-nav-ext { color: #666; }

.net-jc .jc-main { max-width: 1060px; margin: 0 auto; padding: 34px 22px 40px; }

.net-jc .jc-hero { text-align: center; padding: 46px 0 42px; }

.net-jc .jc-kicker { font-size: 13px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: #8a8a94; margin-bottom: 14px; }

.net-jc .jc-h1 { font-size: clamp(26px, 5.4vw, 46px); font-weight: 850; letter-spacing: -1.5px; margin: 0 0 12px; line-height: 1.05; }

.net-jc .jc-h1-page { margin: 14px 0 22px; }

.net-jc .jc-hero-sub { font-size: clamp(14px, 2.1vw, 18px); color: #5b5b63; margin: 0 auto 26px; max-width: 560px; line-height: 1.5; }

.net-jc .jc-hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

.net-jc .jc-btn { border: none; border-radius: 0; padding: 12px 20px; font-size: 15px; font-weight: 700; cursor: var(--cursor-pointer), pointer; font-family: inherit; text-decoration: none; display: inline-block; }

.net-jc .jc-btn-primary { background: #111; color: #fff; }

.net-jc .jc-btn-primary:hover { background: #000; }

.net-jc .jc-btn-ghost { background: #fff; color: #111; border: 1px solid #d4d4d8; }

.net-jc .jc-btn-ghost:hover { border-color: #9a9aa2; background: #fafafa; }

.net-jc .jc-feat { margin: 8px 0 30px; }

.net-jc .jc-feat-card { border-radius: 0; background: #101014; color: #f2f2f4; padding: 26px; display: flex; gap: 26px; align-items: center; flex-wrap: wrap; }

.net-jc .jc-feat-art { flex: 1 1 200px; min-width: 160px; }

.net-jc .jc-feat-info { flex: 2 1 260px; min-width: 180px; }

.net-jc .jc-feat-tags, .net-jc .jc-proj-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }

.net-jc .jc-chip { border: 1px solid #34343f; color: #b9b9c4; border-radius: 0; padding: 4px 11px; font-size: 11.5px; font-weight: 700; }

.net-jc .jc-chip-star { border-color: #7c1d30; color: #ff9fb2; background: #160608; }

.net-jc .jc-chip-now { border-color: #e11d48; color: #ffb3c1; background: #1c050b; }

.net-jc .jc-feat .jc-chip { border-color: #3d3d4c; }

.net-jc .jc-h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.4px; margin: 18px 0 8px; }

.net-jc .jc-text { color: #5b5b63; line-height: 1.65; margin: 0 0 14px; }

.net-jc .jc-feat .jc-text, .net-jc .jc-proj-card .jc-text { color: #b9b9c4; }

.net-jc .jc-sec { border-top: 1px solid #ececec; margin-top: 26px; padding-top: 22px; }

.net-jc .jc-link { color: #2563eb; text-decoration: none; font-weight: 600; }

.net-jc .jc-link:hover { text-decoration: underline; }

.net-jc .jc-arrow { font-size: 15px; }

.net-jc .jc-contact-row { margin: 10px 0; }

.net-jc .jc-cio { margin-right: 8px; }

.net-jc .jc-footer { border-top: 1px solid #ececec; padding: 20px 22px; font-size: 13px; color: #92929c; }

.net-jc .jc-footer-in { max-width: 1060px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

.net-jc .jc-proj-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }

.net-jc .jc-proj-card { background: #101014; color: #f2f2f4; border-radius: 0; padding: 22px; }

.net-jc .jc-crumb { margin: 0 0 16px; font-size: 14px; }

.net-jc .jc-lead { font-size: 18px; color: #4a4a52; max-width: 640px; line-height: 1.5; margin: 10px 0 26px; }

.net-jc .jc-nlb-row { display: flex; gap: 24px; flex-wrap: wrap; margin: 8px 0 10px; }

.net-jc .jc-nlb-cols { flex: 2 1 380px; display: flex; gap: 22px; flex-wrap: wrap; }

.net-jc .jc-nlb-col { flex: 1 1 260px; }

.net-jc .jc-list { margin: 0 0 14px; padding-left: 20px; line-height: 1.7; color: #4a4a52; }

.net-jc .jc-shots { display: flex; gap: 18px; flex-wrap: wrap; }

.net-jc .jc-shot { margin: 0; flex: 1 1 260px; min-width: 180px; }

.net-jc .jc-shot-cap { font-size: 13px; color: #92929c; margin-top: 8px; text-align: center; }

.net-jc .jc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-bottom: 20px; }

.net-jc .jc-card { border: 1px solid #e6e6ea; border-radius: 0; padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }

.net-jc .jc-card-who { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: #8a8a94; }

.net-jc .jc-card-mail { font-size: 16px; font-weight: 700; }

.net-jc .jc-copy { border: 1px solid #d4d4d8; background: #fff; border-radius: 0; padding: 7px 13px; font-size: 13px; cursor: var(--cursor-pointer), pointer; font-family: inherit; color: #3a3a3a; }

.net-jc .jc-copy:hover { background: #f5f5f7; }

.net-jc .jc-copied { background: #e8f7ec; border-color: #7ccb93; color: #14652d; font-weight: 700; }

.net-jc .jc-gh { margin: 6px 0 18px; font-size: 16px; }

.net-jc .jc-text-dim { color: #92929c; font-size: 14px; }

.net-jc .jc-404 { text-align: center; padding: 90px 24px 110px; }

.net-jc .jc-404-code { font-size: 72px; font-weight: 900; letter-spacing: -3px; color: #ececf0; line-height: 1; }

.net-jc .jc-404-text { margin: 6px 0 22px; color: #6b6b73; }

.gog-dym { padding: 8px 6px 4px; font-size: 14px; color: #5a5a62; }

.gog-dym-chip { background: none; border: none; color: #2a6bb5; font-weight: 700; font-size: 14px; cursor: var(--cursor-pointer), pointer; font-family: inherit; padding: 0 2px; }

.gog-dym-chip:hover { text-decoration: underline; }

.aboutp { padding: 16px 18px; font-family: 'Courier New', monospace; color: #2b2b33; background: #fdfdfb; min-height: 100%; }

.aboutp-addr { color: #9a9aa0; font-size: 11.5px; border-bottom: 1px solid #e6e6ec; padding-bottom: 6px; }

.aboutp-title { font-size: 18px; font-weight: 800; margin: 12px 0; font-family: 'Segoe UI', sans-serif; }

.aboutp-line { font-size: 13px; line-height: 1.75; margin-bottom: 8px; }

.aboutp-creep { margin-top: 16px; padding: 9px 10px; background: #16161d; color: #c9c9d6; font-size: 12.5px; }

.konami { min-height: 100%; background: #0d0d12; color: #d6d6e2; font-family: 'Courier New', monospace; padding: 34px 30px; }

.konami-title { font-size: 24px; letter-spacing: 3px; text-transform: lowercase; margin-bottom: 22px; color: #f0f0f8; }

.konami-line { font-size: 14px; line-height: 1.8; margin: 0 0 12px; max-width: 620px; }

.konami-creep { color: #b6b6c6; font-style: italic; margin-top: 18px; }

.konami-foot { margin: 22px 0 18px; color: #8f8fa2; font-size: 12.5px; max-width: 620px; }

.konami .tt-btn { background: #22222c; border-color: #45455a; color: #dcdce8; }

.dl { padding: 0 0 20px; font-family: 'Tahoma', sans-serif; color: #22222a; background: #f7f7f2; min-height: 100%; }

.dl-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; background: #2a3a6a; color: #fff; padding: 10px 14px; }

.dl-brand { font-weight: 800; font-size: 18px; letter-spacing: 0.5px; }

.dl-counter { font-size: 11.5px; color: #c8d2ee; font-family: 'Courier New', monospace; }

.dl-note { background: #fff3c4; border-bottom: 1px solid #e0cf84; color: #5a4a00; font-size: 12.5px; padding: 7px 14px; }

.dl-row { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e6e6de; }

.dl-name { font-weight: 700; font-size: 13.5px; font-family: 'Courier New', monospace; }

.dl-note-line { color: #62626c; font-size: 12.5px; margin-top: 3px; max-width: 460px; line-height: 1.5; }

.dl-right { text-align: right; flex-shrink: 0; }

.dl-meta { color: #8a8a94; font-size: 11px; margin-bottom: 5px; font-family: 'Courier New', monospace; }

.dl-btn { padding: 4px 10px; }

.dl-foot { padding: 10px 14px 0; color: #8a8a94; font-size: 12px; font-style: italic; }

.ring { padding: 0 0 20px; font-family: 'Tahoma', sans-serif; color: #22222a; background: #fdf7e8; min-height: 100%; }

.ring-top { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; background: #5a2a6a; color: #fff; padding: 10px 14px; }

.ring-brand { font-weight: 800; font-size: 17px; }

.ring-sub { font-size: 11.5px; color: #e0c8ee; }

.ring-note { background: #fff3c4; border-bottom: 1px solid #e0cf84; color: #5a4a00; font-size: 12.5px; padding: 7px 14px; }

.ring-row { display: grid; grid-template-columns: 26px 1.1fr 1.1fr 1.2fr; gap: 8px; align-items: baseline; padding: 7px 14px; border-bottom: 1px solid #ece6d6; }

.ring-n { color: #9a9aa4; font-size: 12px; font-family: 'Courier New', monospace; }

.ring-name { background: none; border: none; padding: 0; text-align: left; color: #2a4d8f; font-weight: 700; font-size: 13.5px; cursor: var(--cursor-pointer), pointer; font-family: inherit; }

.ring-name:hover { text-decoration: underline; }

.ring-url { color: #8a8a94; font-size: 11.5px; font-family: 'Courier New', monospace; word-break: break-all; }

.ring-note-line { color: #62626c; font-size: 12px; }

.ring-faded { display: block; margin: 10px 14px; background: none; border: 1px dashed #c8c0ac; color: #b0a894; padding: 5px 10px; font-size: 12px; cursor: var(--cursor-pointer), pointer; font-family: inherit; }

.ring-faded:hover { color: #8a8270; }

.libro-top { background: #2a4d8f; color: #fff; padding: 9px 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }

.libro-brand { font-weight: 800; font-size: 16px; }

.libro-sub { font-size: 11.5px; color: #c8d8f0; }

.libro-row { padding: 10px 14px; border-bottom: 1px solid #dce8f6; }

.libro-head { font-size: 12px; font-weight: 700; color: #4a5a7a; margin-bottom: 4px; }

.libro-text { font-size: 13px; line-height: 1.6; }

.libro-form { display: flex; gap: 8px; align-items: center; padding: 12px 14px; flex-wrap: wrap; }

.libro-input { flex: 1; min-width: 160px; max-width: 260px; border: 1px solid #b8c8dc; padding: 5px 8px; font-size: 13px; font-family: inherit; }

.libro-signed { font-size: 13px; color: #3a4a6a; }

.libro-signed-dim { color: #7a8a9a; }

.grp { padding: 0 0 20px; font-family: 'Tahoma', sans-serif; color: #22222a; background: #fdfbf6; min-height: 100%; }

.grp-top { background: #3a5a3a; color: #fff; padding: 9px 14px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }

.grp-brand { font-weight: 800; font-size: 16px; }

.grp-sub { font-size: 11.5px; color: #c8dcc8; }

.grp-sec { padding: 10px 14px; border-bottom: 1px solid #e8e4da; }

.grp-name { font-weight: 800; font-size: 14px; font-family: 'Courier New', monospace; color: #2a4d2a; }

.grp-desc { color: #6a6a72; font-size: 12px; margin: 3px 0 8px; }

.grp-post { font-size: 12.5px; line-height: 1.6; padding: 4px 0 4px 10px; border-left: 2px solid #e0e0d8; margin-bottom: 4px; }

.grp-post-head { font-weight: 700; color: #4a5a4a; }

.grp-foot { padding: 10px 14px 0; color: #8a8a94; font-size: 12px; font-style: italic; }

.tiempo-top { background: #1f4f7a; color: #fff; padding: 10px 14px; font-weight: 800; font-size: 16px; }

.tiempo-sub { color: #5a6a7a; font-size: 12px; padding: 7px 14px; border-bottom: 1px solid #dce6f0; }

.tiempo-row { display: grid; grid-template-columns: 110px 1fr 90px; gap: 10px; padding: 9px 14px; border-bottom: 1px solid #e2ecf6; align-items: baseline; }

.tiempo-dia { font-weight: 700; font-size: 13px; color: #2a4d6a; }

.tiempo-estado { font-size: 13px; }

.tiempo-temp { text-align: right; font-family: 'Courier New', monospace; font-size: 12.5px; color: #6a7a8a; }

.tiempo-foot { padding: 10px 14px 0; color: #8a8a94; font-size: 12px; font-style: italic; }

.browser-page .gog-dym-chip,
.browser-page .ring-name {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  color: #0000cc !important;
  text-decoration: underline !important;
  cursor: var(--cursor-pointer), pointer !important;
  min-width: 0 !important;
  height: auto !important;
}

.browser-page .gog-dym-chip:hover,
.browser-page .ring-name:hover {
  color: #cc0000 !important;
  text-decoration: underline !important;
}

.browser-gogogle-page { padding: 12px 16px 20px; background: #fff; }

.gog-dym { font-size: 13px; padding: 2px 0 12px; font-family: Verdana, sans-serif; }

.gog-sugg { padding: 14px 0 0; border-top: 1px solid #dcdcdc; margin-top: 8px; }

.gog-sugg-label { font-size: 12px; font-weight: bold; display: block; margin-bottom: 5px; font-family: Verdana, sans-serif; }

.browser-gogogle-page-bar { border-bottom: 1px solid #c8c8c8; padding-bottom: 5px; margin-bottom: 8px; font-size: 11px; }

.browser-gp-title { font-family: 'Times New Roman', serif; font-size: 22px; font-weight: normal; margin: 6px 0; }

.browser-gp-text { font-size: 12px; font-family: Verdana, sans-serif; }

.dl { background: #fff; font-family: Verdana, sans-serif; font-size: 12.5px; }

.dl-top { background: #000080; color: #fff; padding: 8px 12px; border-bottom: 3px double #808080; }

.dl-brand, .ring-brand, .libro-brand, .grp-brand, .grp-brand { font-family: 'Times New Roman', serif; font-size: 19px; font-weight: bold; }

.dl-counter, .ring-sub, .libro-sub, .grp-sub { font-size: 11px; font-family: 'Courier New', monospace; }

.dl-note, .ring-note { background: #ffffcc; border: 1px dashed #c0c000; color: #404000; font-size: 12px; padding: 6px 12px; margin: 8px 12px; }

.dl-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid #d8d8d8; }

.dl-row:nth-child(odd) { background: #f4f4f4; }

.dl-name { font-family: 'Courier New', monospace; font-size: 13px; font-weight: bold; }

.dl-note-line { font-size: 11.5px; color: #404040; }

.dl-meta { font-size: 10.5px; color: #606060; font-family: 'Courier New', monospace; }

.ring { background: #fffdf0; }

.ring-top { background: #800080; color: #fff; padding: 8px 12px; }

.ring-row { display: grid; grid-template-columns: 24px 1fr 1fr 1.2fr; gap: 8px; padding: 5px 12px; border-bottom: 1px dotted #c8c0a0; font-size: 12px; }

.ring-n, .ring-url { font-family: 'Courier New', monospace; font-size: 11px; color: #706850; }

.ring-note-line { font-size: 11.5px; color: #505040; }

.ring-faded { background: none; border: 1px dashed #c0b8a0; color: #a09880; font: 11px 'MS Sans Serif', Tahoma, sans-serif; padding: 3px 8px; margin: 8px 12px; cursor: var(--cursor-pointer), pointer; }

.libro-top { background: #000080; color: #fff; padding: 8px 12px; }

.libro-row { padding: 8px 12px; border-bottom: 1px solid #e0e0c0; }

.libro-head { font-size: 11px; color: #303060; font-weight: bold; font-family: 'Courier New', monospace; }

.libro-text { font-size: 12.5px; }

.libro-input { border: 2px inset #dfdfdf; background: #fff; height: 20px; padding: 1px 4px; font: 11px 'MS Sans Serif', Tahoma, sans-serif; }

.grp { background: #fff; }

.grp-top { background: #003300; color: #fff; padding: 8px 12px; }

.grp-sec { padding: 8px 12px; border-bottom: 1px solid #d8e0d8; }

.grp-name { font-family: 'Courier New', monospace; font-size: 13px; font-weight: bold; color: #003300; }

.grp-desc { font-size: 11px; color: #506050; }

.grp-post { font-size: 12px; padding: 4px 0 4px 8px; border-left: 2px solid #d0d8d0; }

.grp-post-head { font-weight: bold; color: #305030; font-family: 'Courier New', monospace; font-size: 11px; }

.tiempo-top { background: #003366; color: #fff; padding: 9px 12px; font-family: 'Times New Roman', serif; font-size: 18px; }

.tiempo-sub { font-size: 11.5px; color: #30506a; padding: 5px 12px; border-bottom: 1px solid #b8d0e8; }

.tiempo-row { display: grid; grid-template-columns: 110px 1fr 90px; gap: 8px; padding: 7px 12px; border-bottom: 1px solid #c8dcf0; font-size: 12.5px; }

.tiempo-dia { font-weight: bold; color: #003366; }

.tiempo-temp { text-align: right; font-family: 'Courier New', monospace; font-size: 11.5px; color: #40566a; }

.tiempo-foot, .grp-foot, .dl-foot { font-size: 11px; color: #606060; font-style: italic; padding: 8px 12px 0; }

.browser-app .rg-game-thumb { background: #c0c0c0; color: #000; border: 2px inset #dfdfdf; font-family: 'Courier New', monospace; letter-spacing: 1px; }

.browser-app .rg-thumb-big::after { content: 'captura no descargada'; display: block; font-size: 9px; letter-spacing: 0; color: #404040; margin-top: 4px; }

.browser-page .rg-btn,
.browser-page .eg-btn,
.browser-page .gh-btn {
  border-style: solid;
  border-width: 1px;
  padding: 8px 14px;
  font-weight: 700;
  font-size: 13px;
}

.browser-page .rg-btn { background: #7c3aed; color: #fff; border-color: #7c3aed; border-radius: 0; }

.browser-page .rg-btn-ghost { background: transparent; color: #7c3aed; border-color: #7c3aed; }

.browser-page .eg-btn { background: #fff; color: #111; border-color: #d1d5db; border-radius: 0; }

.browser-page .gh-btn { background: #1f883d; color: #fff; border-color: #1f883d; border-radius: 0; }

.browser-page .it-game-thumb { font-family: 'Segoe UI', Tahoma, sans-serif; font-size: 20px; letter-spacing: 1px; font-weight: 700; }

.browser-page .rg-game-thumb,
.browser-page .rg-media-ico { font-family: 'Courier New', monospace; }

@keyframes net-line-in { from { opacity: 0.2; transform: translateY(1px); } to { opacity: 1; } }

@keyframes era-blink { 50% { opacity: 0.15; } }

/* ═══════════════════════════════════════════════════════════════════════════
   LO NUEVO: la nota de Bea, el código fuente, el reproductor de los vídeos
   de verdad, el campo de texto del Messenger y el registro con nombre
   ═══════════════════════════════════════════════════════════════════════════ */

/* Un trozo de la nota: papel arrancado, escrito a mano */
.nota-trozo {
  display: inline-block;
  margin: 8px 0;
  padding: 8px 12px;
  background: #fffbe2;
  color: #222;
  border: 1px solid #d8cf9c;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.18);
  font-family: 'Segoe Print', 'Comic Sans MS', cursive;
  font-size: 13px;
  line-height: 1.4;
  transform: rotate(-0.6deg);
  max-width: 520px;
}

/* Ver > Código fuente */
.ver-codigo { background: #fff; color: #000; padding: 10px 14px; font-family: 'Courier New', monospace; font-size: 12px; min-height: 100%; }
.ver-codigo-linea { white-space: pre-wrap; word-break: break-word; line-height: 1.45; }
.ver-codigo-comentario { color: #008000; }

/* Los vídeos de verdad: carátula y, al pulsar, el reproductor */
.yt-real { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.yt-real-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.75; }
.yt-real-play { position: relative; z-index: 1; padding: 8px 18px; font: bold 13px var(--w98-ui-font, Tahoma, sans-serif); color: #fff; background: #c00; border: 2px solid #fff; cursor: var(--cursor-pointer), pointer; }
.yt-real-frame { width: 100%; aspect-ratio: 16 / 9; border: 0; display: block; background: #000; }

/* El Messenger pide algo escrito */
.messenger-text-row { display: flex; gap: 4px; flex: 1; min-width: 0; }
.messenger-text-input { flex: 1; min-width: 0; font: 12px var(--w98-ui-font, Tahoma, sans-serif); padding: 3px 4px; border: 2px inset #c0c0c0; background: #fff; }

/* Libro de visitas: tu firma; registro: la primera línea con nombre */
.libro-row-tuya .libro-head { color: #900; }
.registro-tabla tr.registro-nombre td { color: #000; background: #fffbe2; font-weight: bold; }

/* sms_gratis */
.era-sms { display: flex; flex-direction: column; gap: 6px; max-width: 360px; margin: 10px 0; }

/* Aviso de un momento en lo alto de la página (Agregar a favoritos) */
.ie-aviso { background: #ffffe1; border-bottom: 1px solid #808080; color: #000; font: 11px var(--w98-ui-font, Tahoma, sans-serif); padding: 4px 8px; }

/* El anuncio del antivirus: el titular se lee antes de que acabe el análisis */
.era-virus-ad { background: #ffff00; border: 3px dashed #ff0000; margin: 10px 14px; padding: 8px 12px; text-align: center; }
.era-virus-ad-title { color: #ff0000; font: bold 22px 'Comic Sans MS', 'Comic Neue', cursive; }
.era-virus-ad-sub { color: #000; font-size: 12px; margin-top: 4px; }

/* ═══ NLB Software: un portal de descargas normal... en el que alguien ha
   metido cosas. Lo normal es gris y azul de 1998; lo metido va en rojo, a
   máquina y un poco torcido, como pegado encima ═══ */
.nlbd { background: #ffffff; color: #000; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; min-height: 100%; padding-bottom: 18px; }
.nlbd-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: linear-gradient(180deg, #2b4f9e, #1c3570); color: #fff; border-bottom: 3px solid #f5b800; }
.nlbd-logo { display: flex; align-items: center; gap: 6px; font: bold 20px Arial, sans-serif; letter-spacing: -0.5px; }
.nlbd-logo b { color: #f5b800; font-weight: bold; }
.nlbd-disco { width: 22px; height: 22px; background: #c0c0c0; border: 2px solid #000; box-shadow: inset 0 -7px 0 #202020, inset 0 7px 0 #f0f0f0; }
.nlbd-lema { font-size: 11px; color: #dce6ff; }
.nlbd-lema s { color: #a9b8e0; }
.nlbd-tira { overflow: hidden; white-space: nowrap; background: #000; color: #c00000; font: bold 11px 'Courier New', monospace; letter-spacing: 3px; padding: 3px 0; transform: rotate(-0.6deg); margin: 2px -4px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
.nlbd-migas { padding: 6px 16px; font-size: 11px; color: #555; background: #eef2fb; border-bottom: 1px solid #c9d4ee; }
.nlbd-ficha { display: grid; grid-template-columns: 64px minmax(0, 1fr) 220px; gap: 14px; align-items: start; margin: 14px 16px 0; padding: 12px; border: 1px solid #c9d4ee; background: #f8faff; }
.nlbd-icono { width: 64px; height: 64px; }
.nlbd-nombre { font: bold 18px Arial, sans-serif; color: #1c3570; }
.nlbd-sub { color: #555; margin: 2px 0 8px; }
.nlbd-tabla { border-collapse: collapse; font-size: 11px; }
.nlbd-tabla th { text-align: left; color: #555; font-weight: normal; padding: 2px 12px 2px 0; white-space: nowrap; vertical-align: top; }
.nlbd-tabla td { padding: 2px 0; }
.nlbd-accion { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
/* (más fuerte que «.browser-page button», que pone gris todos los botones de las webs) */
.browser-page .nlbd-descargar { background: linear-gradient(180deg, #52c234, #2f8f1a); color: #fff; border: 2px outset #7ddc5e; font: bold 14px Arial, sans-serif; padding: 10px 8px; cursor: var(--cursor-pointer), pointer; text-shadow: 1px 1px 0 #1a5c0c; }
.browser-page .nlbd-descargar:hover { background: linear-gradient(180deg, #5fd03f, #349c1d); }
.browser-page .nlbd-descargar:active { border-style: inset; }
/* Las estrellas, dibujadas: no dependen de que la fuente tenga el símbolo */
.nlbd-estrellas { display: inline-block; width: 65px; height: 12px; vertical-align: -1px; margin-right: 4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 12'%3E%3Cpath d='M6.5 0.5l1.7 3.6 3.9.4-2.9 2.6.9 3.9-3.6-2.1-3.6 2.1.9-3.9L0.9 4.5l3.9-.4z' fill='%23f5b800' stroke='%23a07000' stroke-width='0.6'/%3E%3C/svg%3E") left center / 13px 12px repeat-x; }
.nlbd-nota { font-size: 10px; color: #666; text-align: center; }
.nlbd-hecho { background: #e8f6e2; border: 1px solid #8bc77a; color: #1f5f10; padding: 8px; font-weight: bold; text-align: center; }
.nlbd-bajando { font-size: 11px; }
.nlbd-metido { font-family: 'Courier New', monospace; color: #b00000; font-weight: bold; background: rgba(255, 230, 230, 0.7); padding: 0 2px; display: inline-block; transform: rotate(-1deg); }
.nlbd-accion > .nlbd-metido { align-self: center; }
.nlbd-pestanas { display: flex; flex-wrap: wrap; gap: 2px; margin: 14px 16px 0; border-bottom: 2px solid #2b4f9e; }
.nlbd .nlb-option-btn { background: #dfe6f6; color: #1c3570; border: 1px solid #b7c5e6; border-bottom: 0; font: 11px Verdana, Tahoma, sans-serif; padding: 5px 12px; letter-spacing: 0; text-transform: none; cursor: var(--cursor-pointer), pointer; }
.nlbd .nlb-option-btn:hover { background: #eef2fb; color: #1c3570; }
.nlbd .nlb-option-btn.active { background: #2b4f9e; color: #fff; border-color: #2b4f9e; }
.nlbd-panel { margin: 0 16px; padding: 12px 14px; border: 1px solid #c9d4ee; border-top: 0; line-height: 1.55; }
.nlbd-panel-titulo { font: bold 13px Arial, sans-serif; color: #1c3570; margin-bottom: 6px; }
.nlbd-linea { margin: 0 0 6px; }
.nlbd-linea-metida { margin: 0 0 6px; font-family: 'Courier New', monospace; font-weight: bold; color: #b00000; transform: rotate(-0.5deg); transform-origin: left center; text-shadow: 1px 0 0 rgba(255, 0, 0, 0.35), -1px 0 0 rgba(0, 0, 0, 0.15); }
.nlbd-otros { margin: 14px 16px 0; padding: 10px 12px; border: 1px dashed #c9d4ee; background: #fbfcff; }
.nlbd-otros-titulo { font-weight: bold; color: #1c3570; margin-bottom: 6px; }
.nlbd-otro { display: block; color: #0000cc; text-decoration: underline; margin: 3px 0; }
.nlbd-pie { margin: 16px 16px 0; padding-top: 8px; border-top: 1px solid #c9d4ee; font-size: 10px; color: #666; }
.nlbd-pie .nlbd-linea-metida { font-size: 11px; margin-top: 4px; }
/* El validador del checksum, en claro dentro del portal (en las webs ocultas sigue a oscuras) */
.nlbd .nlb-code-lab { background: #f3f6fd; border: 1px solid #b7c5e6; }
.nlbd .nlb-details-title { color: #1c3570; font-family: Arial, sans-serif; letter-spacing: 0; }
.nlbd .nlb-details-text { color: #333; font-family: Verdana, Tahoma, sans-serif; }
.nlbd .nlb-code-input { background: #fff; border: 2px inset #c0c0c0; color: #000; }
.nlbd .nlb-code-btn { background: #c0c0c0; border: 2px outset #fff; color: #000; font-family: Tahoma, sans-serif; }
.nlbd .nlb-code-status { color: #333; }
@media (max-width: 720px) {
  .nlbd-ficha { grid-template-columns: 48px minmax(0, 1fr); }
  .nlbd-accion { grid-column: 1 / -1; }
  .nlbd-icono { width: 48px; height: 48px; }
}

/* ═══ janiito.com de ahora: Piso 13 destacado y la lista de doce proyectos ═══ */
.net-jc .jc-tile { display: flex; align-items: center; justify-content: center; min-height: 150px; height: 100%; font: bold 22px 'Courier New', monospace; letter-spacing: 4px; }
.net-jc .jc-tile-piso13 { background: radial-gradient(circle at 50% 40%, #3a2a12 0%, #0d0a06 70%); color: #f2c14e; text-shadow: 2px 2px 0 #6b2a00; image-rendering: pixelated; }
.net-jc .jc-tile-lg { min-height: 200px; }
.net-jc .jc-meta { display: flex; flex-wrap: wrap; gap: 14px; margin: 10px 0 14px; font-size: 13px; color: #555; }
.net-jc .jc-meta b { color: #111; margin-right: 4px; }
.net-jc .jc-lista { max-width: 1060px; margin: 0 auto; padding: 8px 22px; }
.net-jc .jc-fila { display: grid; grid-template-columns: 34px 170px minmax(0, 1fr) 46px 120px; gap: 12px; align-items: baseline; padding: 12px 6px; border-bottom: 1px solid #ececec; color: #222; text-decoration: none; cursor: var(--cursor-pointer), pointer; }
.net-jc .jc-fila:hover { background: #fafafa; }
.net-jc .jc-fila-n { font: 12px 'Courier New', monospace; color: #999; }
.net-jc .jc-fila-t { font-weight: 700; }
.net-jc .jc-fila-d { font-size: 13px; color: #666; }
.net-jc .jc-fila-a { font-size: 12px; color: #999; }
.net-jc .jc-fila-k { font-size: 12px; color: #e11d48; text-align: right; font-weight: 600; }
.net-jc .jc-tecs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.net-jc .jc-aviso, .net-p13 .jc-aviso { margin: 18px 0; padding: 10px 12px; border: 1px dashed #c7c7c7; background: #fafafa; font-size: 13px; color: #555; }
@media (max-width: 760px) { .net-jc .jc-fila { grid-template-columns: 30px minmax(0, 1fr); } .net-jc .jc-fila-d, .net-jc .jc-fila-a, .net-jc .jc-fila-k { grid-column: 2; text-align: left; } }

/* GitHub: el 404 de los repositorios que ya no están y la etiqueta «Público» */
.net-gh .gh-404 { text-align: center; padding: 48px 16px; }
.net-gh .gh-404-code { font: bold 64px -apple-system, 'Segoe UI', Arial, sans-serif; color: #d0d7de; }
.net-gh .gh-404-text { margin: 6px 0 18px; color: #57606a; }
.net-gh .gh-public { font-size: 11px; font-weight: normal; border: 1px solid #d0d7de; border-radius: 10px; padding: 0 7px; margin-left: 6px; color: #57606a; vertical-align: middle; }

/* La web oficial de NO LO BORRES: el propio juego, verificando archivos */
.net-nlbw .nlbw-barra { display: flex; justify-content: space-between; padding: 6px 12px; background: #c0c0c0; color: #000; font: 12px Tahoma, sans-serif; border-bottom: 2px solid #808080; }
.net-nlbw .nlbw-carga { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-height: 240px; padding: 28px 12px; background: #000; }
.net-nlbw .nlbw-logo-img { width: 200px; max-width: 70%; image-rendering: pixelated; }
.net-nlbw .nlbw-verif { color: #9a9a9a; font: 13px 'Courier New', monospace; letter-spacing: 1px; text-align: center; padding: 0 20px; }
.net-nlbw .nlbw-ficha { max-width: 920px; margin: 0 auto; padding: 32px 24px 38px; }
.net-nlbw .nlbw-kicker { color: #ff4b4b; font-size: 10px; font-weight: bold; letter-spacing: 3px; }
.net-nlbw .nlbw-titulo { max-width: 700px; margin: 8px 0 14px; color: #f2f2f7; font: bold 30px/1.15 'Courier New', monospace; }
.net-nlbw .nlbw-intro { max-width: 760px; color: #bdbdcb; font-size: 14px; line-height: 1.75; }
.net-nlbw .nlbw-datos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 22px 0; border: 1px solid #292938; background: #292938; }
.net-nlbw .nlbw-datos span { padding: 10px 12px; background: #0c0c14; color: #aaaabd; font-size: 11.5px; line-height: 1.5; }
.net-nlbw .nlbw-datos b { display: block; margin-bottom: 2px; color: #e8e8ef; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
.net-nlbw .nlbw-seccion { margin-top: 28px; }
.net-nlbw .nlbw-seccion h2 { margin: 0 0 10px; color: #f0f0f5; font: bold 16px 'Courier New', monospace; }
.net-nlbw .nlbw-caracteristicas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.net-nlbw .nlbw-caracteristicas article { padding: 14px; border: 1px solid #272735; background: #0b0b12; }
.net-nlbw .nlbw-caracteristicas b { color: #ff6060; font-size: 12px; }
.net-nlbw .nlbw-caracteristicas p { margin: 7px 0 0; color: #aaaabd; font-size: 11.5px; line-height: 1.65; }
.net-nlbw .nlbw-local { padding: 16px; border-left: 2px solid #ff3b3b; background: #0b0b12; }
.net-nlbw .nlbw-local p { color: #aaaabd; font-size: 12px; line-height: 1.6; }
.net-nlbw .nlbw-local ul { margin: 10px 0 0; padding-left: 20px; color: #88889a; font-size: 11.5px; }
.net-nlbw .nlbw-local li.is-ok { color: #62c990; }
.net-nlbw .nlbw-autor { margin: 28px 0 0; padding: 16px 18px; border-left: 2px solid #ff3b3b; background: #0b0b12; color: #d0d0dc; font-size: 13px; line-height: 1.7; }
.net-nlbw .nlbw-autor span { display: block; margin-top: 6px; color: #77778b; font-size: 11px; }
@media (max-width: 650px) {
  .net-nlbw .nlbw-datos,
  .net-nlbw .nlbw-caracteristicas { grid-template-columns: 1fr; }
  .net-nlbw .nlbw-ficha { padding: 24px 16px; }
  .net-nlbw .nlbw-titulo { font-size: 24px; }
}

/* itch.io: el perfil de Jan */
.net-it .it-seguir { font-size: 12px; }
.net-it .it-link { margin-top: 6px; }
.net-it .it-lista { margin: 10px 22px; line-height: 1.8; color: #333; }

/* studio.janiito.com */
.net-studio { background: #0f1115; color: #e8e8e8; min-height: 100%; font-family: 'Segoe UI', Tahoma, sans-serif; }
.net-studio .st-main { max-width: 640px; margin: 0 auto; padding: 40px 22px; text-align: center; }
.net-studio .st-logo { width: 300px; max-width: 80%; margin-bottom: 18px; }
.net-studio .st-h1 { font-size: 30px; margin: 0 0 8px; }
.net-studio .st-lead { font-size: 16px; color: #8fd35b; margin: 0 0 22px; }
.net-studio .st-text { font-size: 14px; line-height: 1.7; color: #c9c9c9; text-align: left; }
.net-studio .st-cookies { position: sticky; bottom: 0; margin: 10px; padding: 12px 14px; background: #1b1f27; border: 1px solid #2c3340; font-size: 13px; color: #cfcfcf; }
.net-studio .st-cookies-btns { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.browser-page .net-studio .st-btn { background: #2c3340; color: #fff; border: 1px solid #3c4556; padding: 6px 14px; font-size: 12px; }
.browser-page .net-studio .st-btn-solid { background: #3b82f6; border-color: #3b82f6; }
.net-studio .st-prefs { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.net-studio .st-prefs[hidden] { display: none; }

/* piso-13.janiito.com */
.net-p13 { background: #120d08; color: #e9dcc4; min-height: 100%; font-family: Georgia, 'Times New Roman', serif; }
.net-p13 .p13-top { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 26px 16px 18px; border-bottom: 2px solid #3a2a12; }
.net-p13 .p13-estudio { width: 150px; opacity: 0.85; }
.net-p13 .p13-titulo { font: bold 44px 'Courier New', monospace; letter-spacing: 10px; color: #f2c14e; text-shadow: 3px 3px 0 #6b2a00; }
.net-p13 .p13-main { max-width: 760px; margin: 0 auto; padding: 18px 22px 30px; }
.net-p13 .p13-h1 { font-size: 22px; color: #f2c14e; }
.net-p13 .p13-h2 { font-size: 17px; color: #f2c14e; margin-top: 20px; }
.net-p13 .p13-text { line-height: 1.7; }
.net-p13 .p13-lista { line-height: 1.7; padding-left: 20px; }
.net-p13 .jc-link { color: #f2c14e; }
.net-p13 .jc-aviso { background: #1d150c; border-color: #4a3518; color: #c9b896; }

/* Contraste: en el bloque destacado (oscuro) de janiito.com y en la web del estudio */
.net-jc .jc-feat .jc-meta { color: #a3a3a3; }
.net-jc .jc-feat .jc-meta b { color: #ffffff; }
.browser-page .net-jc .jc-feat .jc-btn-primary { background: #e11d48; border-color: #e11d48; color: #fff; }
.browser-page .net-studio .st-h1 { color: #ffffff; }
.net-nlbw { background: #000; min-height: 100%; }

/* ═══════════════════ Gogogle: buscador y sitio corporativo ═══════════════ */
.browser-page .gog-home,
.browser-page .gog-page,
.browser-page .gog-results {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  background: #fff;
  color: #202124;
  font-family: Arial, Verdana, sans-serif;
  text-align: left;
}
.browser-page .gog-header { flex: 0 0 auto; padding: 0 22px; border-bottom: 1px solid #dadce0; background: #fff; }
.browser-page .gog-header-top { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.browser-page .gog-header-brand { flex: 0 0 auto; margin: 0; }
.browser-page .gog-logo-link { display: flex; align-items: center; text-decoration: none; }
.browser-page .gog-header .browser-gogogle-logo-img { display: block; width: 92px; max-height: 31px; }
.browser-page .gog-nav { display: flex; align-items: stretch; justify-content: flex-end; gap: 18px; flex-wrap: wrap; }
.browser-page .gog-nav-link {
  box-sizing: border-box;
  padding: 20px 1px 16px;
  border-bottom: 3px solid transparent;
  color: #5f6368;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}
.browser-page .gog-nav-link:hover { color: #1a73e8; text-decoration: none; }
.browser-page .gog-nav-link.active { border-bottom-color: #1a73e8; color: #1a73e8; font-weight: bold; }

.browser-page .gog-home-main { box-sizing: border-box; flex: 1 0 auto; width: 100%; max-width: 780px; margin: 0 auto; padding: 36px 24px 26px; text-align: center; }
.browser-page .gog-home-main .browser-home-gogogle-logo { display: block; width: 212px; max-width: 70%; max-height: none; margin: 0 auto; }
.browser-page .gog-home-main .browser-home-sub { margin: 5px 0 20px; color: #5f6368; font: 12px/1.5 Arial, Verdana, sans-serif; }
.browser-page .gog-home-main .browser-home-search,
.browser-page .gog-main > .browser-home-search { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px; width: 100%; max-width: 660px; margin: 0 auto; }
.browser-page .gog-header-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; width: 100%; max-width: 650px; margin: 2px 0 12px; }
.browser-page .gog-home .browser-home-input,
.browser-page .gog-page .browser-home-input,
.browser-page .gog-results .browser-home-input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 36px;
  padding: 0 15px;
  border: 1px solid #dfe1e5;
  border-radius: 18px;
  outline: none;
  background: #fff;
  color: #202124;
  font: 13px Arial, Verdana, sans-serif;
  box-shadow: none;
}
.browser-page .gog-home .browser-home-input:focus,
.browser-page .gog-page .browser-home-input:focus,
.browser-page .gog-results .browser-home-input:focus { border-color: #1a73e8; box-shadow: 0 0 0 1px #1a73e8; }
.browser-page .gog-home .browser-home-btn,
.browser-page .gog-page .browser-home-btn,
.browser-page .gog-results .browser-home-btn {
  box-sizing: border-box;
  height: 34px;
  padding: 0 14px;
  border: 1px solid #f8f9fa;
  border-radius: 4px;
  background: #f8f9fa;
  box-shadow: none;
  color: #3c4043;
  font: 12px Arial, Verdana, sans-serif;
  white-space: nowrap;
}
.browser-page .gog-home .browser-home-btn:hover,
.browser-page .gog-page .browser-home-btn:hover,
.browser-page .gog-results .browser-home-btn:hover { border-color: #dadce0; color: #202124; box-shadow: 0 1px 1px rgba(60, 64, 67, .15); }
.browser-page .gog-home .browser-home-btn:active,
.browser-page .gog-page .browser-home-btn:active,
.browser-page .gog-results .browser-home-btn:active { border-color: #1a73e8; box-shadow: none; }
.browser-page .gog-home-services { margin-top: 28px; padding-top: 12px; border-top: 1px solid #e8eaed; }
.browser-page .gog-home-services .gog-services { gap: 9px; padding: 6px 0; font: 12px/1.6 Arial, Verdana, sans-serif; }
.browser-page .gog-home-services .gog-services-label { margin-right: 4px; color: #3c4043; font-weight: bold; }
.browser-page .gog-home-services .gog-services-sep { margin: 0 1px; color: #bdc1c6; }
.browser-page .gog-home-note { max-width: 620px; margin: 16px auto 0; padding: 11px 14px; border: 1px solid #e8eaed; background: #f8f9fa; color: #5f6368; font: 12px/1.6 Arial, Verdana, sans-serif; }
.browser-page .gog-home-note strong { color: #3c4043; }

.browser-page .gog-footer { box-sizing: border-box; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px 20px; width: 100%; margin-top: auto; padding: 13px 22px; border-top: 1px solid #e8eaed; background: #f8f9fa; color: #5f6368; }
.browser-page .gog-footer-brand { color: #3c4043; font-size: 13px; font-weight: bold; }
.browser-page .gog-footer-links { display: flex; justify-content: flex-end; gap: 7px 17px; flex-wrap: wrap; }
.browser-page .gog-footer-link { color: #5f6368; font-size: 11px; text-decoration: none; }
.browser-page .gog-footer-link:hover { color: #1a73e8; text-decoration: underline; }
.browser-page .gog-footer-copy { grid-column: 1 / -1; font-size: 10px; line-height: 1.4; }

.browser-page .gog-main { box-sizing: border-box; flex: 1 0 auto; width: 100%; max-width: 940px; margin: 0 auto; padding: 32px 28px 42px; }
.browser-page .gog-hero { max-width: 800px; padding-bottom: 24px; border-bottom: 1px solid #e8eaed; }
.browser-page .gog-kicker { color: #1a73e8; font-size: 10px; font-weight: bold; letter-spacing: 1.5px; line-height: 1.5; }
.browser-page .gog-title { margin: 8px 0 14px; color: #202124; font: 32px/1.18 Arial, Verdana, sans-serif; letter-spacing: -.5px; }
.browser-page .gog-lead { max-width: 760px; margin: 0 0 13px; color: #3c4043; font-size: 17px; line-height: 1.55; }
.browser-page .gog-intro { max-width: 760px; margin: 0; color: #5f6368; font-size: 12px; line-height: 1.65; }
.browser-page .gog-main > .browser-home-search { margin: 22px 0 0; }
.browser-page .gog-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 24px 0 4px; }
.browser-page .gog-fact { padding: 15px 16px; border-left: 3px solid #1a73e8; background: #f8f9fa; }
.browser-page .gog-fact strong { display: block; margin-bottom: 5px; color: #1a73e8; font-size: 19px; line-height: 1.2; }
.browser-page .gog-fact span { display: block; color: #5f6368; font-size: 11px; line-height: 1.5; }
.browser-page .gog-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0 4px; }
.browser-page .gog-product { position: relative; display: block; min-height: 118px; box-sizing: border-box; padding: 17px 38px 15px 17px; border: 1px solid #dadce0; border-radius: 6px; color: #202124; text-decoration: none; }
.browser-page .gog-product:hover { border-color: #1a73e8; color: #202124; text-decoration: none; box-shadow: 0 2px 5px rgba(60, 64, 67, .12); }
.browser-page .gog-product h2 { margin: 0 0 7px; color: #1a73e8; font-size: 16px; line-height: 1.3; }
.browser-page .gog-product p { margin: 0 0 9px; color: #5f6368; font-size: 12px; line-height: 1.5; }
.browser-page .gog-product-arrow { position: absolute; top: 13px; right: 15px; color: #1a73e8; font-size: 18px; }
.browser-page .gog-product-url { color: #80868b; font-size: 10px; }
.browser-page .gog-section { max-width: 800px; margin-top: 27px; }
.browser-page .gog-section h2 { margin: 0 0 10px; color: #202124; font-size: 19px; line-height: 1.35; }
.browser-page .gog-section p { margin: 8px 0; color: #3c4043; font-size: 13px; line-height: 1.7; }
.browser-page .gog-list { margin: 10px 0; padding-left: 21px; color: #3c4043; font-size: 12px; line-height: 1.75; }
.browser-page .gog-section-links { display: flex; gap: 10px 22px; flex-wrap: wrap; margin-top: 13px; }
.browser-page .gog-text-link { color: #1a73e8; font-size: 12px; font-weight: bold; text-decoration: none; }
.browser-page .gog-text-link:hover { text-decoration: underline; }
.browser-page .gog-timeline { margin: 14px 0 0; padding: 0; list-style: none; }
.browser-page .gog-timeline li { display: grid; grid-template-columns: 62px 1fr; gap: 14px; padding: 11px 0; border-top: 1px solid #e8eaed; }
.browser-page .gog-timeline strong { color: #1a73e8; font-size: 14px; }
.browser-page .gog-timeline p { margin: 0; font-size: 12px; }
.browser-page .gog-not-found { padding-top: 52px; }
.browser-page .gog-not-found > p:not(.gog-lead) { color: #5f6368; font-size: 13px; }

.browser-page .gog-results .gog-header { display: block; margin: 0; padding: 0 20px 10px; border-bottom: 1px solid #dadce0; }
.browser-page .gog-results .gog-header-top { min-height: 54px; }
.browser-page .gog-results .browser-gogogle-query-line { display: none; }
.browser-page .gog-results .gog-header-search { margin-bottom: 2px; }
.browser-page .gog-results .browser-results { width: 100%; max-width: 920px; box-sizing: border-box; padding: 18px 24px 8px; }
.browser-page .gog-results .browser-results-head { color: #5f6368; font-size: 11px; font-weight: normal; }
.browser-page .gog-results .browser-result { max-width: 720px; margin-bottom: 19px; }
.browser-page .gog-results .browser-result-title { color: #1a0dab; font-size: 16px; line-height: 1.35; }
.browser-page .gog-results .browser-result-url { color: #188038; font-size: 11px; }
.browser-page .gog-results .browser-result-desc { color: #3c4043; font-size: 12px; }
.browser-page .gog-results .gog-dym { margin: 12px 24px 0; padding: 0; }
.browser-page .gog-results .gog-sugg { max-width: 870px; margin: 8px 24px 22px; padding-top: 13px; }
.browser-page .gog-results > .gog-footer { margin-top: auto; }

.browser-page .gog-home a:focus-visible,
.browser-page .gog-page a:focus-visible,
.browser-page .gog-results a:focus-visible,
.browser-page .gog-home button:focus-visible,
.browser-page .gog-page button:focus-visible,
.browser-page .gog-results button:focus-visible { outline: 2px solid #1a73e8; outline-offset: 2px; }
@media (max-width: 650px) {
  .browser-page .gog-header { padding: 0 14px; }
  .browser-page .gog-header-top { align-items: flex-start; gap: 10px; padding-top: 10px; }
  .browser-page .gog-header .browser-gogogle-logo-img { width: 78px; margin-top: 5px; }
  .browser-page .gog-nav { gap: 0 12px; }
  .browser-page .gog-nav-link { padding: 7px 0 9px; border-bottom-width: 2px; }
  .browser-page .gog-home-main { padding: 27px 14px 22px; }
  .browser-page .gog-home-main .browser-home-search,
  .browser-page .gog-main > .browser-home-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .browser-page .gog-home-main .browser-home-input,
  .browser-page .gog-main > .browser-home-search .browser-home-input { grid-column: 1 / -1; }
  .browser-page .gog-main { padding: 25px 18px 34px; }
  .browser-page .gog-title { font-size: 26px; }
  .browser-page .gog-lead { font-size: 15px; }
  .browser-page .gog-facts,
  .browser-page .gog-product-grid { grid-template-columns: 1fr; }
  .browser-page .gog-product { min-height: 0; }
  .browser-page .gog-footer { grid-template-columns: 1fr; padding: 13px 16px; }
  .browser-page .gog-footer-links { justify-content: flex-start; }
  .browser-page .gog-results .browser-results { padding: 15px 16px 8px; }
  .browser-page .gog-results .gog-dym { margin-left: 16px; margin-right: 16px; }
  .browser-page .gog-results .gog-sugg { margin-left: 16px; margin-right: 16px; }
}