* { margin:0; padding:0; box-sizing:border-box; }

body {
  background:#0a0d12;
  color:#e6edf3;
  font-family:'Inter', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* TOP ALERT */
.top-alert {
  width:100%;
  background:linear-gradient(90deg,#ff2e2e,#b30000);
  padding:10px 15px;
  font-size:13px;
  font-weight:600;
}

/* HEADER */
.header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;  /* left | center | right */
  align-items: center;
  position: relative;
}

.market-bar {  grid-column: 2;              /* center column */
  display: flex;
  justify-content: center;
  gap: 20px;

  max-width: 700px;
  width: 100%;
  margin: 0 auto;

  font-size: 13px;}
.green { color:#00ffa3; }
.red { color:#ff4d4f; }

.live {
  grid-column: 3;              /* right column */
  justify-self: end;           /* align right inside column */

  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}
.live-dot {
  width:6px;height:6px;background:#00ffa3;border-radius:50%;
  animation:pulse 1s infinite;display: inline-block; flex-shrink: 0; 
}
@keyframes pulse {0%{opacity:1}50%{opacity:.2}100%{opacity:1}}

/* MAIN */
.main { padding:20px; }

.top-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:20px;
  max-width:1300px;
  margin:0 auto 20px auto;
}

.left-core {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;         
}

/* HODL HEADER (FINAL FIXED) */
.hodl-header {
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding-bottom:10px;
}

/* MAIN ROW */
.hodl-line1 {
  display:flex;
  align-items:flex-start; 
  gap:12px;
}

/* LOGO */
.hodl-logo {
  height:28px;
  width:auto;
  margin-top:3px;
}

/* TEXT BLOCK */
.hodl-text {
  display:flex;
  flex-direction:column;
}

/* TITLE */
.hodl-title {
  font-family:'Press Start 2P', monospace;
  font-size:18px;
  line-height:1.2;
}

/* SUBTITLE */
.hodl-sub {
  font-size:11px;
  color:#7f97ad;
  font-family:monospace;
  margin-top:6px;
}
/* HODLCON */
.hodlcon-box {
  border: 1px solid rgba(0,150,255,0.4);
  padding: 14px;
  background: #0f141b;
  position: relative;

  flex: 1;
  display: flex;
  flex-direction: column;

  overflow: visible;

  /* glow base */
  box-shadow: 0 0 15px rgba(0,150,255,0.15);
  transition: all 0.3s ease;
}


/* LEVEL 1 — STRONG BULL */
.hodl-left.hodl-1 {
  border-left-color: #00ffa3;
  background: linear-gradient(
    90deg,
    rgba(0,255,163,0.12) 0%,
    rgba(0,255,163,0.03) 25%,
    transparent 60%
  );
  box-shadow: 0 0 20px rgba(0,255,163,0.15);
}

/* LEVEL 2 — BULL */
.hodl-left.hodl-2 {
  border-left-color: #4ade80;
  background: linear-gradient(
    90deg,
    rgba(74,222,128,0.12) 0%,
    rgba(74,222,128,0.03) 25%,
    transparent 60%
  );
  box-shadow: 0 0 20px rgba(74,222,128,0.12);
}

/* LEVEL 3 — NEUTRAL (YOUR CURRENT) */
.hodl-left.hodl-3 {
  border-left-color: #eab308;
  background: linear-gradient(
    90deg,
    rgba(234,179,8,0.12) 0%,
    rgba(234,179,8,0.03) 25%,
    transparent 60%
  );
  box-shadow: 0 0 18px rgba(234,179,8,0.10);
}

/* LEVEL 4 — BEAR */
.hodl-left.hodl-4 {
  border-left-color: #fb923c;
  background: linear-gradient(
    90deg,
    rgba(251,146,60,0.12) 0%,
    rgba(251,146,60,0.03) 25%,
    transparent 60%
  );
  box-shadow: 0 0 18px rgba(251,146,60,0.10);
}

/* LEVEL 5 — PANIC */
.hodl-left.hodl-5 {
  border-left-color: #ff4d4f;
  background: linear-gradient(
    90deg,
    rgba(255,77,79,0.12) 0%,
    rgba(255,77,79,0.03) 25%,
    transparent 60%
  );
  box-shadow: 0 0 20px rgba(255,77,79,0.15);
}

.hodlcon-title {
  font-family: monospace;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: bold;
}
.hodlcon-sub { font-size:11px;color:#6e8aa3;margin-top:8px;font-family:monospace;margin-top: auto; }
.hodl-meta {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #6e8aa3;
  margin-top: 8px;
  font-family: monospace;
}

.hodl-confidence.low { color: #ffcc66; }
.hodl-confidence.medium { color: #66ff99; }
.hodl-confidence.high { color: #00ffa3; }
/* OSINT */
.right-feed {
  border:1px solid rgba(255,255,255,0.08);
  padding:15px;
  background:#0f141b;
  height:100%;
  overflow:hidden;
}

.feed-title { font-size:11px;color:#8aa0b6;margin-bottom:10px; }

.feed-box {
  height:235px;
  overflow-y:auto;
  scrollbar-width: none;
}

.feed-box::-webkit-scrollbar {
  display: none;
}
#feed {
  font-family:monospace;
  transition: transform 0.05s linear;
  will-change: transform;
}

.feed-item {
  border-bottom:1px solid #1f2937;
  padding:8px;
}

.feed-meta {
  font-size:11px;
  display:flex;
  gap:6px;
}

.feed-source a { color:#60a5fa; text-decoration:none; }

.feed-date { margin-left:auto; color:#6b7280; }

.feed-text { font-size:12px; }

/* PANELS */
.grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  max-width:1300px;
  margin:20px auto 0 auto;
}

.panel {
  border:1px solid rgba(255,255,255,.08);
  padding:12px;
  background:#0f141b;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 280px;

  font-family: monospace; 
}

.panel-title { font-size:11px;color:#8aa0b6;margin-bottom:10px; }

.row { display:flex;justify-content:space-between; }
.tag {
  font-size:10px;
  padding:2px 6px;
  border-radius:3px;
  margin-left:6px;
}

.tag-btc { color:#f7931a; border:1px solid #f7931a; }
.tag-eth { color:#8b5cf6; border:1px solid #8b5cf6; }
.tag-alt { color:#3b82f6; border:1px solid #3b82f6; }
.tag-etf { color:#eab308; border:1px solid #eab308; }
.tag-news { color:#9ca3af; border:1px solid #9ca3af; }

.time-tag {
  font-size:10px;
  color:#6b7280;
  margin-left:6px;
}
.feed-item.recent {
  background: rgba(0,255,163,0.05);
  border-left: 2px solid #00ffa3;
}
.right-feed {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feed-item {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.feed-item:hover {
  transform: scale(1.02);
  background: rgba(255,255,255,0.03);
  box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  z-index: 5;
}
.hodlcon-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  
}

.hodl-alert-wrapper {
  position: relative;
  display: flex;       
  align-items: center;
}

.hodl-alert {
  color:#ff4d4f;
  font-family:monospace;
  font-size:12px;
  font-weight:bold;
  border:1px solid rgba(255,77,79,0.5);
  padding:2px 6px;
  border-radius:3px;
  background:rgba(255,77,79,0.08);
  cursor:pointer;
}

/* TOOLTIP PANEL - FIXED */
.hodl-info {
  position: absolute;

  top: 100%;
  right: 0;
  margin-top: 6px;

  width: 360px;              
  max-height: 420px;       
  overflow-y: auto;         

	background: #0f141b !important;
	opacity: 1 !important;
	filter: none !important;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 6px;

  padding: 14px;

  font-family: monospace;
  font-size: 12px;
  line-height: 1.5;

  z-index: 9999;
  box-shadow: 0 10px 25px rgba(0,0,0,0.6);
}
.hidden {
  display:none;
}

.info-title {
  font-weight: bold;
  font-size: 13px;
  color: #8ab4ff;
  margin-bottom: 6px;
}
.info-row {
  margin-bottom: 8px;
  padding-left: 6px;
  border-left: 2px solid transparent;
  font-size: 11px;
}
.info-desc {
  font-size: 11px;
  color: #9fb3c8;
  margin-bottom: 10px;
}

.hodl-info::-webkit-scrollbar {
  width: 4px;
}

.hodl-info::-webkit-scrollbar-thumb {
  background: #1c2a38;
}
.info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: 10px;
  color: #cfd8e3;
  font-size: 11px;
}
.info-divider {
  height:1px;
  background:rgba(255,255,255,0.08);
  margin:8px 0;
}
/* COLORS */
.info-row.green { color:#00ffa3; }
.info-row.lightgreen { color:#4ade80; }
.info-row.yellow { color:#eab308; }
.info-row.orange { color:#fb923c; }
.info-row.red { color:#ff4d4f; }

.sentiment-gauge {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}



#hodlcon-score {
  font-size: 42px;
  font-weight: 700;
  color: #e6edf3;
  text-shadow: 0 0 10px rgba(0,255,163,0.5);
    position: absolute;

  top: 10%;      /*  MAGIC LINE */
  
  transform: translate(-50%, -50%);


}

.sentiment-section {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
  max-width: 1300px;
  margin: 60px auto;
}

/* LEFT */
.sentiment-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sentiment-eyebrow {
  font-size: 11px;
  letter-spacing: 2px;
  color: #6e8aa3;
  font-family: monospace;
}

.sentiment-title {
  font-size: 42px;
  font-weight: 600;
}

.sentiment-title span {
  color: #00ffa3;
}

.sentiment-desc {
  font-size: 14px;
  color: #7f97ad;
  line-height: 1.6;
  max-width: 480px;
}

/* SIGNAL BOX */
.sentiment-signal {
  margin-top: 20px;
  padding: 16px;
  background: rgba(0, 20, 40, 0.6);
  border: 1px solid rgba(0,150,255,0.2);
  border-radius: 10px;

  display: flex;
  align-items: center;
  gap: 12px;
}

.signal-tag {
  font-size: 11px;
  color: #ffcc66;
}

.signal-score {
  margin-left: auto;
  font-size: 22px;
  font-weight: bold;
  color: #00ffa3;
}

/* RIGHT (GAUGE) */
.sentiment-right {
  display: flex;
  justify-content: center;
}

/* Gauge */
.gauge-wrapper {
  overflow: hidden;
  height: 130px; /* half of 260 */
}
.gauge-ring {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  position: relative;
 clip-path: inset(0 0 50% 0);

  background: conic-gradient(
    from 270deg,

    #ff4444 0deg 36deg,     /* 0–20 */
    #ff8844 36deg 72deg,    /* 21–40 */
    #ffcc66 72deg 108deg,   /* 41–60 */
    #66ff99 108deg 144deg,  /* 61–80 */
    #00ff88 144deg 180deg   /* 81–100 */
  );

  box-shadow:
    0 0 20px rgba(0,255,150,0.15),
    inset 0 0 30px rgba(0,0,0,0.8);
}
.gauge-ring::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;

  background: conic-gradient(
    transparent,
    rgba(0,255,163,0.2),
    transparent
  );

  animation: rotateGlow 6s linear infinite;
}

@keyframes rotateGlow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes hodlPulse {
  0% { box-shadow: 0 0 0 rgba(0,255,163,0); }
  50% { box-shadow: 0 0 25px rgba(0,255,163,0.25); }
  100% { box-shadow: 0 0 0 rgba(0,255,163,0); }
}

.hodl-pulse {
  animation: hodlPulse 0.6s ease;
}

/* inner */
.gauge-inner {
  position: absolute;
  width: 160px;
  height: 160px;
  background: #05080c;
  border-radius: 50%;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  display: flex;                 
  justify-content: center;
  align-items: center;

  border: 1px solid #111;
}

/* needle */
.needle {
  position: absolute;
  width: 2px;
  height: 110px;
  background: #FF7F53;

  bottom: 50%;
  left: 50%;

  transform-origin: bottom center;
  transform: rotate(0deg);

  transition: transform 1s ease;

	box-shadow: 
  0 0 6px #FF7F53,
  0 0 15px rgba(255,127,83,0.6),
  0 0 8px #00ffa3,
  0 0 20px #00ffa3,
  0 0 40px rgba(0,255,163,0.4);
}
.vibrate {
  animation: needleShake 0.25s ease;
}

@keyframes needleShake {
  0%   { transform: rotate(var(--base-rotation)); }
  25%  { transform: rotate(calc(var(--base-rotation) + 2deg)); }
  50%  { transform: rotate(calc(var(--base-rotation) - 2deg)); }
  75%  { transform: rotate(calc(var(--base-rotation) + 1deg)); }
  100% { transform: rotate(var(--base-rotation)); }
}
.whale-box {
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}

.whale-box::-webkit-scrollbar {
  display: none;
}

#whale-feed {
  font-family: monospace;
}

/* whale item */
.whale-item {
  border-bottom: 1px solid #1f2937;
  padding: 8px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.whale-item:hover {
  transform: scale(1.02);
  background: rgba(255,255,255,0.03);
  box-shadow: 0 5px 15px rgba(0,0,0,0.4);
}

/* meta row */
.whale-meta {
  font-size: 11px;
  display: flex;
  gap: 6px;
}

/* tags */
.whale-tag {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 3px;
}

.tag-green {
  color: #00ffa3;
  border: 1px solid #00ffa3;
}

.tag-red {
  color: #ff4d4f;
  border: 1px solid #ff4d4f;
}

.tag-yellow {
  color: #eab308;
  border: 1px solid #eab308;
}

.whale-text {
  font-size: 12px;
}
.mm-header {
    font-size: 11px;
    color: #888;
    margin-bottom: 4px;
}

/* SPLIT CONTAINER */
.hodl-split {
  display: flex;
  flex-direction: row;   
  gap: 20px;
  align-items: stretch;  
  flex-wrap: nowrap;
}

/* LEFT SIDE (HODLCON) */
.hodl-left {
  flex: 1;
  min-width:0;
  position: relative;
  padding: 5px 5px 5px 5px;
  border-left: 4px solid transparent; 
  transition: all 0.3s ease;
}

/* RIGHT SIDE (RISK FLOW) */
.risk-right {
  flex: 1;
  min-width:0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
    border-left: 1px solid rgba(255,255,255,0.08);
  padding: 5px 5px 5px 5px; 
  position: relative;
z-index: 5;
}

/* HEADER */
.risk-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.risk-title {
  font-size: 13px;
  font-weight: bold;
}

.risk-alert {
  cursor: pointer;
  opacity: 0.7;
}

/* BODY */
.risk-body {
  margin-top: 6px;
}

/* ROWS */
.risk-row {
  display: flex;
  justify-content: space-between;
  font-size: 11px;                
  font-family: monospace;        
  color: #6e8aa3;                  
  margin: 2px 0;
}

/* DIVIDER */
.risk-divider {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 6px 0;
}

/* SCORE */
.risk-score {
  font-size: 16px;
  font-family: monospace;
  font-weight: bold;
}

/* LABEL */
.risk-label {
  font-size: 11px;
  font-family: monospace;
}

/* UPDATED */
.risk-updated {
  font-size: 10px;
  font-family: monospace;
  opacity: 0.6;
}

/* MARKET CLOSED EFFECT */
/* .risk-closed {
  opacity: 0.5;
  filter: grayscale(80%);
} */
.risk-tooltip {
  width: 340px;
  max-width: 90vw;
}

.risk-tooltip-inner {
  display: block;
  white-space: normal;
  word-break: break-word;
}

.risk-tooltip-inner .info-title,
.risk-tooltip-inner .info-desc,
.risk-tooltip-inner .info-row,
.risk-tooltip-inner .info-divider {
  display: block;
  width: 100%;
}

.risk-tooltip-inner .info-row {
  margin-bottom: 10px;
  line-height: 1.5;
}

.risk-tooltip-inner * {
  max-width: 100%;
}

.risk-alert-wrapper {
  position: relative;
  display: inline-block;
}
.hodl-left {
  position: relative;   /* anchor */
}

#hodl-meta {
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  display: flex;
  justify-content: space-between;
}
.risk-footer {
  margin-top: auto;
  text-align: right;   
}
.risk-alert {
  color:#ff4d4f;
  font-family:monospace;
  font-size:12px;
  font-weight:bold;
  border:1px solid rgba(255,77,79,0.5);
  padding:2px 6px;
  border-radius:3px;
  background:rgba(255,77,79,0.08);
  cursor:pointer;
}
.signal-row {
  display: grid;
  grid-template-columns: 50px 20px 1fr auto;
  align-items: center;
  font-family: monospace;
  font-size: 12px;
  margin-bottom: 4px;
}

.signal-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.dot-green { background: #00ffa3; }
.dot-red { background: #ff4d4f; }
.dot-gray { background: #aaa; }

.signal-label {
  color: #9fb3c8;
}

.signal-value {
  text-align: right;
  font-weight: bold;
}
.dot-gray { 
  background: #666;
  opacity: 0.6;
}
.pulse-value {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.pulse-low {
  color: #999;
}

.pulse-mid {
  color: #f0c36d;
}

.pulse-high {
  color: #ff4d4d;
}
/* ===== VOLATILITY PANEL ===== */

.vol-assets {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vol-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  opacity: 0.9;
}

.vol-divider {
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin: 10px 0;
}

/* MAIN SIGNAL */
.vol-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* BIG PULSE */
.vol-pulse {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.5px;
}

/* DIRECTION */
.vol-direction {
  font-size: 12px;
  font-family: monospace;
}

/* OUTLOOK */
.vol-outlook {
  margin-top: 10px;
  font-size: 11px;
  color: #8aa0b6;
  line-height: 1.4;
}
.vol-updated {
  position: absolute;
  bottom: 8px;
  right: 10px;
  font-size: 10px;
  color: #6e8aa3;
  opacity: 0.7;
}
.risk-bullish {
  border-left: 3px solid #00ffa3;
  box-shadow: inset 0 0 10px rgba(0,255,163,0.15);
}

.risk-neutral {
  border-left: 3px solid #eab308;
  box-shadow: inset 0 0 10px rgba(234,179,8,0.15);
}

.risk-bearish {
  border-left: 3px solid #ff4d4f;
  box-shadow: inset 0 0 10px rgba(255,77,79,0.15);
}
/* overlay */
.risk-right {
  position: relative;
}

.risk-overlay {
  position: absolute;
  inset: 0;

  background: rgba(10,15,20,0.85);  
  backdrop-filter: blur(2px);

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: monospace;
  font-size: 12px;
  color: #888;

  letter-spacing: 1px;

  opacity: 0;
  pointer-events: none;
  transition: 0.2s;

  z-index: 10;
}

.risk-right.risk-closed .risk-overlay {
  opacity: 0.5;
}
.flow-section {
  margin-bottom: 10px;
}

.flow-title {
  font-size: 11px;
  opacity: 0.6;
  margin-bottom: 6px;
  letter-spacing: 1px;
}

.flow-row {
  display: flex;
  justify-content: space-between;
  margin: 2px 0;
  font-size: 12px;
  font-family: monospace;
}

.flow-divider {
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.08),
    transparent
  );
  margin: 10px 0;
}

.flow-verdict {
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}

.flow-message {
  font-size: 12px;
  opacity: 0.8;
  margin-top: 4px;
}

.flow-score {
  font-size: 11px;
  opacity: 0.6;
  margin-top: 6px;
}

.flow-value {
  font-weight: bold;
  letter-spacing: 0.3px;
}


.flow-net .flow-value {
  text-shadow: 0 0 6px rgba(0,255,163,0.25);
}


/* ================================
   SIGNAL ALIGNMENT (FINAL CLEAN)
================================ */

/* DIVIDER */
.section-divider {
  width: 100%;
  max-width: 1300px;
  margin: 40px auto 20px;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    rgba(255,255,255,0.08),
    transparent
  );
}

/* MATCH SENTIMENT GRID EXACTLY */
.signal-section {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;

  max-width: 1300px;
  margin: 40px auto;
}

/* LEFT COLUMN (same behavior as sentiment-left) */
.signal-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* CENTER CONTENT ONLY */
.signal-center,
.signal-bar-wrap,
.signal-reasons {
  text-align: center;
}

/* MAIN TEXT */
.signal-main {
  font-size: 42px;
  font-weight: 600;
  transition: all 0.3s ease;
}

/* SUBTEXT */
.signal-bias {
  font-size: 14px;
  color: #7f97ad;
}

/* BAR */
.signal-bar-wrap {
  margin-top: 10px;
}

.signal-bar {
  width: 100%;
  height: 12px;
  background: rgba(255,255,255,0.06);
  border-radius: 8px;
  overflow: hidden;
}

.signal-bar-fill {
  height: 100%;
  width: 0%;
  border-radius: 8px;
  transition: width 0.5s ease;
  box-shadow: 0 0 10px currentColor;
}

/* CONFIDENCE TEXT */
.signal-confidence {
  font-size: 12px;
  text-align: right;
  margin-top: 5px;
  color: #6e8aa3;
}

/* REASONS (chips) */
.signal-reasons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* CHIP */
.signal-chip {
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,0.06);
}

/* BULLISH */
.signal-chip.bullish {
  color: #00ff88;
  background: rgba(0,255,136,0.08);
}

/* BEARISH */
.signal-chip.bearish {
  color: #ff4444;
  background: rgba(255,68,68,0.08);
}
#signal-main.no-edge {
  color: #888;
  text-shadow: none;
}
.signal-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.signal-bias-box {
  padding: 20px;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  width: 100%;
  max-width: 300px;
}

.bias-title {
  font-size: 11px;
  letter-spacing: 1px;
  color: #6e8aa3;
  margin-bottom: 10px;
}

.bias-main {
  font-size: 20px;
  font-weight: 600;
}

.bias-sub {
  font-size: 13px;
  color: #7f97ad;
  margin-top: 6px;
}
.disclaimer {
  width: 100%;
  display: flex;
  justify-content: center;   
  margin-top: 50px;
  padding: 0 20px;
  z-index:10;
}

.disclaimer-inner {
  max-width: 1300px;         
  width: 100%;
  text-align: center;      

  font-size: 11px;
  line-height: 1.6;
  color: #6e8aa3;
  opacity: 0.7;

  border-top: 1px solid rgba(255,255,255,0.05);
  padding-top: 15px;
}


.chart-full {
  grid-column: 1 / -1;  /* THIS IS THE KEY */
  margin-bottom:80px;
}

#btc-chart {
  width: 100%;
  height: 400px;
  position:relative;
  z-index:1;
}
/* ======================
   S/R TOOLTIP
====================== */

.sr-tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 4px;
}

.sr-tooltip-trigger {
    cursor: pointer;
    opacity: 0.7;
}

.sr-tooltip {
    position: absolute;
    bottom: 140%;
    left: calc(100% + 8px);
    transform: translateX(-50%);
    background: #0b0f14;
	opacity: 1 !important;
	
    border: 1px solid rgba(255,255,255,0.1);
    padding: 10px;
    width: 220px;
    z-index: 999;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

.sr-tooltip-inner {
    font-size: 12px;
    color: #ccc;
}


.info-text {
    line-height: 1.4;
}
/* ======================
   CR FOOTER (PIZZINT STYLE)
====================== */

.cr-footer {
  width: 100%;
  margin-top: 40px;
  border-top: 1px solid #1f2933;
  background: linear-gradient(90deg, #0b0f14, #0f1720);
  padding: 14px 20px;
  font-family: monospace;
  font-size: 12px;
}

.cr-footer-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* LEFT LINKS */
.cr-footer-left {
  display: flex;
  gap: 18px;
}

.cr-footer-left a {
  color: #8b9bb3;
  text-decoration: none;
  transition: color 0.2s ease;
}

.cr-footer-left a:hover {
  color: #00ffcc;
}

/* RIGHT TEXT */
.cr-footer-right {
  color: #5f6b7a;
  font-size: 11px;
}
/* ========================= */
/* CR ALERT BAR */
/* ========================= */

#cr-alert-bar {
  width:100%;
  display:flex;
  align-items:center;
  background:#0b0f14;
  border-bottom:1px solid #1f2933;
  font-family:monospace;
  font-size:11px;
  letter-spacing:0.5px;
}

/* LEFT SIDE */
#cr-alert-left {
  padding:6px 12px;
  display:flex;
  gap:10px;
  align-items:center;
  min-width:280px;
}

#cr-signal-label {
  font-weight:bold;
}

#cr-signal-text {
  color:#8b949e;
}

.cr-bull { color:#00ffcc; }
.cr-bear { color:#ff4d4f; }
.cr-neutral { color:#ffaa00; }

/* RIGHT SIDE */
#cr-alert-right {
  flex:1;
  overflow:hidden;
  position:relative;
  height:18px;
  display:flex;
  align-items:center;
}

#cr-ticker-track {
  display:flex;
  width:max-content;
}

/* TICKER */
#cr-ticker {
  position:absolute;
  left:100%;
  top:50%;
  transform: translateY(-50%);
  white-space:nowrap;
}

.cr-ticker-item {
  margin-right:50px;
  color:#9aa4af;
  font-size:11px;
  opacity:0.85;
  white-space:nowrap;
}

#cr-ticker-text {
  display:inline-block;
  padding-right:60px;
}

/* SCROLL ANIMATION */
@keyframes tickerMove {
  from { transform: translateX(var(--startX)); }
  to   { transform: translateX(var(--endX)); }
}

/* =========================
   MOBILE OPTIMIZATION
========================= */
@media (max-width: 900px) {


  body {
    font-size: 14px;
  }

  .main {
    padding: 10px;
  }

  .header {
    justify-content: center !important;
  }

  .top-grid {
    grid-template-columns: 1fr;
  }

  .hodl-split {
    flex-direction: column;
  }

  .hodl-left,
  .risk-right {
    padding: 12px !important;
  }

  .hodl-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .hodlcon-title {
    font-size: 14px;
  }

  .hodlcon-sub {
    font-size: 10px;
  }

  #hodl-meta {
    position: relative !important;
    bottom: auto !important;
    margin-top: 8px;
  }


  .right-feed {
    height: 220px;
  }


  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .panel {
    height: auto !important;
    min-height: 200px;
  }

  .panel.whale-feed {
    grid-column: span 2;
  }

  .grid .panel:nth-child(4) {
    grid-column: span 2;
  }

  .whale-box {
    max-height: 220px;
    overflow-y: auto;
  }


  .sentiment-section {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 30px auto;
  }

  .sentiment-title {
    font-size: 28px;
  }


  .signal-section {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .signal-main {
    font-size: 26px;
  }

  .market-bar {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    gap: 6px;
    text-align: center;
    justify-items: center;
  }

  .market-bar > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1.2;
  }

  .market-bar > div span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    font-family: monospace;
    font-variant-numeric: tabular-nums;
  }

  .market-bar .live {
    display: none;
  }

  .market-bar::after {
    content: "● LIVE";
    display: block;
    grid-column: span 5;
    text-align: center;
    font-size: 10px;
    color: #00ffa3;
    margin-top: 4px;
  }

  #chart-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
  }

  #chart-info,
  #chart-alerts,
  #signal-box {
    position: static !important;
    width: 100% !important;
    margin: 0;
    font-size: 12px;
	margin-bottom: 12px !important;
  }

  #chart-alerts {
    height: auto !important;
    overflow: visible !important;

  }

  #btc-chart {
	  display: block;
	  width: 100%;
	  height: 75vh;
	  min-height: 300px;
	  max-height: 520px;
	  position: relative;
	  margin-top: 10px;
  margin-bottom: 10px;
  }

  .cr-footer-inner {
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px;
    text-align: center;
  }

  .cr-footer-left {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  .cr-footer-left a {
    font-size: 11px;
  }

  .cr-footer-right {
    font-size: 10px;
    opacity: 0.7;
  }

  .cr-footer {
    padding: 20px 10px;
  }

  #cr-alert-left {
    min-width: auto;
    padding: 6px 8px;
  }

}