/* Sürü — tema katmanı.
   Ortak kabuk oyun-ui.css'te; burada yalnız tema değişkenleri ve
   bu oyuna özel parçalar var. Yükleme: fonts.css → oyun-ui.css → style.css */

:root{
  --bg:#050d14;
  --ink:#dff1ff;
  --ink-a:190,235,255;

  --surface:#143749;
  --surface-2:#0b1e2b;
  --glass:rgba(8,22,34,.68);
  --glass-solid:rgba(8,22,34,.92);
  --scrim:rgba(3,9,14,.82);
  --line:rgba(120,220,255,.2);

  /* birincil: radar camgöbeği */
  --accent:#6fe3ff;
  --accent-2:#2aa6d6;
  --accent-sh:#16748f;
  --on-accent:#04202c;

  --tool-a:#17394e; --tool-b:#0d2434; --tool-sh:#04131c;

  --gold:#ffd45e;
  --title-grad:linear-gradient(90deg,#7ee8ff,#3ee0a1,#ffd45e);
  --title-track:6px;
  --demo-bottom:26px;      /* alt araç sırası yok */

  --bubble-bg:#eaf8ff;
  --bubble-ink:#082230;
  --daily-bg:rgba(126,232,255,.12);
  --daily-line:rgba(126,232,255,.32);
  --daily-ink:#7ee8ff;
}

/* ---- oyuna özel ---- */
.pill.score{color:#7ee8ff}
.pill.combo{color:var(--gold);opacity:0;transform:scale(.9);
  transition:opacity .2s,transform .2s}
.pill.combo.on{opacity:1;transform:scale(1)}

#hpbar{
  position:fixed;left:18px;right:18px;top:calc(var(--sat) + 54px);
  height:8px;border-radius:var(--r-pill);
  background:rgba(120,220,255,.14);z-index:5;pointer-events:none;
}
#hpbar i{display:block;height:100%;width:100%;border-radius:var(--r-pill);
  background:linear-gradient(90deg,#3ee0a1,#7ee8ff);transition:width .25s}
#hpbar.low i{background:linear-gradient(90deg,#ff5a6a,#ff9f43)}

.rad{width:62px;height:62px;border-radius:50%;position:relative;overflow:hidden;
  border:2px solid rgba(126,232,255,.5)}
.rad::before{content:"";position:absolute;inset:-2px;
  background:conic-gradient(from 0deg,rgba(126,232,255,.55),transparent 28%);
  animation:sweep 2.2s linear infinite}
.rad::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  margin:-3.5px;border-radius:50%;background:#3ee0a1;box-shadow:0 0 10px #3ee0a1}
@keyframes sweep{to{transform:rotate(360deg)}}
.logo{gap:6px}