/* === ХАБ DEATH IN SPACE — ГНИЛОЙ КОСМОС === */

body {
  background:#08090e;
  color:#b0b8c0;
  font-family:'Share Tech Mono', 'Inter', monospace;
  background-image:
    radial-gradient(ellipse at 20% 30%, rgba(106,172,184,0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(160,64,48,0.05) 0%, transparent 50%),
    radial-gradient(circle at 50% 50%, rgba(40,50,70,0.08) 0%, transparent 60%);
  background-attachment:fixed;
}

/* ТОПБАР */
.site-header { background:#060608; border-bottom:2px solid #6aacb8; }
.logo { color:#6aacb8; text-shadow:0 0 10px rgba(106,172,184,0.3); }
.logo-dot { color:#a04030; }
.nav-link { color:#606878; }
.nav-link:hover { color:#6aacb8; text-shadow:0 0 8px rgba(106,172,184,0.3); }
.header-search input { background:#0a0c12; border-color:#2a3040; color:#b0b8c0; }

/* Ссылка на DEATH IN SPACE в навигации */
.nav-ds:hover { color:#6aacb8; border-bottom-color:#6aacb8; }
.nav-ds.active { color:#6aacb8; border-bottom-color:#6aacb8; }

/* HERO */
.ds-hero {
  background:#0a0c14;
  padding:5rem 1.5rem 4rem;
  text-align:center;
  border-bottom:3px solid #a04030;
  position:relative;
  overflow:hidden;
  background-image:
    radial-gradient(ellipse at 30% 30%, rgba(106,172,184,0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 70%, rgba(160,64,48,0.08) 0%, transparent 50%),
    radial-gradient(circle at 50% 100%, rgba(20,25,40,0.6) 0%, transparent 70%);
}
.ds-hero::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(0deg, transparent, transparent 4px, rgba(0,0,0,0.04) 4px, rgba(0,0,0,0.04) 5px);
}
.ds-hero .container { max-width:900px; position:relative; z-index:1; }

.ds-title {
  font-family:'Share Tech Mono', monospace;
  font-size:clamp(2.5rem, 7vw, 5rem);
  line-height:1;
  letter-spacing:0.08em;
  color:#6aacb8;
  text-shadow:
    0 0 20px rgba(106,172,184,0.4),
    0 0 60px rgba(106,172,184,0.15);
  margin-bottom:1rem;
  text-transform:uppercase;
}
.ds-title .accent { color:#a04030; text-shadow:0 0 20px rgba(160,64,48,0.4); }
.ds-sub {
  font-family:'Inter', sans-serif;
  font-size:1rem;
  color:#808890;
  max-width:650px;
  margin:0 auto;
  line-height:1.7;
}
.ds-quote {
  font-family:'Inter', sans-serif;
  font-style:italic;
  color:#505860;
  margin-top:1.5rem;
  font-size:0.85rem;
  padding-top:1rem;
  border-top:1px solid rgba(106,172,184,0.2);
}

/* СЕКЦИИ */
.ds-section { padding:3rem 0; }
.ds-section.alt { background:#0c0e16; }

.ds-section-title {
  font-family:'Share Tech Mono', monospace;
  font-size:1.8rem;
  color:#6aacb8;
  margin-bottom:1rem;
  padding-bottom:0.5rem;
  text-transform:uppercase;
  letter-spacing:0.08em;
  text-shadow:0 0 10px rgba(106,172,184,0.2);
  position:relative;
}
.ds-section-title::after {
  content:''; display:block;
  width:80px; height:2px;
  background:linear-gradient(90deg, #a04030, #6aacb8, transparent);
  margin-top:0.6rem;
}
.ds-section-intro {
  font-family:'Inter', sans-serif;
  color:#606878;
  margin-bottom:2rem;
  max-width:700px;
  font-size:0.9rem;
}

/* СЕТКА РАЗДЕЛОВ */
.ds-tiles {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:1rem;
}
.ds-tile {
  display:block;
  padding:1.5rem 1.5rem 1.3rem;
  background:linear-gradient(135deg, #0e1018, #08090e);
  border:1px solid #1a2030;
  border-left:4px solid #3a5060;
  text-decoration:none;
  color:#b0b8c0;
  transition:transform 0.15s, border-left-color 0.15s, box-shadow 0.15s;
  position:relative;
}
.ds-tile:hover {
  transform:translateY(-3px);
  border-left-color:#6aacb8;
  box-shadow:-3px 4px 15px rgba(106,172,184,0.1), 0 0 20px rgba(106,172,184,0.05);
}
.ds-tile-num {
  position:absolute;
  top:0.8rem; right:1rem;
  font-family:'Share Tech Mono', monospace;
  font-size:0.7rem;
  color:#3a5060;
  letter-spacing:0.1em;
}
.ds-tile h3 {
  font-family:'Share Tech Mono', monospace;
  font-size:1.3rem;
  color:#6aacb8;
  line-height:1;
  margin-bottom:0.5rem;
  font-weight:400;
  padding-right:2rem;
  text-transform:uppercase;
  letter-spacing:0.05em;
  text-shadow:0 0 8px rgba(106,172,184,0.2);
}
.ds-tile p {
  font-family:'Inter', sans-serif;
  font-size:0.9rem;
  line-height:1.55;
  color:#808890;
}

/* ОСОБАЯ ПЛИТКА */
.ds-tile.featured {
  background:linear-gradient(135deg, #12141e, #08090e);
  border-left:4px solid #a04030;
}
.ds-tile.featured h3 { color:#c86050; }
.ds-tile.featured .ds-tile-num { color:#a04030; }

/* WIP-ПЛИТКА */
.ds-tile.wip {
  opacity:0.45;
  cursor:not-allowed;
  pointer-events:none;
}
.ds-tile.wip::before {
  content:'СКОРО';
  position:absolute;
  top:0.5rem; right:0.8rem;
  font-family:'Share Tech Mono', monospace;
  font-size:0.65rem;
  color:#3a5060;
  letter-spacing:0.15em;
  background:#08090e;
  padding:0.15rem 0.4rem;
  border:1px solid #1a2030;
}

/* БЛОК АТМОСФЕРЫ */
.ds-atmosphere {
  background:#060608;
  padding:3rem 1.5rem;
  border-top:1px solid #1a2030;
  border-bottom:1px solid #1a2030;
  text-align:center;
}
.ds-atmosphere blockquote {
  font-family:'Inter', sans-serif;
  font-style:italic;
  font-size:1.1rem;
  color:#808890;
  max-width:720px;
  margin:0 auto;
  line-height:1.7;
}
.ds-atmosphere cite {
  display:block;
  margin-top:1rem;
  font-style:normal;
  font-size:0.8rem;
  color:#3a5060;
  font-family:'Share Tech Mono', monospace;
  letter-spacing:0.15em;
  text-transform:uppercase;
}

/* ФУТЕР */
.site-footer { background:#040506; border-top:2px solid #3a5060; color:#3a5060; }
.site-footer h4 { color:#6aacb8; font-family:'Share Tech Mono', monospace; }
.site-footer a { color:#606878; }
.site-footer a:hover { color:#6aacb8; }

@media (max-width:768px) {
  .ds-hero { padding:3rem 1rem 2.5rem; }
  .ds-title { font-size:2rem; }
  .ds-tiles { grid-template-columns:1fr; }
}