/* =========================================================================
   wasted.css — სიკვდილის ეკრანი (WASTED)
   ========================================================================= */
#wasted-screen {
  position: fixed; inset: 0; z-index: 30000;
  display: none; pointer-events: none; overflow: hidden;
  align-items: center; justify-content: center; flex-direction: column;
}
#wasted-screen.on { display: flex; }

/* მუქი წითელი ვინიეტი + ბნელდება */
#wasted-screen .ws-vig {
  position: absolute; inset: 0; opacity: 0;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(70,0,0,.55) 65%, rgba(0,0,0,.92) 100%),
    linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35));
}
#wasted-screen.on .ws-vig { animation: wsFade 1.1s ease-out forwards; }

/* შავი ზოლები (კინო) */
#wasted-screen .ws-bar { position: absolute; left: 0; right: 0; height: 0; background: #000; }
#wasted-screen .ws-bar.t { top: 0; }
#wasted-screen .ws-bar.b { bottom: 0; }
#wasted-screen.on .ws-bar { animation: wsBar .9s cubic-bezier(.2,.8,.2,1) forwards; }

/* წითელი ზოლი ტექსტის უკან */
#wasted-screen .ws-band {
  position: absolute; left: 0; right: 0; top: 50%; height: 0; transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(150,0,0,.55) 20%, rgba(150,0,0,.55) 80%, transparent);
  box-shadow: 0 0 60px rgba(200,0,0,.25);
}
#wasted-screen.on .ws-band { animation: wsBand .8s .15s cubic-bezier(.2,.8,.2,1) forwards; }

/* WASTED */
#wasted-screen .ws-title {
  position: relative; display: flex; gap: .04em;
  font-family: 'Rajdhani', 'Impact', 'Arial Black', sans-serif;
  font-weight: 700; font-size: clamp(90px, 15vw, 230px); line-height: 1;
  letter-spacing: .04em; text-transform: uppercase;
}
#wasted-screen .ws-title span {
  display: inline-block; opacity: 0;
  background: linear-gradient(180deg, #ff5a5a 0%, #d10f0f 55%, #7a0000 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 0 rgba(0,0,0,.65)) drop-shadow(0 0 28px rgba(220,0,0,.55));
  transform: translateY(40px) scale(1.5);
}
#wasted-screen.on .ws-title span {
  animation: wsLetter .55s cubic-bezier(.2,1.3,.4,1) forwards;
  animation-delay: calc(.35s + var(--i) * .07s);
}
/* დარტყმა: ტექსტი ოდნავ უახლოვდება */
#wasted-screen.on .ws-title { animation: wsDrift 8s .9s linear forwards; }

/* ქვესათაური (ვინ მოგკლა) */
#wasted-screen .ws-sub {
  position: relative; margin-top: 10px; opacity: 0;
  font-family: 'Noto Sans Georgian', 'Manrope', sans-serif;
  font-weight: 800; font-size: clamp(14px, 1.6vw, 24px);
  letter-spacing: .28em; text-transform: uppercase; color: rgba(255,255,255,.82);
  text-shadow: 0 2px 10px rgba(0,0,0,.9);
}
#wasted-screen .ws-sub b { color: #ff4a4a; font-weight: 800; }
#wasted-screen.on .ws-sub { animation: wsSub .6s 1.1s ease-out forwards; }

/* გასვლა */
#wasted-screen.out { animation: wsOut .6s ease-in forwards; }

@keyframes wsFade   { to { opacity: 1; } }
@keyframes wsBar    { to { height: 11vh; } }
@keyframes wsBand   { to { height: clamp(120px, 20vw, 300px); } }
@keyframes wsLetter { 60% { opacity: 1; transform: translateY(-4px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes wsSub    { to { opacity: 1; letter-spacing: .38em; } }
@keyframes wsDrift  { to { transform: scale(1.06); } }
@keyframes wsOut    { to { opacity: 0; } }