/* EzTarkov – strona „Under construction” (soon.html). Tokeny kolorów z style.css. */
body.soon { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
body.soon::after {   /* poziomice w tle */
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background: url("../img/topo.svg") center / cover no-repeat;
  -webkit-mask: radial-gradient(ellipse at center, #000 10%, transparent 70%); mask: radial-gradient(ellipse at center, #000 10%, transparent 70%);
}
.soon-in { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 48px 16px 24px; }

.soon-radar { position: relative; display: grid; place-items: center; width: 220px; height: 220px; margin-bottom: 34px; }
.soon-radar .ring { position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--accent-line); opacity: .55; }
.soon-radar .r2 { inset: 22%; opacity: .4; }
.soon-radar .r3 { inset: 44%; opacity: .3; }
.soon-radar .sweep {   /* wiązka radaru: jasna krawędź prowadzi, za nią zanikający ślad */
  position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0deg, rgba(190, 252, 3, 0) 250deg, rgba(190, 252, 3, .22) 352deg, rgba(190, 252, 3, .75) 359deg, transparent 360deg);
  animation: soon-sweep 4s linear infinite;
}
.soon-mark { position: relative; width: 58px; height: 58px; color: var(--accent); filter: drop-shadow(0 0 14px rgba(190, 252, 3, .6)); }
@keyframes soon-sweep { to { rotate: 360deg; } }

.soon-brand { font: 700 22px var(--display); letter-spacing: .02em; color: var(--muted); }
.soon-brand b { color: var(--text); }
.soon h1 { margin: 10px 0 16px; font-size: clamp(36px, 7vw, 64px); font-weight: 800; letter-spacing: -0.02em; color: var(--accent);
  text-shadow: 0 0 28px rgba(190, 252, 3, .35); }
.soon-lead { max-width: 480px; color: #b9c2b8; font-size: 17px; }

.soon-foot { padding: 22px 16px 28px; text-align: center; color: var(--muted); font-size: 12.5px; }
.soon-foot p + p { margin-top: 4px; color: #5d665e; font-family: var(--mono); }

@media (max-width: 420px) { .soon-radar { width: 180px; height: 180px; } }