/* Анонс DayZ: нейтральный графит и общие акценты RED поверх фотографии. */
.dayz-page { margin: 0; background: var(--t-bg); color: var(--t-text); font-family: var(--t-font-body, 'PT Sans', sans-serif); }
/* Фото под общей сеткой и затемнением ArmA 3; один кадр не требует таймеров. */
.dayz-background { position: fixed; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -2; pointer-events: none; }
.dayz-page * { box-sizing: border-box; }
.dayz-page main { padding: 108px 40px 0; }
.dayz-announcement { max-width: 1328px; margin: auto; border: 1px solid var(--t-line); }
.dayz-meta, .dayz-bottom { display: flex; justify-content: space-between; gap: 18px; padding: 18px 24px; font-family: var(--t-font-mono); font-size: 10px; letter-spacing: 2px; color: var(--t-text-muted); }
.dayz-meta { border-bottom: 1px solid var(--t-line); }
.dayz-arma-note { padding: 20px 24px; border-bottom: 1px solid var(--t-line); border-left: 3px solid var(--t-red); background: rgba(16, 17, 20, 0.88); }
.dayz-arma-note h2 { margin: 0 0 8px; font: 400 18px/1.4 var(--t-font-display); color: var(--t-text); }
.dayz-arma-note p { margin: 0; max-width: 900px; font-size: 16px; line-height: 1.6; color: #c9ced8; }
.dayz-hero { position: relative; text-align: center; padding: 40px 24px 42px; }
.dayz-hero::before, .dayz-hero::after { content: ''; position: absolute; width: 20px; height: 20px; border-color: var(--t-red); border-style: solid; }
.dayz-hero::before { top: -1px; left: -1px; border-width: 2px 0 0 2px; }
.dayz-hero::after { bottom: -1px; right: -1px; border-width: 0 2px 2px 0; }
.dayz-status, .dayz-note { font-family: var(--t-font-mono); }
.dayz-status { margin: 0 0 26px; font-size: 11px; letter-spacing: 3px; color: var(--t-text-muted); }
.dayz-status span { display: inline-block; width: 6px; height: 6px; background: var(--t-red); margin-right: 8px; }
.dayz-brand { margin: 12px auto 30px; font-family: 'Future Z', sans-serif; font-size: clamp(36px, 7vw, 96px); font-weight: 400; line-height: 1.2; }
.dayz-brand span { color: var(--t-red-logo); }
.dayz-hero h1 { font-family: var(--t-font-display, 'Russo One', sans-serif); font-size: clamp(30px, 4vw, 56px); font-weight: 400; line-height: 1.15; margin: 0; }
.dayz-hero h1 span { color: var(--t-text-muted); }
.dayz-copy { color: #c9ced8; font-size: 17px; line-height: 1.7; margin: 24px auto 28px; }
.dayz-hero .t-btn { gap: 24px; background: var(--t-red); }
.dayz-hero .t-btn:hover { background: #e63946; }
.dayz-note { font-size: 10px; color: var(--t-text-muted); margin-top: 16px; }
.dayz-bottom { border-top: 1px solid var(--t-line); align-items: center; }
.dayz-bottom a { color: var(--t-text); text-decoration: none; letter-spacing: 0; font-size: 12px; }
.dayz-bottom a:hover { color: var(--t-red-bright); }
.dayz-footer { max-width: 1408px; padding: 24px 40px; margin: auto; display: flex; justify-content: space-between; gap: 20px; font: 9px var(--t-font-mono); letter-spacing: 2px; color: var(--t-text-muted); }
.dayz-page a:focus-visible { outline: 2px solid var(--t-text); outline-offset: 5px; }
@media (max-width: 600px) {
  .dayz-page main { padding: 90px 16px 0; }
  .dayz-meta, .dayz-bottom { padding: 16px; font-size: 9px; letter-spacing: 1px; }
  .dayz-meta > span:last-child { display: none; }
  .dayz-arma-note { padding: 16px; }
  .dayz-arma-note h2 { font-size: 16px; }
  .dayz-arma-note p { font-size: 15px; }
  .dayz-hero { padding: 34px 16px; }
  .dayz-brand { width: 100%; }
  .dayz-hero h1 { font-size: clamp(25px, 6.3vw, 36px); }
  .dayz-copy { font-size: 15px; }
  .dayz-hero .t-btn { padding: 16px; font-size: 12px; }
  .dayz-bottom, .dayz-footer { flex-direction: column; align-items: flex-start; }
  .dayz-footer { padding: 24px 16px; line-height: 1.6; }
}

/* Локальная кинематографическая подача анонса: 18 постоянных частиц без JS.
   Анимируются только transform/opacity; на телефоне остаются восемь искр. */
.dayz-atmosphere { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.dayz-atmosphere::before { content: ''; position: absolute; inset: 35% 0 0; background: radial-gradient(ellipse at 25% 100%, rgba(239, 87, 22, 0.16), transparent 65%); animation: dayz-firelight 8s ease-in-out infinite alternate; }
.dayz-spark { position: absolute; left: var(--spark-x); top: 104%; width: var(--spark-size, 2px); height: calc(var(--spark-size, 2px) * 2); border-radius: 50%; background: #ffd59b; box-shadow: 0 0 7px 2px rgba(255, 104, 30, 0.55); opacity: 0; animation: dayz-ember var(--spark-time, 14s) var(--spark-delay, 0s) linear infinite; }
.dayz-page main, .dayz-footer { position: relative; z-index: 1; }
.dayz-announcement { background: rgba(10, 12, 15, 0.28); box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32); }
.dayz-meta, .dayz-bottom { background: rgba(10, 12, 15, 0.35); }
.dayz-arma-note { padding: 16px 24px; background: rgba(16, 17, 20, 0.72); }
.dayz-arma-note h2 { font-size: 14px; letter-spacing: 0.4px; }
.dayz-arma-note p { max-width: none; font-size: 14px; line-height: 1.5; }
.dayz-hero { padding: 54px 24px 48px; }
.dayz-brand { font-size: clamp(36px, 7.8vw, 108px); margin-bottom: 32px; text-shadow: 0 4px 24px rgba(0, 0, 0, 0.5); }
.dayz-hero h1 { font-size: clamp(25px, 3vw, 42px); line-height: 1.3; letter-spacing: 0.02em; }
.dayz-copy { max-width: 640px; }
.dayz-status { color: #c9ced8; animation: dayz-status-breathe 3.6s ease-in-out infinite; }
.dayz-status span { position: relative; border-radius: 50%; }
.dayz-status span::after { content: ''; position: absolute; inset: -4px; border: 1px solid var(--t-red-bright); border-radius: 50%; animation: dayz-signal 3.6s ease-out infinite; }
.dayz-brand, .dayz-hero h1, .dayz-copy, .dayz-hero .t-btn, .dayz-note { animation: dayz-reveal 0.9s ease-out both; }
.dayz-brand { animation-delay: 0.08s; }
.dayz-hero h1 { animation-delay: 0.2s; }
.dayz-copy { animation-delay: 0.32s; }
.dayz-hero .t-btn { animation-delay: 0.44s; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }
.dayz-hero .t-btn span { transition: transform 0.2s ease; }
.dayz-hero .t-btn:hover span { transform: translate(3px, -3px); }
.dayz-note { animation-delay: 0.56s; }
@keyframes dayz-ember {
  0% { transform: translate3d(0, 0, 0) rotate(-15deg); opacity: 0; }
  12% { opacity: 0.75; }
  55% { transform: translate3d(var(--spark-drift), -58vh, 0) rotate(18deg); opacity: 0.5; }
  100% { transform: translate3d(calc(var(--spark-drift) * 0.5), -115vh, 0) rotate(-12deg); opacity: 0; }
}
@keyframes dayz-firelight { from { opacity: 0.4; } to { opacity: 0.9; } }
@keyframes dayz-status-breathe { 0%, 100% { opacity: 1; } 50% { opacity: 0.65; } }
@keyframes dayz-signal { 0% { transform: scale(0.5); opacity: 0.7; } 75%, 100% { transform: scale(1.8); opacity: 0; } }
@keyframes dayz-reveal { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
.dayz-spark:nth-child(1) { --spark-x: 7%; --spark-size: 3px; --spark-drift: 60px; --spark-time: 12s; --spark-delay: -3s; }
.dayz-spark:nth-child(2) { --spark-x: 44%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 14s; --spark-delay: -10s; }
.dayz-spark:nth-child(3) { --spark-x: 81%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 16s; --spark-delay: -17s; }
.dayz-spark:nth-child(4) { --spark-x: 18%; --spark-size: 3px; --spark-drift: -85px; --spark-time: 18s; --spark-delay: -1s; }
.dayz-spark:nth-child(5) { --spark-x: 55%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 20s; --spark-delay: -8s; }
.dayz-spark:nth-child(6) { --spark-x: 92%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 22s; --spark-delay: -15s; }
.dayz-spark:nth-child(7) { --spark-x: 29%; --spark-size: 3px; --spark-drift: 60px; --spark-time: 24s; --spark-delay: -22s; }
.dayz-spark:nth-child(8) { --spark-x: 66%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 12s; --spark-delay: -6s; }
.dayz-spark:nth-child(9) { --spark-x: 3%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 14s; --spark-delay: -13s; }
.dayz-spark:nth-child(10) { --spark-x: 40%; --spark-size: 3px; --spark-drift: -85px; --spark-time: 16s; --spark-delay: -20s; }
.dayz-spark:nth-child(11) { --spark-x: 77%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 18s; --spark-delay: -4s; }
.dayz-spark:nth-child(12) { --spark-x: 14%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 20s; --spark-delay: -11s; }
.dayz-spark:nth-child(13) { --spark-x: 51%; --spark-size: 3px; --spark-drift: 60px; --spark-time: 22s; --spark-delay: -18s; }
.dayz-spark:nth-child(14) { --spark-x: 88%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 24s; --spark-delay: -2s; }
.dayz-spark:nth-child(15) { --spark-x: 25%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 12s; --spark-delay: -9s; }
.dayz-spark:nth-child(16) { --spark-x: 62%; --spark-size: 3px; --spark-drift: -85px; --spark-time: 14s; --spark-delay: -16s; }
.dayz-spark:nth-child(17) { --spark-x: 99%; --spark-size: 2px; --spark-drift: 60px; --spark-time: 16s; --spark-delay: -0s; }
.dayz-spark:nth-child(18) { --spark-x: 36%; --spark-size: 2px; --spark-drift: -85px; --spark-time: 18s; --spark-delay: -7s; }
@media (max-width: 600px) {
  .dayz-spark:nth-child(n+9) { display: none; }
  .dayz-hero { padding: 38px 16px; }
  .dayz-arma-note { padding: 16px; }
  .dayz-brand { font-size: clamp(32px, 9vw, 54px); }
  .dayz-hero h1 { font-size: clamp(23px, 6vw, 32px); }
}
@media (prefers-reduced-motion: reduce) {
  .dayz-atmosphere { display: none; }
  .dayz-page .dayz-hero > *, .dayz-status span::after { animation: none; }
  .dayz-status span::after { display: none; }
  .dayz-hero .t-btn span { transition: none; transform: none; }
}

/* Каждое видимое упоминание бренда, включая подписи и общую шапку. */
.dayz-page .dayz-red, .dayz-page .nav-logo { font-family: 'Future Z', sans-serif; font-weight: 400; color: #e90303; letter-spacing: 0; }

/* У Future Z высота прописных 63% em против 70–73% у соседних шрифтов.
   Компенсация кегля выравнивает видимые буквы; line-height сохраняет ритм строки. */
.dayz-meta .dayz-red, .dayz-footer .dayz-red { font-size: 1.16em; line-height: 0; }
.dayz-arma-note h2 .dayz-red { font-size: 1.12em; line-height: 0; }
.dayz-copy .dayz-red { font-size: 1.14em; line-height: 0; }


/* Единая сцена из настоящих элементов страницы; их места не меняются при раскрытии. */
.dayz-brand, .dayz-hero h1, .dayz-copy, .dayz-hero .t-btn, .dayz-note { animation: none; }
.dayz-announcement { position: relative; isolation: isolate; border-color: transparent; background: none; box-shadow: none; }
.dayz-announcement::before { content: ''; position: absolute; inset: -1px; z-index: -1; border: 1px solid var(--t-line); background: rgba(10,12,15,0.28); box-shadow: 0 24px 80px rgba(0,0,0,0.32); pointer-events: none; }
.dayz-intro-curtain { display: none; position: fixed; inset: 0; background: #000; z-index: 10000; pointer-events: none; }
.dayz-intro-skip { position: fixed; bottom: 24px; right: 24px; z-index: 10001; padding: 12px 16px; border: 1px solid #555; background: #101114; color: #e8eaef; font: 11px var(--t-font-mono); letter-spacing: 2px; cursor: pointer; }
.dayz-intro-skip span { margin-left: 16px; color: #9ca3af; }
.dayz-intro-skip:hover, .dayz-intro-skip:focus-visible { border-color: var(--t-red); outline: 2px solid var(--t-red); outline-offset: 4px; }
.dayz-intro-playing .dayz-intro-curtain { display: block; animation: dayz-curtain 2s ease-in-out both; }
.dayz-intro-playing .dayz-background { animation: dayz-camera 3s ease-out both; }
.dayz-intro-playing .dayz-brand { animation: dayz-reveal 1.2s 1.8s ease-out both; }
.dayz-intro-playing .dayz-hero h1 { animation: dayz-reveal 1s 3.1s ease-out both; }
.dayz-intro-playing .dayz-copy { animation: dayz-reveal 1s 4.4s ease-out both; }
.dayz-intro-playing .dayz-hero .t-btn { animation: dayz-reveal 0.9s 5.8s ease-out both; }
.dayz-intro-playing .dayz-note { animation: dayz-reveal 0.9s 6.2s ease-out both; }
.dayz-intro-playing .dayz-announcement::before,
.dayz-intro-playing .dayz-hero::before,
.dayz-intro-playing .dayz-hero::after,
.dayz-intro-playing .dayz-meta,
.dayz-intro-playing .dayz-arma-note,
.dayz-intro-playing .dayz-bottom,
.dayz-intro-playing .dayz-status,
.dayz-intro-playing .dayz-footer,
.dayz-intro-playing .navbar { animation: dayz-chrome-reveal 1s 7.5s ease-out both; }
@keyframes dayz-curtain { 0%, 15% { opacity: 1; } 100% { opacity: 0; } }
@keyframes dayz-camera { from { transform: scale(1.06); } to { transform: scale(1); } }
@keyframes dayz-chrome-reveal { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 600px) { .dayz-intro-skip { bottom: 16px; right: 16px; font-size: 10px; } }
@media (prefers-reduced-motion: reduce) {
  .dayz-intro-playing .dayz-intro-curtain { display: none; }
  .dayz-intro-playing .dayz-background, .dayz-intro-playing .dayz-hero > *,
  .dayz-intro-playing .dayz-announcement::before, .dayz-intro-playing .dayz-hero::before,
  .dayz-intro-playing .dayz-hero::after, .dayz-intro-playing .dayz-meta,
  .dayz-intro-playing .dayz-arma-note, .dayz-intro-playing .dayz-bottom,
  .dayz-intro-playing .dayz-footer, .dayz-intro-playing .navbar { animation: none; }
}