/* ===================== FERMIS — Gyvas pasaulis (index) ===================== */

.world{
  /* Apačia sutampa su .dawn pradžia — be aštrios linijos */
  background:linear-gradient(180deg, #0c130d 0%, #0e1510 55%, #10190f 100%);
  border-top:1px solid var(--line);
  border-bottom:0;
  padding:2rem 1.5rem 1.6rem;
}
.world__inner{ max-width:1080px; margin:0 auto; display:flex; flex-direction:column; gap:1.1rem; }

/* ---------- Pasaulio amžius (gyvas skaitiklis) ---------- */
.wage{
  position:relative; overflow:hidden;
  display:flex; align-items:center; gap:1rem;
  padding:1.05rem 1.3rem; border-radius:18px;
  background:linear-gradient(120deg, rgba(20,34,22,.9), rgba(28,40,24,.75));
  border:1px solid rgba(139,195,74,.28);
  box-shadow:0 10px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
/* Judanti „aurora" fone */
.wage::before{
  content:""; position:absolute; inset:-40%; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 60% at 20% 30%, rgba(139,195,74,.18), transparent 60%),
    radial-gradient(40% 60% at 80% 70%, rgba(255,202,110,.14), transparent 60%);
  animation:wageAurora 14s ease-in-out infinite alternate;
}
@keyframes wageAurora{ from{ transform:translate3d(-4%,-3%,0) rotate(0deg) } to{ transform:translate3d(4%,3%,0) rotate(8deg) } }

/* Širdies ritmo pulsas */
.wage__pulse{ position:relative; z-index:1; width:44px; height:44px; flex:0 0 auto; display:grid; place-items:center; }
.wage__pulse span{
  width:14px; height:14px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #b6f36a, #6fae2e);
  box-shadow:0 0 0 0 rgba(139,195,74,.7);
  animation:wageBeat 1.6s ease-in-out infinite;
}
@keyframes wageBeat{
  0%   { transform:scale(1);    box-shadow:0 0 0 0 rgba(139,195,74,.6) }
  18%  { transform:scale(1.35); }
  30%  { transform:scale(1);    }
  46%  { transform:scale(1.18); }
  60%,100%{ transform:scale(1); box-shadow:0 0 0 16px rgba(139,195,74,0) }
}

.wage__body{ position:relative; z-index:1; min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.wage__label{ font-size:.74rem; letter-spacing:.14em; text-transform:uppercase; color:#a9c58e; font-weight:800; }

.wage__clock{ display:flex; align-items:flex-end; gap:.15rem; font-family:var(--font-head, inherit); }
.wage__seg{ display:inline-flex; flex-direction:column; align-items:center; min-width:2.6ch; }
.wage__seg b{
  font-size:1.7rem; line-height:1; font-weight:900; letter-spacing:.02em;
  background:linear-gradient(180deg, #fff 0%, #d7ecc0 55%, #8bc34a 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
  font-variant-numeric:tabular-nums; transition:transform .18s ease;
}
.wage__seg i{ font-size:.6rem; font-style:normal; color:#8ba07d; letter-spacing:.08em; margin-top:.2rem; text-transform:uppercase; }
.wage__seg--sec b{ background:linear-gradient(180deg, #fff, #ffd98a 60%, #ffb300); -webkit-background-clip:text; background-clip:text; }
.wage__seg.is-tick b{ transform:translateY(-2px) scale(1.08); }
.wage__colon{ font-size:1.4rem; font-weight:900; color:rgba(139,195,74,.5); margin:0 .05rem; align-self:center; padding-bottom:.7rem; animation:wageBlink 1.6s steps(1) infinite; }
@keyframes wageBlink{ 0%,60%{ opacity:1 } 61%,100%{ opacity:.35 } }

.wage__since{ font-size:.72rem; color:#84977a; }

@media (max-width:560px){
  .wage{ padding:.9rem 1rem; gap:.7rem; }
  .wage__pulse{ width:34px; height:34px; }
  .wage__seg b{ font-size:1.3rem; }
  .wage__seg{ min-width:2.3ch; }
  .wage__colon{ font-size:1.1rem; padding-bottom:.65rem; }
  .wage__since{ font-size:.66rem; }
}
@media (prefers-reduced-motion:reduce){
  .wage::before, .wage__pulse span, .wage__colon{ animation:none; }
  .wage__seg b{ transition:none; }
}

/* ---------- Pasisveikinimas + dienos patarimas ---------- */
.wtop{ display:flex; gap:.9rem; flex-wrap:wrap; align-items:stretch; }
.wgreet{
  display:flex; align-items:center; gap:.6rem;
  background:linear-gradient(100deg, rgba(255,200,110,.14), rgba(139,195,74,.1));
  border:1px solid rgba(255,200,110,.28); border-radius:14px;
  padding:.75rem 1rem; flex:1 1 260px; min-width:0;
  animation:wgreetFade 1s ease both;
}
@keyframes wgreetFade{ from{ opacity:0; transform:translateY(-6px) } to{ opacity:1; transform:none } }
.wgreet__emoji{ font-size:1.5rem; line-height:1; }
.wgreet__txt{ font-weight:700; color:#fff; font-size:.98rem; }

.wtip{
  display:flex; align-items:center; gap:.6rem;
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  border-radius:14px; padding:.75rem 1rem; flex:2 1 340px; min-width:0;
  animation:wgreetFade 1.3s ease both;
}
.wtip__ico{ font-size:1.3rem; line-height:1; flex:0 0 auto; }
.wtip__txt{ font-size:.9rem; color:#cdd6c8; line-height:1.4; }
.wtip__txt strong{ color:#8bc34a; }

/* ---------- Paskutiniai prisijungę ---------- */
.wonline{
  background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:16px;
  padding:1rem 1.1rem;
}
.wonline__head{
  display:flex; align-items:baseline; justify-content:space-between; gap:.75rem;
  flex-wrap:wrap; margin-bottom:.7rem;
}
.wonline__title{ font-weight:800; font-size:.92rem; color:#fff; margin:0; }
.wonline__peak{
  font-size:.78rem; color:#9db09a; white-space:nowrap;
}
.wonline__peak strong{ color:#ffca6e; font-weight:800; }
.wonline__peak-at{
  margin-left:.35rem; color:#7a8f76; font-size:.72rem; font-weight:600;
}
.wonline__list{ display:flex; flex-direction:column; gap:.15rem; }
.wonline__item{
  display:flex; align-items:center; gap:.5rem; padding:.45rem 0;
  border-bottom:1px solid rgba(255,255,255,.05); font-size:.88rem;
}
.wonline__item:last-child{ border-bottom:0; }
.wonline__dot{ width:8px; height:8px; border-radius:50%; background:#5a6b57; flex:0 0 auto; }
.wonline__dot.is-on{ background:#8bc34a; box-shadow:0 0 0 0 rgba(139,195,74,.6); animation:wonPulse 2s infinite; }
@keyframes wonPulse{ 0%{ box-shadow:0 0 0 0 rgba(139,195,74,.5) } 70%{ box-shadow:0 0 0 6px rgba(139,195,74,0) } 100%{ box-shadow:0 0 0 0 rgba(139,195,74,0) } }
.wonline__nick{ font-weight:700; color:#eef3ea; }
.wonline__meta{ margin-left:auto; color:#9db09a; font-size:.78rem; white-space:nowrap; }
.wonline__sep{ opacity:.5; margin:0 .1rem; }

@media (max-width:560px){
  .wonline__meta{ font-size:.72rem; }
}
@media (prefers-reduced-motion:reduce){
  .wgreet, .wtip{ animation:none; }
  .wonline__dot.is-on{ animation:none; }
}

/* ---------- Mini statistika ---------- */
.wstats{ display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; }
.wstat{
  position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.25rem;
  padding:1rem .7rem; border-radius:14px;
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}
.wstat:hover{ transform:translateY(-3px); border-color:rgba(139,195,74,.35); background:rgba(255,255,255,.06); }
.wstat__ico{ font-size:1.25rem; height:1.5rem; display:grid; place-items:center; }
.wstat__num{ font-family:var(--font-head); font-weight:800; font-size:clamp(1.5rem,4vw,2.05rem); color:#fff; line-height:1; }
.wstat__lbl{ font-size:.74rem; color:var(--muted); letter-spacing:.03em; }

/* Akcentai */
.wstat--online .wstat__num{ color:#7fe08a; }
.wstat--farms  .wstat__num{ color:#b6ef97; }
.wstat--actions .wstat__num{ color:#ffca6e; }
.wstat__peak{
  display:block; margin-top:.2rem;
  font-size:.68rem; color:#9db09a; letter-spacing:.02em;
}
.wstat__peak em{
  display:block; margin-top:.1rem;
  font-style:normal; font-size:.62rem; color:#7a8f76; font-weight:600;
}

.wstat__dot{
  width:12px; height:12px; border-radius:50%; display:inline-block;
  background:#4ade80; box-shadow:0 0 0 0 rgba(74,222,128,.6);
  animation:wPulse 2s infinite;
}
@keyframes wPulse{ 0%{ box-shadow:0 0 0 0 rgba(74,222,128,.6) } 70%{ box-shadow:0 0 0 10px rgba(74,222,128,0) } 100%{ box-shadow:0 0 0 0 rgba(74,222,128,0) } }

/* ---------- Tinklelis: podiumas + feed ---------- */
.world__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:.9rem; }

/* ---------- TOP 3 podiumas ---------- */
.podium{ padding:1rem 1.1rem 1.1rem; border-radius:16px; background:rgba(255,255,255,.03); border:1px solid var(--line); }
.podium__title{ font-family:var(--font-head); font-weight:800; font-size:.85rem; letter-spacing:.06em; color:#dfe7d8; margin-bottom:1rem; text-align:center; }

/* Lygios kolonos → ilgas nick NEBEstumdo kaimynų */
.podium__stage{ display:grid; grid-template-columns:1fr 1.15fr 1fr; align-items:end; gap:.45rem; }
.pod{ position:relative; min-width:0; display:flex; flex-direction:column; align-items:center; gap:.35rem; text-align:center; }

.pod__crown{ position:absolute; top:-16px; left:50%; transform:translateX(-50%); font-size:1.15rem; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); animation:podCrown 3s ease-in-out infinite; }
@keyframes podCrown{ 0%,100%{ transform:translateX(-50%) translateY(0) } 50%{ transform:translateX(-50%) translateY(-3px) } }

.pod__ava{
  width:52px; height:52px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:radial-gradient(circle at 50% 32%, rgba(255,255,255,.14), rgba(255,255,255,.03));
  border:2px solid var(--line); transition:transform .2s ease;
}
.pod__medal{ font-size:1.55rem; line-height:1; }

.pod__id{ display:flex; align-items:center; justify-content:center; gap:3px; width:100%; max-width:100%; }
.pod__nick{ font-weight:800; font-size:.82rem; color:#fff; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pod__id .badges{ flex:none; }
.pod__lvl{
  font-size:.68rem; color:#cdd6c8; font-weight:700; letter-spacing:.02em;
  padding:.12rem .55rem; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid var(--line);
}

/* Pjedestalas su vietos numeriu */
.pod__stand{
  margin-top:.15rem; width:100%; border-radius:12px 12px 0 0;
  border:1px solid var(--line); border-bottom:0;
  display:grid; place-items:center;
  font-family:var(--font-head); font-weight:900;
}
.pod__place{ font-size:1.15rem; opacity:.55; }
.pod--1 .pod__stand{ height:60px; background:linear-gradient(180deg, rgba(255,202,110,.32), rgba(255,180,60,.05)); border-color:rgba(255,202,110,.5); box-shadow:0 -6px 22px rgba(255,180,60,.22); }
.pod--2 .pod__stand{ height:44px; background:linear-gradient(180deg, rgba(206,214,224,.22), rgba(206,214,224,.03)); border-color:rgba(206,214,224,.35); }
.pod--3 .pod__stand{ height:32px; background:linear-gradient(180deg, rgba(210,150,92,.22), rgba(210,150,92,.03)); border-color:rgba(210,150,92,.35); }
.pod--1 .pod__place{ color:#ffca6e; opacity:.9; }
.pod--2 .pod__place{ color:#e4ebf2; }
.pod--3 .pod__place{ color:#e8b98c; }

/* Rangų akcentai */
.pod--1 .pod__ava{ width:62px; height:62px; border-color:rgba(255,202,110,.65); box-shadow:0 0 20px rgba(255,180,60,.35); }
.pod--1 .pod__medal{ font-size:1.95rem; }
.pod--1 .pod__nick{ font-size:.92rem; }
.pod--2 .pod__ava{ border-color:rgba(206,214,224,.55); }
.pod--3 .pod__ava{ border-color:rgba(210,150,92,.55); }

/* ---------- „Kas vyksta" — siaura judanti juosta su garsiakalbiu ---------- */
.wfeed__live{ width:8px; height:8px; border-radius:50%; background:#ff5a4d; box-shadow:0 0 0 0 rgba(255,90,77,.6); animation:wPulse2 1.8s infinite; flex:0 0 auto; }
@keyframes wPulse2{ 0%{ box-shadow:0 0 0 0 rgba(255,90,77,.6) } 70%{ box-shadow:0 0 0 7px rgba(255,90,77,0) } 100%{ box-shadow:0 0 0 0 rgba(255,90,77,0) } }

.wticker-bar{
  display:flex; align-items:stretch; gap:0; overflow:hidden;
  border-radius:14px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  min-height:52px;
}
/* Garsiakalbio blokas */
.wticker-bar__spk{
  display:flex; align-items:center; gap:.4rem; flex:0 0 auto;
  padding:0 .85rem;
  background:linear-gradient(180deg, rgba(139,195,74,.2), rgba(95,158,53,.12));
  border-right:1px solid rgba(139,195,74,.28);
}
.wticker-bar__mega{ font-size:1.25rem; line-height:1; display:inline-block; transform-origin:70% 70%; animation:megaShake 2.6s ease-in-out infinite; }
@keyframes megaShake{ 0%,84%,100%{ transform:rotate(0) } 88%{ transform:rotate(-9deg) } 92%{ transform:rotate(7deg) } 96%{ transform:rotate(-4deg) } }
/* Garso „ekvalaizerio" juostelės — lyg garsiakalbis šneka */
.eq{ display:inline-flex; align-items:flex-end; gap:2px; height:16px; }
.eq i{ width:3px; border-radius:2px; background:linear-gradient(180deg, #b6f36a, #6fae2e); height:30%; animation:eqBounce .9s ease-in-out infinite; }
.eq i:nth-child(1){ animation-delay:0s; }
.eq i:nth-child(2){ animation-delay:.18s; }
.eq i:nth-child(3){ animation-delay:.36s; }
.eq i:nth-child(4){ animation-delay:.54s; }
@keyframes eqBounce{ 0%,100%{ height:22% } 50%{ height:100% } }

/* Etiketė KAS VYKSTA */
.wticker-bar__tag{
  display:flex; align-items:center; gap:.4rem; flex:0 0 auto;
  padding:0 .9rem; font-family:var(--font-head); font-weight:800;
  font-size:.72rem; letter-spacing:.1em; color:#dfe7d8;
  border-right:1px solid var(--line); white-space:nowrap;
}

.wticker{
  position:relative; flex:1 1 auto; min-width:0; display:flex; align-items:center; overflow:hidden;
  padding:0 .3rem;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.wticker__track{
  display:flex; align-items:center; white-space:nowrap; will-change:transform;
  animation:wtickerMove 30s linear infinite;
}
.wticker:hover .wticker__track{ animation-play-state:paused; }
.wticker__item{ display:inline-flex; align-items:center; gap:.5rem; padding:0 .1rem; }
.wticker__emoji{
  flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-size:1.05rem;
  background:rgba(139,195,74,.14); border:1px solid rgba(139,195,74,.28);
}
.wticker__text{ font-size:.9rem; color:#e6efe0; font-weight:500; }
.wticker__dot{ color:#8bc34a; opacity:.55; margin:0 .7rem; font-size:1rem; }
@keyframes wtickerMove{ from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
@media (prefers-reduced-motion:reduce){ .wticker__track{ animation:none; } }

/* ---------- „Apie žaidimą" mygtukas ---------- */
.world__more{ text-align:center; margin-top:.2rem; }
.btn--about{ font-size:.78rem; padding:.6rem 1.2rem; text-transform:none; letter-spacing:.04em; }

/* ============================================================
 *  APIE FERMIS.LT (atskiras puslapis)
 * ============================================================ */
.apie-top{
  position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between;
  padding:.9rem 1.3rem; background:rgba(9,14,9,.85); backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
}
.apie-top .brand__text strong{ font-size:1.1rem; letter-spacing:.04em; }
.apie-back{ font-size:.82rem; font-weight:700; color:var(--muted); padding:.5rem .85rem; border-radius:9px; transition:background .15s, color .15s; }
.apie-back:hover{ background:rgba(255,255,255,.06); color:#fff; }

.apie-wrap{ max-width:840px; margin:0 auto; padding:2.4rem 1.3rem 3rem; }
.apie-hero{ text-align:center; margin-bottom:2rem; }
.apie-hero__badge{ display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:.16em; color:#0d1a08; background:linear-gradient(180deg,#b6ef97,#5f9e35); padding:.32rem .8rem; border-radius:999px; margin-bottom:.8rem; }
.apie-hero__title{ font-family:var(--font-head); font-weight:800; font-size:clamp(1.8rem,6vw,2.8rem); margin:.2rem 0 .5rem; }
.apie-hero__lead{ color:var(--muted); max-width:560px; margin:0 auto; }

.apie-card{
  display:flex; gap:1.1rem; align-items:flex-start;
  padding:1.3rem 1.4rem; margin-bottom:1rem; border-radius:16px;
  background:rgba(255,255,255,.03); border:1px solid var(--line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.apie-card__ico{ flex:none; width:52px; height:52px; border-radius:14px; display:grid; place-items:center; font-size:1.6rem; background:rgba(139,195,74,.14); border:1px solid rgba(139,195,74,.28); }
.apie-card__body h2{ font-family:var(--font-head); font-size:1.1rem; margin:.1rem 0 .5rem; color:#fff; }
.apie-card__body p{ margin:0 0 .5rem; color:#cdd8c6; font-size:.94rem; line-height:1.6; }
.apie-list{ margin:.3rem 0 0; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.5rem; }
.apie-list li{ font-size:.82rem; color:#dff0cf; background:rgba(139,195,74,.12); border:1px solid rgba(139,195,74,.3); padding:.35rem .7rem; border-radius:999px; }

.apie-cta{ text-align:center; margin-top:1.8rem; }
.apie-cta p{ color:var(--muted); margin:0 0 .9rem; }

@media (max-width:560px){
  .apie-card{ flex-direction:column; gap:.7rem; }
  .apie-card__ico{ width:46px; height:46px; }
}

/* ---------- Mobilus (gyvas pasaulis) ---------- */
@media (max-width:780px){
  .world__grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .world{ padding:1.6rem 1.1rem 2rem; }
  .wstats{ grid-template-columns:repeat(2,1fr); gap:.7rem; }
  .wstat{ padding:.85rem .6rem; }
  .podium__stage{ gap:.3rem; }
  .pod__ava{ width:44px; height:44px; }
  .pod__medal{ font-size:1.3rem; }
  .pod--1 .pod__ava{ width:52px; height:52px; }
  .pod--1 .pod__medal{ font-size:1.6rem; }
  .pod__nick{ font-size:.76rem; }
  .pod--1 .pod__nick{ font-size:.82rem; }
  .pod__lvl{ font-size:.62rem; padding:.1rem .4rem; }
  .wticker__text{ font-size:.85rem; }
  .wticker-bar__tag{ display:none; }            /* daugiau vietos tekstui */
  .wticker-bar__spk{ padding:0 .6rem; }
  .wticker-bar{ min-height:46px; }
}
