/* RiftWorld.pl — strona coming-soon. Paleta dobrana z logo:
   ciemny kamień, złoto runiczne, cyjan i fiolet energii riftu, stal. */
:root{
  --rw-bg:#0a0d16;
  --rw-bg-2:#0e1424;
  --rw-stone:#161d30;
  --rw-line:rgba(150,170,210,.14);
  --rw-text:#e8edf7;
  --rw-muted:#9fb0cc;
  --rw-gold:#e6c574;
  --rw-gold-deep:#c69a3f;
  --rw-cyan:#5fc9f6;
  --rw-violet:#9b6cf0;
  --rw-steel:#c2cfe0;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body.rw-cs{
  background:var(--rw-bg);
  color:var(--rw-text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  min-height:100svh;
  display:flex;flex-direction:column;
  overflow-x:hidden;position:relative;
  text-align:center;
}

/* Tło: mgławica riftu (cyjan + fiolet) na kamieniu. */
.rw-cs__aurora{
  position:fixed;inset:-20% -10% auto -10%;height:80vh;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 55% at 22% 30%, rgba(95,201,246,.28), transparent 70%),
    radial-gradient(55% 60% at 78% 22%, rgba(155,108,240,.30), transparent 72%),
    radial-gradient(70% 60% at 50% 90%, rgba(198,154,63,.10), transparent 70%);
  filter:blur(20px);
  animation:rw-drift 16s ease-in-out infinite alternate;
}
@keyframes rw-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}
.rw-cs__stars{
  position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #fff, transparent),
    radial-gradient(1px 1px at 70% 20%, #cfe6ff, transparent),
    radial-gradient(1px 1px at 40% 70%, #fff, transparent),
    radial-gradient(1px 1px at 85% 60%, #d7c9ff, transparent),
    radial-gradient(1px 1px at 55% 45%, #fff, transparent),
    radial-gradient(1px 1px at 12% 80%, #bfe3ff, transparent);
  background-repeat:no-repeat;
}
body.rw-cs::after{
  /* subtelna winieta */
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 0%, transparent 55%, rgba(0,0,0,.55) 100%);
}

.rw-cs__wrap{
  position:relative;z-index:1;
  flex:1;
  width:100%;max-width:820px;margin:0 auto;
  padding:clamp(28px,6vw,64px) 22px 40px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
}

.rw-cs__logo{
  width:min(92vw,620px);height:auto;
  filter:drop-shadow(0 6px 26px rgba(95,201,246,.28)) drop-shadow(0 2px 10px rgba(0,0,0,.6));
  animation:rw-rise .9s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes rw-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.rw-cs__tagline{
  margin:0;color:var(--rw-muted);
  font-size:clamp(15px,2.4vw,20px);font-weight:500;letter-spacing:.2px;
  max-width:34ch;text-wrap:balance;
}

.rw-cs__badge{
  text-transform:uppercase;letter-spacing:.28em;font-size:12px;font-weight:600;
  color:var(--rw-gold);
  padding:7px 16px;border:1px solid rgba(230,197,116,.35);border-radius:999px;
  background:rgba(230,197,116,.06);
}

/* Odliczanie */
.rw-countdown{
  display:flex;align-items:center;justify-content:center;gap:clamp(6px,2vw,16px);
  margin:2px 0;
}
.rw-countdown__unit{
  min-width:clamp(64px,17vw,104px);
  padding:clamp(10px,2vw,16px) 8px;
  background:linear-gradient(180deg, rgba(30,40,64,.85), rgba(16,22,38,.85));
  border:1px solid var(--rw-line);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
  display:flex;flex-direction:column;gap:6px;
}
.rw-countdown__num{
  font-family:Cinzel,serif;font-weight:700;
  font-size:clamp(28px,7vw,52px);line-height:1;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#fbe6b8,var(--rw-gold) 45%,var(--rw-gold-deep));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.rw-countdown__lbl{
  font-size:clamp(10px,1.6vw,12px);letter-spacing:.16em;text-transform:uppercase;color:var(--rw-muted);
}
.rw-countdown__sep{
  font-family:Cinzel,serif;font-size:clamp(22px,5vw,40px);color:var(--rw-cyan);opacity:.6;
  margin-top:-14px;
}

.rw-cs__date{
  margin:0;color:var(--rw-steel);font-weight:600;letter-spacing:.06em;
  font-size:clamp(15px,2.2vw,18px);
}

/* Przyciski */
.rw-btn{
  --b:var(--rw-gold);
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 26px;border-radius:12px;font-weight:600;font-size:15px;
  text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:transform .12s ease, box-shadow .2s ease, background .2s ease;
}
.rw-btn--gold{
  color:#20160a;
  background:linear-gradient(180deg,#f4dd93,var(--rw-gold) 55%,var(--rw-gold-deep));
  box-shadow:0 8px 24px rgba(198,154,63,.35), inset 0 1px 0 rgba(255,255,255,.4);
}
.rw-btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(198,154,63,.5)}
.rw-btn--ghost{
  color:var(--rw-text);border-color:var(--rw-line);background:rgba(255,255,255,.03);
}
.rw-btn--ghost:hover{border-color:var(--rw-cyan);color:#fff}

.rw-cs__footer{
  position:relative;z-index:1;
  padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));
  color:var(--rw-muted);font-size:12.5px;
}

@media (max-width:400px){
  .rw-countdown{gap:5px}
  .rw-countdown__sep{display:none}
  .rw-countdown__unit{min-width:22vw;border-radius:12px}
}
@media (prefers-reduced-motion:reduce){
  .rw-cs__aurora{animation:none}
  .rw-cs__logo{animation:none}
}