/* GRID */
.cw-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:20px;
}

.cw-card {
  background:#111;
  color:#fff;
  padding:20px;
  border-radius:12px;
  text-align:center;
}

.up { color:#00e676; }
.down { color:#ff5252; }

/* FEAR & GREED */
.cw-gauge {
  width:180px;
  height:180px;
  border-radius:50%;
  background:conic-gradient(
    #ff5252 0%,
    #ffa000 50%,
    #00e676 100%
  );
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  font-size:36px;
  color:#fff;
}

/* CALCULATOR */
.cw-calculator {
  display:flex;
  gap:10px;
  align-items:center;
}

.cw-calculator input {
  width:120px;
  padding:8px;
}

/* MARQUEE */
.cw-marquee {
  overflow:hidden;
  background:#000;
  color:#fff;
  padding:12px;
}

#cw-ticker {
  display:flex;
  gap:40px;
  animation: ticker 20s linear infinite;
}

@keyframes ticker {
  from { transform:translateX(100%); }
  to { transform:translateX(-100%); }
}