@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  --g: #00ff41;
  --g2: #00cc33;
  --g-dim: rgba(0,255,65,0.18);
  --g-glow: rgba(0,255,65,0.55);
  --gold: #f2a900;
  --gold-dim: rgba(242,169,0,0.18);
  --gold-glow: rgba(242,169,0,0.55);
  --btc: #f2a900;
  --panel: rgba(0,8,2,0.93);
  --panel2: rgba(0,14,4,0.88);
  --border: rgba(0,255,65,0.28);
  --text: #c8ffcd;
  --text-dim: #6a9b6e;
  --red: #ff4444;
  --blue: #00d4ff;
}

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

html,body{
  width:100%;min-height:100vh;
  background:#000;
  font-family:'Share Tech Mono',monospace;
  color:var(--g);
  overflow-x:hidden;
}

/* ── BACKGROUND SPACE ── */
#space{
  position:fixed;inset:0;z-index:0;
  background:
    radial-gradient(1px 1px at 8%  12%, rgba(255,255,255,0.9),transparent),
    radial-gradient(1px 1px at 22% 5%,  rgba(255,255,255,0.7),transparent),
    radial-gradient(1px 1px at 37% 18%, rgba(255,255,255,0.8),transparent),
    radial-gradient(1px 1px at 51% 8%,  rgba(255,255,255,0.6),transparent),
    radial-gradient(1px 1px at 68% 22%, rgba(255,255,255,0.9),transparent),
    radial-gradient(1px 1px at 79% 6%,  rgba(255,255,255,0.7),transparent),
    radial-gradient(1px 1px at 91% 15%, rgba(255,255,255,0.8),transparent),
    radial-gradient(1px 1px at 14% 35%, rgba(255,255,255,0.5),transparent),
    radial-gradient(1px 1px at 44% 42%, rgba(255,255,255,0.7),transparent),
    radial-gradient(1px 1px at 73% 38%, rgba(255,255,255,0.6),transparent),
    radial-gradient(1px 1px at 88% 44%, rgba(255,255,255,0.8),transparent),
    radial-gradient(2px 2px at 30% 25%, rgba(0,255,65,0.3),transparent),
    radial-gradient(2px 2px at 65% 30%, rgba(0,212,255,0.2),transparent),
    linear-gradient(180deg,#000008 0%,#00040f 40%,#001228 70%,#000508 100%);
}

#earth{
  position:fixed;bottom:-8vh;left:50%;transform:translateX(-50%);
  width:180vw;height:55vh;z-index:1;
  background:radial-gradient(ellipse 70% 85% at 50% 100%,
    rgba(0,80,200,0.55) 0%,
    rgba(0,40,120,0.35) 30%,
    rgba(0,20,60,0.15) 55%,
    transparent 72%);
  pointer-events:none;
}

#scan{
  position:fixed;inset:0;z-index:2;pointer-events:none;
  background:repeating-linear-gradient(0deg,
    transparent,transparent 2px,
    rgba(0,0,0,0.07) 2px,rgba(0,0,0,0.07) 4px);
  animation:scanroll 12s linear infinite;
}
@keyframes scanroll{from{background-position:0 0}to{background-position:0 100px}}

#vignette{
  position:fixed;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,0.92) 0%,transparent 8%),
    linear-gradient(0deg,rgba(0,0,0,0.92) 0%,transparent 8%),
    linear-gradient(90deg,rgba(0,0,0,0.88) 0%,transparent 6%),
    linear-gradient(270deg,rgba(0,0,0,0.88) 0%,transparent 6%);
}

/* ── LAYOUT ── */
#app{position:relative;z-index:10;display:flex;flex-direction:column;min-height:100vh;padding:8px;gap:8px;}

/* ── HEADER ── */
#header{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:6px;
  padding:10px 18px;
  box-shadow:0 0 30px rgba(0,255,65,0.15);
  position:relative;overflow:hidden;
}
#header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--g),var(--gold),var(--g),transparent);}
#header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,65,0.3),transparent);}

.hdr-logo{display:flex;flex-direction:column;line-height:1}
.hdr-logo .main{font-family:'Orbitron',monospace;font-size:clamp(14px,2.5vw,24px);font-weight:900;color:#fff;text-shadow:0 0 20px var(--g),0 0 40px rgba(0,255,65,0.4);letter-spacing:4px;}
.hdr-logo .sub{font-size:9px;color:var(--text-dim);letter-spacing:3px;margin-top:2px;}

.hdr-btc{display:flex;flex-direction:column;align-items:center;}
.hdr-btc .btc-price{font-family:'Orbitron',monospace;font-size:clamp(18px,3vw,32px);font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(242,169,0,0.7);letter-spacing:2px;}
.hdr-btc .btc-change{font-size:11px;margin-top:2px;letter-spacing:1px;}
.btc-up{color:#4eff6a;}
.btc-down{color:var(--red);}

.hdr-clock{display:flex;flex-direction:column;align-items:flex-end;}
.hdr-clock .time{font-family:'VT323',monospace;font-size:clamp(24px,3vw,38px);color:var(--g);text-shadow:0 0 12px var(--g-glow);letter-spacing:2px;}
.hdr-clock .date{font-size:9px;color:var(--text-dim);letter-spacing:2px;}

/* ── TICKER ── */
#ticker{
  background:rgba(0,20,4,0.88);
  border:1px solid rgba(0,255,65,0.22);
  border-radius:4px;
  padding:6px 0;
  overflow:hidden;
  position:relative;
}
#ticker::before{content:'◈ LIVE';position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--g);letter-spacing:2px;z-index:2;background:rgba(0,20,4,0.95);padding:0 8px;}
.ticker-inner{display:flex;width:max-content;animation:tickscroll 35s linear infinite;padding-left:120px;}
.ticker-inner:hover{animation-play-state:paused;}
.tick-item{display:flex;align-items:center;gap:6px;padding:0 20px;font-size:10px;white-space:nowrap;border-right:1px solid rgba(0,255,65,0.15);}
.tick-sym{color:#fff;font-weight:bold;}
.tick-val{color:var(--text);}
.tick-chg{font-size:9px;}
@keyframes tickscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── MAIN GRID ── */
#main{display:grid;grid-template-columns:320px 1fr 260px;gap:8px;flex:1;}

/* ── PANELS ── */
.panel{
  background:#0d1117;
  border:1px solid #1f2937;
  border-radius:10px;
  padding:14px;
  position:relative;
  overflow:hidden;
}
.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#f2a900,transparent);}
.pt{font-size:10px;letter-spacing:2px;color:#d1d5db;margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #1f2937;display:flex;align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;font-weight:600;}
.pt::before{content:'▸';color:#f2a900;}

/* ── BTC PRICE HERO ── */
#btc-hero{
  background:linear-gradient(180deg,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.88) 100%),url('delorean_radio.jpg') center/cover no-repeat;
  border:1px solid rgba(242,169,0,0.35);
  border-radius:6px;
  padding:14px;
  margin-bottom:8px;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 30px rgba(242,169,0,0.18),inset 0 0 30px rgba(0,0,0,0.4);
}
#btc-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.btc-hero-symbol{font-family:'Orbitron',monospace;font-size:11px;color:var(--gold);letter-spacing:4px;margin-bottom:6px;}
.btc-hero-price{font-family:'Orbitron',monospace;font-size:clamp(26px,3.5vw,44px);font-weight:900;color:#fff;text-shadow:0 0 25px rgba(242,169,0,0.6);line-height:1;}
.btc-hero-row{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;}
.btc-stat{display:flex;flex-direction:column;}
.btc-stat .k{font-size:8px;color:var(--text-dim);letter-spacing:1px;}
.btc-stat .v{font-size:12px;color:var(--text);font-weight:bold;}
#btc-spark{width:100%;height:60px;margin-top:8px;}

/* ── PLAYER ── */
#player-panel{margin-bottom:8px;background:#0d1117;}
/* BTC price ticker no player */
#player-btc-row{display:flex;justify-content:space-between;align-items:center;background:#111827;border:1px solid #1f2937;border-radius:6px;padding:6px 10px;margin-bottom:10px;font-family:ui-monospace,Menlo,monospace;}
#player-btc-price{font-size:16px;font-weight:800;color:#f2a900;letter-spacing:1px;}
#player-btc-change{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:700;}
#player-btc-change.pos{background:rgba(34,197,94,.15);color:#22c55e;}
#player-btc-change.neg{background:rgba(239,68,68,.15);color:#ef4444;}
.now-playing{
  background:#111827;
  border:1px solid #1f2937;
  border-radius:8px;
  padding:10px;
  margin-bottom:10px;
  display:flex;align-items:center;gap:10px;
}
.album-art{
  width:48px;height:48px;min-width:48px;
  background:linear-gradient(135deg,#1f2937,#111827);
  border:1px solid #374151;
  border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:20px;
  position:relative;overflow:hidden;
}
.album-art.spinning::after{
  content:'';
  position:absolute;
  width:10px;height:10px;
  background:rgba(0,0,0,0.8);
  border-radius:50%;
  border:2px solid #f2a900;
}
.track-info{flex:1;min-width:0;}
.track-title{font-size:13px;color:#f9fafb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.3px;}
.track-artist{font-size:10px;color:#9ca3af;margin-top:2px;letter-spacing:1px;font-family:ui-monospace,Menlo,monospace;}
.track-dur{font-size:11px;color:#f2a900;margin-top:4px;font-family:ui-monospace,Menlo,monospace;font-weight:700;}

.waveform{display:none;}
.progress-bar{width:100%;height:3px;background:#1f2937;border-radius:2px;cursor:pointer;margin:4px 0;}
.progress-fill{height:100%;background:#f2a900;border-radius:2px;transition:width 0.5s linear;}

.controls{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;padding:0 4px;}
.ctrl-btn{
  background:#111827;
  border:1px solid #1f2937;
  color:#9ca3af;
  width:34px;height:34px;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.15s;
}
.ctrl-btn:hover{background:#1f2937;border-color:#374151;color:#e5e7eb;}
.ctrl-btn.play-main{width:44px;height:44px;font-size:20px;border-width:1px;background:#f2a900;border-color:#f2a900;color:#000;}
.ctrl-btn.play-main:hover{background:#fbbf24;border-color:#fbbf24;}
.ctrl-btn.active{background:#1f2937;border-color:#f2a900;color:#f2a900;}

.vol-row{display:flex;align-items:center;gap:6px;font-size:10px;color:#6b7280;}
.vol-row input[type=range]{flex:1;accent-color:#f2a900;cursor:pointer;height:3px;}

/* ── PLAYLIST ── */
.playlist{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#374151 #0d1117;}
.pl-item{
  display:grid;grid-template-columns:18px 1fr auto;
  align-items:center;gap:6px;
  padding:6px 8px;
  border:1px solid #1f2937;
  border-radius:5px;
  background:#111827;
  cursor:pointer;
  transition:all 0.15s;
  font-size:11px;
  font-family:-apple-system,Segoe UI,Helvetica,sans-serif;
}
.pl-item:hover{border-color:#374151;background:#1a2332;}
.pl-item.active{
  border-color:#f2a900;
  background:#1a1500;
}
.pl-num{color:#6b7280;text-align:center;font-size:10px;}
.pl-title{color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.pl-item.active .pl-title{color:#fbbf24;font-weight:700;}
.pl-dur{color:#9ca3af;font-size:10px;}

/* ── CENTER ── */
#center{display:flex;flex-direction:column;gap:8px;min-width:0;}

/* ── FIX MOBILE OVERFLOW ── grid items precisam min-width:0 senao expandem com min-content (ex: ticker nowrap) e estouram o viewport */
#main > *{min-width:0;}
img{max-width:100%;height:auto;}

/* ── BTC CHART BIG ── */
#chart-panel{padding:12px;}
.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.chart-tabs{display:flex;gap:4px;}
.chart-tab{
  border:1px solid rgba(0,255,65,0.25);
  background:transparent;
  color:var(--text-dim);
  padding:3px 8px;
  font-size:8px;font-family:'Share Tech Mono',monospace;
  border-radius:3px;cursor:pointer;
  transition:0.15s;letter-spacing:1px;
}
.chart-tab:hover,.chart-tab.active{background:rgba(0,255,65,0.15);color:var(--g);border-color:var(--g);}

.tut-ch-btn{
  border:1px solid rgba(242,169,0,0.3);
  background:transparent;
  color:var(--text-dim);
  padding:3px 7px;
  font-size:8px;font-family:'Share Tech Mono',monospace;
  border-radius:3px;cursor:pointer;
  transition:0.15s;letter-spacing:1px;white-space:nowrap;
}
.tut-ch-btn:hover,.tut-ch-btn.active{background:rgba(242,169,0,0.15);color:var(--gold);border-color:var(--gold);}

/* Notícia ao vivo */
.news-bar{
  background:rgba(0,20,4,0.9);
  border:1px solid rgba(242,169,0,0.4);
  border-radius:5px;
  padding:8px 12px;
  margin-bottom:8px;
  display:flex;align-items:center;gap:10px;
  cursor:pointer;
  transition:all 0.2s;
}
.news-bar:hover{border-color:var(--gold);box-shadow:0 0 12px rgba(242,169,0,0.2);}
.news-bar .nb-label{font-size:8px;color:var(--gold);letter-spacing:2px;white-space:nowrap;animation:blink2 1s infinite;}
@keyframes blink2{0%,100%{opacity:1}50%{opacity:0.4}}
.news-bar .nb-text{font-size:9px;color:var(--text);flex:1;}
.news-bar .nb-icon{font-size:14px;}

/* Nostr zap flash */
#zapFlash{position:fixed;inset:0;pointer-events:none;z-index:9999;background:rgba(242,169,0,0);transition:background 0.1s;}
#zapFlash.active{background:rgba(242,169,0,0.18);}
#tv-chart-wrap{height:280px;border:1px solid rgba(0,255,65,0.14);border-radius:4px;overflow:hidden;}

/* ── STATS ROW ── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;}
.stat-card{
  background:rgba(0,12,2,0.8);
  border:1px solid rgba(0,255,65,0.16);
  border-radius:5px;
  padding:8px;
  text-align:center;
}
.stat-card .k{font-size:8px;color:var(--text-dim);letter-spacing:1px;margin-bottom:4px;}
.stat-card .v{font-size:14px;color:#fff;font-weight:bold;text-shadow:0 0 8px rgba(0,255,65,0.4);}
.stat-card .sub{font-size:8px;margin-top:2px;}

/* ── POLYMARKET ── */
.poly-item{background:rgba(0,18,0,0.7);border:1px solid rgba(0,255,65,0.18);padding:8px;border-radius:4px;margin-bottom:6px;}
.poly-q{font-size:9px;color:#ccc;margin-bottom:6px;line-height:1.4;}
.poly-bars{display:grid;grid-template-columns:1fr 1fr;gap:4px;}
.poly-side{display:flex;flex-direction:column;gap:2px;}
.poly-label{font-size:8px;color:var(--text-dim);letter-spacing:1px;}
.poly-bar-bg{background:#0d0d0d;height:8px;border-radius:4px;overflow:hidden;}
.poly-bar-up{background:linear-gradient(90deg,#00cc33,#00ff41);height:100%;border-radius:4px;transition:width 0.8s;}
.poly-bar-dn{background:linear-gradient(90deg,#cc3300,#ff4444);height:100%;border-radius:4px;transition:width 0.8s;}
.poly-pct{font-size:13px;font-weight:bold;margin-top:2px;}
.poly-pct.up{color:var(--g);}
.poly-pct.dn{color:var(--red);}

/* ── CHAT ── */
.chat-wrap{display:flex;flex-direction:column;height:190px;}
.chat-msgs{flex:1;overflow-y:auto;background:rgba(0,0,0,0.65);border:1px solid rgba(0,255,65,0.15);padding:7px;border-radius:4px;font-size:9px;scrollbar-width:thin;scrollbar-color:var(--g) #000;}
.msg{margin-bottom:5px;line-height:1.45;word-break:break-word;}
.msg.user{color:#ddd;}
.msg.user::before{content:'> ';color:var(--g);}
.msg.ai{color:#aae9b2;}
.msg.ai::before{content:'[BITAI] ';color:var(--g);font-weight:bold;}
.msg.sys{color:#445544;font-style:italic;}
.chat-row{display:flex;gap:5px;margin-top:6px;}
.chat-in{flex:1;background:rgba(0,18,0,0.85);border:1px solid rgba(0,255,65,0.32);color:var(--g);font-family:'Share Tech Mono',monospace;font-size:9px;padding:5px 7px;border-radius:3px;outline:none;}
.chat-in:focus{border-color:var(--g);box-shadow:0 0 8px rgba(0,255,65,0.25);}
.chat-btn{background:var(--g);color:#000;border:none;padding:5px 10px;font-family:'Share Tech Mono',monospace;font-size:9px;font-weight:bold;cursor:pointer;border-radius:3px;}
.chat-btn:hover{background:#d0ffd8;}
.chat-btn:disabled{opacity:0.5;cursor:default;}

/* ── RIGHT PANEL ── */
#right{display:flex;flex-direction:column;gap:8px;}

/* ── LIGHTNING / ZAP ── */
.zap-card{
  background:linear-gradient(135deg,rgba(30,24,0,0.97),rgba(10,8,0,0.9));
  border:1px solid rgba(242,169,0,0.4);
  border-radius:6px;padding:12px;
  box-shadow:0 0 25px rgba(242,169,0,0.12);
  position:relative;overflow:hidden;
}
.zap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.zap-title{font-size:9px;letter-spacing:2px;color:var(--gold);margin-bottom:8px;}
.ln-addr{font-size:10px;color:#fff4bf;word-break:break-all;border:1px dashed rgba(242,169,0,0.35);background:rgba(0,0,0,0.4);border-radius:3px;padding:6px;margin-bottom:8px;}
.qr-wrap{background:#fff;padding:6px;border-radius:4px;text-align:center;margin-bottom:8px;}
.qr-wrap img{width:100%;display:block;border-radius:2px;}
.zap-btn{display:block;background:var(--gold);color:#000;padding:10px;text-align:center;text-decoration:none;font-weight:bold;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:2px;border-radius:4px;border:none;cursor:pointer;width:100%;transition:0.2s;}
.zap-btn:hover{background:#ffe066;box-shadow:0 0 20px rgba(242,169,0,0.5);}

/* ── NOSTR FEED ── */
.nostr-feed{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--g) #000;}
.nostr-item{border:1px dashed rgba(0,255,65,0.18);border-radius:3px;padding:5px 6px;font-size:8px;color:#9ac79f;background:rgba(0,0,0,0.25);}
.nostr-item .ni-head{color:var(--g);margin-bottom:2px;font-size:7px;letter-spacing:1px;}

/* ── TETRIS ── */
.tetris-wrap{display:flex;flex-direction:column;align-items:center;}
.score-disp{font-family:'VT323',monospace;font-size:22px;color:#fff;text-shadow:0 0 10px var(--g);margin-bottom:6px;letter-spacing:3px;}
#tetris{border:2px solid var(--g);background:#000;box-shadow:0 0 25px rgba(0,255,65,0.18);image-rendering:pixelated;width:100%;max-width:220px;height:auto;}
.game-hint{font-size:8px;color:#333;margin-top:5px;letter-spacing:1px;text-align:center;}

/* ── CONTEST ── */
.contest-track{border:1px solid rgba(0,255,65,0.18);border-radius:4px;padding:7px;margin-bottom:5px;background:rgba(0,10,0,0.5);}
.contest-track.on-air{border-color:rgba(0,255,65,0.5);box-shadow:0 0 12px rgba(0,255,65,0.15);}
.ct-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}
.ct-id{font-size:9px;color:#ccc;letter-spacing:0.5px;}
.ct-vote-btn{border:1px solid rgba(0,255,65,0.4);background:rgba(0,255,65,0.1);color:var(--g);border-radius:3px;padding:2px 7px;font-size:8px;font-family:'Share Tech Mono',monospace;cursor:pointer;}
.ct-vote-btn.voted{background:rgba(0,255,65,0.25);color:#fff;}
.ct-sats{font-size:8px;color:var(--gold);margin-bottom:4px;}
.ct-bar-bg{background:#0d0d0d;height:6px;border-radius:3px;overflow:hidden;}
.ct-bar{background:var(--g);height:100%;border-radius:3px;transition:width 0.8s;}
.ct-votes{font-size:8px;color:var(--text-dim);margin-top:3px;}

/* ── PARTNERS ── */
.partners-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px;}
.p-card{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:10px 6px 7px;width:76px;
  background:rgba(0,14,4,0.85);
  border:1px solid rgba(0,255,65,0.14);
  border-radius:7px;
  text-decoration:none;
  transition:all .22s;
  cursor:pointer;
}
.p-card:hover{
  background:rgba(0,255,65,0.07);
  border-color:var(--g);
  box-shadow:0 0 16px rgba(0,255,65,0.22),inset 0 0 8px rgba(0,255,65,0.04);
  transform:translateY(-3px);
}
.p-logo{height:36px;width:58px;object-fit:contain;filter:brightness(0.9) grayscale(0.1);opacity:0.9;transition:all .22s;}
.p-card:hover .p-logo{filter:brightness(1.1) grayscale(0) drop-shadow(0 0 6px rgba(0,255,65,0.4));opacity:1;}
.p-name{font-size:7px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;text-align:center;transition:color .22s;}
.p-card:hover .p-name{color:var(--g);}

/* ── LENDAS DO BITCOIN (v2 futurista) ── */
.lendas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;}
@media(max-width:640px){.lendas-grid{grid-template-columns:repeat(2,1fr);}}
.lenda-card{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:14px 8px 12px;
  background:linear-gradient(160deg,#07090f 0%,#0c1020 100%);
  border:1.5px solid rgba(0,220,255,0.35);
  border-radius:12px;
  text-align:center;
  transition:all .22s;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  text-decoration:none;color:inherit;
}
.lenda-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(0,220,255,0.04) 0%,transparent 60%);
  pointer-events:none;
}
.lenda-card:hover{
  border-color:rgba(0,220,255,0.8);
  box-shadow:0 0 18px rgba(0,220,255,0.25),inset 0 0 20px rgba(0,220,255,0.04);
  transform:translateY(-3px);
}
.lenda-avatar{
  font-size:36px;
  width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  border:1.5px solid rgba(0,220,255,0.25);
  background:rgba(0,0,0,0.5);
  transition:all .22s;
  margin-bottom:2px;
}
.lenda-card:hover .lenda-avatar{border-color:rgba(0,220,255,0.7);box-shadow:0 0 14px rgba(0,220,255,0.3);}
.lenda-nome{font-size:11px;color:#fff;font-weight:900;letter-spacing:2px;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;line-height:1.1;}
.lenda-titulo{font-size:8px;color:#00dcff;letter-spacing:1px;font-weight:700;margin-top:1px;}
.lenda-fato{font-size:8px;color:#8fa8b8;line-height:1.5;margin-top:4px;}

/* ── VOTAÇÃO SATOSHI ── */
.satoshi-vote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;}
.sv-card{background:#0d1117;border:1px solid rgba(255,255,255,0.07);border-radius:10px;cursor:pointer;transition:all 0.2s;position:relative;overflow:visible;}
.sv-card:hover{border-color:rgba(242,169,0,0.5);transform:translateY(-3px);box-shadow:0 8px 24px -6px rgba(242,169,0,0.3);}
.sv-card.voted{border-color:var(--gold);box-shadow:0 0 14px rgba(242,169,0,0.3);}
.sv-card.voted::after{content:'✓ VOTEI';position:absolute;top:6px;right:6px;font-size:7px;font-weight:900;color:var(--gold);background:rgba(242,169,0,0.15);border:1px solid rgba(242,169,0,0.4);padding:2px 6px;border-radius:10px;font-family:ui-monospace,Menlo,monospace;letter-spacing:1px;z-index:1;}
.sv-card-inner{border-radius:10px;overflow:hidden;}
.sv-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#141a24;}
.sv-photo-fallback{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,#0d1117,#141a24);}
.sv-body{padding:7px 8px 8px;}
.sv-name{font-size:9px;color:#fff;font-weight:900;letter-spacing:1px;line-height:1.2;margin-bottom:2px;}
.sv-tier{font-size:7px;letter-spacing:1px;margin-bottom:4px;font-family:ui-monospace,Menlo,monospace;font-weight:700;}
.sv-tier.fav{color:#00ff41;}
.sv-tier.alt{color:#38bdf8;}
.sv-tier.curi{color:#f97316;}
.sv-desc{font-size:7px;color:var(--text-dim);line-height:1.4;margin-bottom:5px;}
.sv-bar-wrap{height:4px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}
.sv-bar{height:100%;border-radius:2px;transition:width 0.6s ease;}
.sv-pct{font-size:7px;color:var(--text-dim);margin-top:3px;font-family:ui-monospace,Menlo,monospace;}
.sv-total{font-size:8px;color:var(--text-dim);text-align:right;margin-top:6px;}
.sv-my-vote{font-size:8px;color:var(--gold);text-align:center;margin-top:6px;letter-spacing:1px;}
.sv-reset{background:transparent;border:1px solid rgba(255,68,68,0.3);color:#ff6666;font-size:7px;padding:3px 8px;border-radius:3px;cursor:pointer;font-family:'Share Tech Mono',monospace;letter-spacing:1px;margin-top:4px;}
.sv-reset:hover{border-color:#ff4444;background:rgba(255,68,68,0.08);}

/* TOOLTIP PREVIEW */
.sv-tooltip{
  display:none;
  position:absolute;
  left:calc(100% + 10px);
  top:0;
  width:200px;
  background:#0b0e11;
  border:1px solid rgba(242,169,0,0.4);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 12px 40px -8px rgba(0,0,0,0.8),0 0 20px rgba(242,169,0,0.15);
  z-index:999;
  pointer-events:none;
}
.sv-card:nth-child(even) .sv-tooltip{left:auto;right:calc(100% + 10px);}
.sv-card:hover .sv-tooltip{display:block;animation:svTipIn .15s ease;}
@keyframes svTipIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
.sv-card:nth-child(even):hover .sv-tooltip{animation:svTipInR .15s ease;}
@keyframes svTipInR{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
.svt-photo{width:100%;height:120px;object-fit:cover;display:block;}
.svt-body{padding:10px 12px;}
.svt-name{font-size:12px;font-weight:900;color:#fff;letter-spacing:1px;margin-bottom:3px;}
.svt-tier{font-size:8px;font-family:ui-monospace,Menlo,monospace;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;}
.svt-tier.fav{color:#00ff41;}
.svt-tier.alt{color:#38bdf8;}
.svt-tier.curi{color:#f97316;}
.svt-fact{font-size:10px;color:#d1d5db;line-height:1.55;margin-bottom:8px;}
.svt-cta{display:block;text-align:center;background:linear-gradient(90deg,rgba(242,169,0,0.15),rgba(242,169,0,0.08));border:1px solid rgba(242,169,0,0.35);border-radius:6px;padding:6px;font-size:9px;font-weight:900;color:var(--gold);letter-spacing:1.5px;font-family:ui-monospace,Menlo,monospace;}

/* TOAST VOTO */
#svToast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);
  background:linear-gradient(135deg,#0d1a0d,#0b1a0b);
  border:1px solid #00ff41;
  border-radius:12px;padding:14px 22px;
  display:flex;align-items:center;gap:10px;
  box-shadow:0 8px 32px -6px rgba(0,255,65,0.4);
  z-index:9999;opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);
  pointer-events:none;min-width:260px;
}
#svToast.show{transform:translateX(-50%) translateY(0);opacity:1;}
#svToast .t-icon{font-size:24px;flex-shrink:0;}
#svToast .t-txt{}
#svToast .t-title{font-size:13px;font-weight:900;color:#00ff41;letter-spacing:1px;}
#svToast .t-sub{font-size:10px;color:#9ca3af;margin-top:2px;font-family:ui-monospace,Menlo,monospace;}

/* ── PAÍSES ── */
.paises-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;}
.pais-card{
  display:flex;align-items:center;gap:7px;
  padding:7px 8px;
  background:rgba(0,14,4,0.85);
  border:1px solid rgba(0,255,65,0.12);
  border-radius:6px;
  transition:all .22s;
}
.pais-card:hover{border-color:var(--g);background:rgba(0,255,65,0.05);box-shadow:0 0 10px rgba(0,255,65,0.15);}
.pais-flag{width:36px;height:27px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pais-flag img{width:36px;height:auto;border-radius:3px;display:block;}
.pais-info{display:flex;flex-direction:column;gap:2px;}
.pais-nome{font-size:8px;color:#fff;font-weight:bold;letter-spacing:0.5px;}
.pais-fato{font-size:7px;color:var(--text-dim);line-height:1.3;}

/* ── FOOTER ── */
#footer{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:5px;
  padding:6px 14px;
  font-size:8px;
  color:var(--text-dim);
  letter-spacing:1px;
}
#footer .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--g);box-shadow:0 0 6px var(--g);margin-right:5px;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:#000;}
::-webkit-scrollbar-thumb{background:var(--g2);border-radius:2px;}

/* ── RESPONSIVE ── */
@media(max-width:1200px){
  #main{grid-template-columns:300px 1fr 240px;}
}
@media(max-width:1000px){
  #main{grid-template-columns:1fr 1fr;}
  #right{display:none;}
}

/* ── TABLET / PHONE ── */
@media(max-width:700px){
  body{overflow-x:hidden;overflow-y:auto;height:auto;}
  #app{padding:6px;gap:6px;}
  #main{grid-template-columns:1fr;gap:6px;}
  #right{display:flex;}

  /* Header empilhado e centralizado */
  #header{
    flex-direction:column;align-items:center;
    gap:6px;padding:10px 12px;text-align:center;
  }
  .hdr-logo{align-items:center;}
  .hdr-logo .main{font-size:18px;letter-spacing:3px;}
  .hdr-logo .sub{font-size:8px;letter-spacing:2px;}
  .hdr-btc{align-items:center;}
  .hdr-btc .btc-price{font-size:26px;}
  .hdr-btc .btc-change{font-size:12px;}
  .hdr-clock{display:none;}

  /* Stats 2×2 */
  .stats-row{grid-template-columns:repeat(2,1fr);gap:5px;}
  .stat-card .k{font-size:9px;}
  .stat-card .v{font-size:16px;}

  /* Player */
  .now-playing{gap:12px;padding:12px;}
  .album-art{width:60px;height:60px;min-width:60px;font-size:26px;}
  .track-title{font-size:13px;}
  .track-artist{font-size:10px;}
  .track-dur{font-size:10px;}

  /* Visualizer */
  #visualizer{height:72px;}

  /* Progress bar mais fácil de tocar */
  .progress-bar{height:8px;margin:8px 0;}

  /* Botões de controle — touch friendly */
  .ctrl-btn{width:44px;height:44px;font-size:16px;}
  .ctrl-btn.play-main{width:58px;height:58px;font-size:24px;}
  .controls{gap:10px;margin:10px 0;}

  /* Volume */
  .vol-row{gap:8px;}
  .vol-row input[type=range]{height:6px;}
  #volVal{font-size:11px !important;}

  /* Share button */
  .share-btn{font-size:11px;padding:10px;margin-top:10px;}

  /* Playlist */
  .playlist{max-height:220px;}
  .pl-item{padding:8px 10px;font-size:10px;}
  .pl-num{font-size:9px;}
  .pl-dur{font-size:9px;}

  /* Lendas: 2 colunas no mobile */
  .lendas-grid{grid-template-columns:repeat(2,1fr);}
  .lenda-nome{font-size:9px;}
  .lenda-titulo{font-size:8px;}
  .lenda-fato{font-size:8px;}

  /* Países: 1 coluna em tela pequena */
  .paises-grid{grid-template-columns:1fr;}
  .pais-nome{font-size:10px;}
  .pais-fato{font-size:9px;}

  /* Bot panel: 2 colunas */
  #bot-panel > div > div[style*="grid-template-columns:repeat(3"]{
    grid-template-columns:repeat(2,1fr) !important;
  }

  /* Commodities: 3 colunas mantém mas fonte menor */
  #cOilPrice, #cGoldPrice, #cSilverPrice { font-size:11px !important; }

  /* Placar votação: linhas mais compactas */
  #svPlacar div[style*="display:flex"] { gap:4px !important; }

  /* Satoshi grid: 1 coluna em mobile */
  .satoshi-vote-grid { grid-template-columns:1fr !important; }

  /* Chart */
  #tv-chart-wrap{height:220px;}

  /* Ticker legível */
  .tick-item{font-size:11px;padding:0 14px;}
  .tick-sym{font-size:11px;}

  /* News bar */
  .news-bar{gap:7px;padding:8px 10px;}
  .news-bar .nb-text{font-size:10px;}
  .news-bar .nb-label{font-size:9px;}

  /* Footer empilhado */
  #footer{flex-direction:column;gap:5px;text-align:center;padding:10px 12px;font-size:9px;}

  /* Pt label */
  .pt{font-size:10px;}
}

/* ── SMALL PHONE ≤480px ── */
@media(max-width:480px){
  .hdr-logo .main{font-size:16px;letter-spacing:2px;}
  .btc-hero-price{font-size:28px;}
  .hdr-btc .btc-price{font-size:22px;}
  .stats-row{grid-template-columns:1fr 1fr;gap:4px;}
  .stat-card .v{font-size:15px;}
  .partners-grid{gap:6px;}
  .p-card{width:68px;padding:8px 4px 6px;}
  .p-logo{height:30px;width:50px;}
  .p-name{font-size:7px;}
}

/* ── BIBLIOTECA ── */
.biblio-cats{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
.biblio-cat-banner{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;margin-bottom:7px;font-family:ui-monospace,Menlo,monospace;font-size:9px;font-weight:900;letter-spacing:2px;text-transform:uppercase;}
.biblio-cat-banner.ouro{background:linear-gradient(90deg,rgba(242,169,0,0.18),rgba(242,169,0,0.05));border-left:3px solid #f2a900;color:#f2a900;}
.biblio-cat-banner.roxo{background:linear-gradient(90deg,rgba(168,85,247,0.18),rgba(168,85,247,0.05));border-left:3px solid #a855f7;color:#c084fc;}
.biblio-cat-banner.ciano{background:linear-gradient(90deg,rgba(0,220,255,0.15),rgba(0,220,255,0.03));border-left:3px solid #00dcff;color:#00dcff;}
.biblio-cat-banner.laranja{background:linear-gradient(90deg,rgba(249,115,22,0.18),rgba(249,115,22,0.03));border-left:3px solid #f97316;color:#fb923c;}
.biblio-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.biblio-links.cols2{grid-template-columns:repeat(2,1fr);}
.biblio-links.cols1{grid-template-columns:1fr;}
.biblio-link{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 9px;background:#070c10;border:1px solid rgba(255,255,255,0.07);border-radius:10px;text-decoration:none;transition:all 0.18s;text-align:center;position:relative;}
.biblio-link.c-ouro{border-color:rgba(242,169,0,0.25);}
.biblio-link.c-roxo{border-color:rgba(168,85,247,0.25);}
.biblio-link.c-ciano{border-color:rgba(0,220,255,0.22);}
.biblio-link.c-laranja{border-color:rgba(249,115,22,0.25);}
.biblio-link:hover{transform:translateY(-2px);}
.biblio-link.c-ouro:hover{border-color:rgba(242,169,0,0.65);box-shadow:0 0 16px rgba(242,169,0,0.15);}
.biblio-link.c-roxo:hover{border-color:rgba(168,85,247,0.65);box-shadow:0 0 16px rgba(168,85,247,0.15);}
.biblio-link.c-ciano:hover{border-color:rgba(0,220,255,0.65);box-shadow:0 0 16px rgba(0,220,255,0.15);}
.biblio-link.c-laranja:hover{border-color:rgba(249,115,22,0.65);box-shadow:0 0 16px rgba(249,115,22,0.15);}
.biblio-link-letter{position:absolute;top:5px;left:7px;font-size:7px;font-weight:900;font-family:ui-monospace,Menlo,monospace;opacity:0.4;}
.biblio-link-icon{font-size:22px;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);}
.biblio-link-title{font-size:8px;color:#fff;font-weight:700;letter-spacing:0.3px;line-height:1.3;}
.biblio-link-desc{font-size:7px;color:#6b7280;line-height:1.4;}
.biblio-link-src{font-size:6px;color:#374151;margin-top:2px;}

/* ── VIDEO PANEL ── */
.vid-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;}
.vid-tab{border:1px solid rgba(0,255,65,0.25);background:rgba(0,10,0,0.6);color:var(--text-dim);
  border-radius:3px;padding:3px 8px;font-size:8px;font-family:'Share Tech Mono',monospace;
  cursor:pointer;letter-spacing:1px;transition:all 0.2s;}
.vid-tab:hover{border-color:var(--g);color:var(--g);}
.vid-tab.active{border-color:var(--g);background:rgba(0,255,65,0.12);color:var(--g);
  box-shadow:0 0 8px rgba(0,255,65,0.2);}
.vid-frame-wrap{position:relative;width:100%;padding-bottom:56.25%;background:#000;
  border:1px solid rgba(0,255,65,0.2);border-radius:4px;overflow:hidden;}
.vid-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.vid-playlist{margin-top:8px;max-height:160px;overflow-y:auto;}
.vid-item{display:flex;align-items:center;gap:6px;padding:5px 4px;border-bottom:1px solid rgba(0,255,65,0.08);
  cursor:pointer;transition:background 0.15s;}
.vid-item:hover{background:rgba(0,255,65,0.07);}
.vid-item.active{background:rgba(0,255,65,0.12);}
.vid-num{font-size:8px;color:var(--text-dim);min-width:14px;}
.vid-title{font-size:8px;color:var(--text);line-height:1.3;flex:1;}
.vid-dur{font-size:7px;color:var(--text-dim);}

.zap-flash{
  position:fixed;inset:0;z-index:9999;
  pointer-events:none;
  background:radial-gradient(circle,rgba(242,169,0,0.25),transparent 70%);
  opacity:0;
  transition:opacity 0.1s;
}
.zap-flash.active{opacity:1;}

/* ── VISUALIZER ── */
#visualizer{
  width:100%;height:80px;display:block;
  border-radius:6px;margin:8px 0;
  background:#0a0d12;
}

/* ── SHARE BTN ── */
.share-btn{
  background:#111827;
  border:1px solid #1f2937;
  color:#6b7280;
  padding:6px 10px;
  font-size:9px;font-family:ui-monospace,Menlo,monospace;
  border-radius:6px;cursor:pointer;
  transition:all 0.15s;letter-spacing:1px;
  margin-top:8px;width:100%;
}
.share-btn:hover{background:#1f2937;border-color:#374151;color:#e5e7eb;}

/* ═══ bloco ═══ */

/* ═══════════════════════════════════════════════
   STACKBIT 1248 — PAINEL BIP39
   Prefixo: .stk-
═══════════════════════════════════════════════ */
.stk-header-panel{background:linear-gradient(135deg,#0d1117 0%,#111620 100%);border:1px solid rgba(244,196,48,0.35);border-radius:10px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;box-shadow:0 4px 20px rgba(244,196,48,0.08);}
.stk-header-left{display:flex;align-items:center;gap:14px;}
.stk-logo-circle{width:54px;height:54px;border-radius:50%;border:2.5px solid #f4c430;box-shadow:0 0 14px rgba(244,196,48,0.3);object-fit:cover;flex-shrink:0;}
.stk-title-block h2{font-family:'Orbitron',monospace;font-size:16px;font-weight:900;color:#f4c430;text-shadow:0 0 10px rgba(244,196,48,0.3);letter-spacing:3px;line-height:1.2;margin:0;}
.stk-title-block p{font-size:10px;color:#8b949e;letter-spacing:1.5px;margin:3px 0 0 0;}
.stk-header-btns{display:flex;gap:8px;flex-wrap:wrap;}
.stk-btn{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;letter-spacing:1px;padding:7px 13px;border-radius:5px;cursor:pointer;text-decoration:none;transition:all 0.2s;border:none;white-space:nowrap;display:inline-block;}
.stk-btn-gold{background:#f4c430;color:#3d3d3d;box-shadow:0 0 8px rgba(244,196,48,0.3);}
.stk-btn-gold:hover{background:#ffe066;box-shadow:0 0 16px rgba(244,196,48,0.4);}
.stk-btn-green{background:transparent;color:#00ff41;border:1.5px solid #00ff41;box-shadow:0 0 6px rgba(0,255,65,0.2);}
.stk-btn-green:hover{background:rgba(0,255,65,0.08);}
.stk-btn-outline{background:transparent;color:#8b949e;border:1.5px solid rgba(139,148,158,0.35);}
.stk-btn-outline:hover{color:#c9d1d9;border-color:#8b949e;}
.stk-ticker{background:rgba(0,0,0,0.5);border:1px solid rgba(244,196,48,0.15);border-radius:6px;padding:6px 0;overflow:hidden;white-space:nowrap;margin-bottom:14px;}
.stk-ticker-inner{display:inline-block;animation:stkScroll 40s linear infinite;font-size:10px;color:#f4c430;letter-spacing:1.5px;padding-left:100%;}
@keyframes stkScroll{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.stk-section-label{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;color:#00ff41;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.stk-section-label::before{content:'';display:inline-block;width:3px;height:14px;background:#00ff41;box-shadow:0 0 6px rgba(0,255,65,0.4);border-radius:2px;}
.stk-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
@media(max-width:900px){.stk-cards-grid{grid-template-columns:repeat(2,1fr);}}
.stk-card{background:rgba(0,0,0,0.35);border:1px solid rgba(0,255,65,0.12);border-radius:8px;padding:14px 13px;transition:border-color 0.2s,box-shadow 0.2s;}
.stk-card:hover{border-color:rgba(0,255,65,0.3);box-shadow:0 0 12px rgba(0,255,65,0.06);}
.stk-card-num{font-family:'VT323',monospace;font-size:38px;color:#f4c430;line-height:1;margin-bottom:6px;text-shadow:0 0 8px rgba(244,196,48,0.3);}
.stk-card h3{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:#00ff41;letter-spacing:1.5px;margin-bottom:7px;text-transform:uppercase;}
.stk-card p{font-size:11px;color:#8b949e;line-height:1.55;margin:0;}
.stk-card code{color:#00ff41;background:rgba(0,255,65,0.08);padding:1px 4px;border-radius:3px;font-size:10px;}
.stk-legend{background:rgba(0,0,0,0.3);border:1px solid rgba(244,196,48,0.25);border-radius:8px;padding:14px 18px;margin-bottom:16px;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;}
.stk-legend-label{font-family:'Orbitron',monospace;font-size:9px;color:#f4c430;letter-spacing:2px;margin-bottom:8px;font-weight:700;}
.stk-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex-shrink:0;}
.stk-legend-cell{width:32px;height:32px;background:rgba(244,196,48,0.12);border:1.5px solid #f4c430;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'VT323',monospace;font-size:20px;color:#f4c430;}
.stk-legend-text{font-size:11px;color:#8b949e;line-height:2;}
.stk-legend-text strong{color:#00ff41;}
.stk-legend-sub{font-size:10px;color:#8b949e;margin-top:4px;}
.stk-tabs{display:flex;gap:0;border-bottom:1.5px solid rgba(0,255,65,0.12);margin-bottom:16px;}
.stk-tab-btn{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;letter-spacing:1px;padding:9px 16px;cursor:pointer;color:#8b949e;border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:all 0.2s;background:none;border-top:none;border-left:none;border-right:none;white-space:nowrap;}
.stk-tab-btn:hover{color:#c9d1d9;}
.stk-tab-btn.active{color:#00ff41;border-bottom-color:#00ff41;text-shadow:0 0 6px rgba(0,255,65,0.3);}
.stk-tab-pane{display:none;}
.stk-tab-pane.active{display:block;}
.stk-search-row{display:grid;grid-template-columns:1fr 160px;gap:10px;margin-bottom:12px;}
.stk-input{background:rgba(0,0,0,0.5);border:1.5px solid rgba(0,255,65,0.25);border-radius:6px;color:#00ff41;font-family:'Share Tech Mono',monospace;font-size:13px;padding:10px 14px;outline:none;transition:all 0.2s;width:100%;}
.stk-input:focus{border-color:#00ff41;box-shadow:0 0 10px rgba(0,255,65,0.2);}
.stk-input::placeholder{color:rgba(0,255,65,0.3);}
.stk-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;min-height:0;}
.stk-sug-btn{background:rgba(0,255,65,0.07);border:1px solid rgba(0,255,65,0.2);border-radius:4px;color:#00ff41;font-family:'Share Tech Mono',monospace;font-size:11px;padding:4px 10px;cursor:pointer;transition:all 0.15s;}
.stk-sug-btn:hover{background:rgba(0,255,65,0.14);border-color:#00ff41;}
.stk-result{background:rgba(0,0,0,0.4);border:1.5px solid rgba(244,196,48,0.3);border-radius:8px;padding:16px 18px;margin-bottom:14px;display:none;}
.stk-result.show{display:block;}
.stk-result-top{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;flex-wrap:wrap;}
.stk-result-num{font-family:'VT323',monospace;font-size:42px;color:#f4c430;text-shadow:0 0 12px rgba(244,196,48,0.3);line-height:1;}
.stk-result-word{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,0.3);letter-spacing:3px;}
.stk-result-digits{font-size:12px;color:#8b949e;letter-spacing:1px;margin-bottom:12px;}
.stk-result-digits span{color:#f4c430;font-size:14px;}
.stk-punch-title{font-family:'Orbitron',monospace;font-size:9px;font-weight:700;color:#8b949e;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase;}
.stk-punch-grid{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px;}
.stk-punch-group{display:flex;flex-direction:column;align-items:center;gap:5px;}
.stk-punch-lbl{font-family:'Orbitron',monospace;font-size:8px;color:#8b949e;letter-spacing:1px;}
.stk-punch-cells{display:grid;grid-template-columns:1fr 1fr;gap:3px;}
.stk-punch-cell{width:34px;height:34px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-family:'VT323',monospace;font-size:18px;font-weight:bold;border:1.5px solid rgba(0,255,65,0.18);background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.18);transition:all 0.15s;cursor:pointer;user-select:none;}
.stk-punch-cell.marked{background:rgba(0,255,65,0.18);border-color:#00ff41;color:#00ff41;box-shadow:0 0 7px rgba(0,255,65,0.3);}
.stk-punch-digit{font-family:'VT323',monospace;font-size:26px;color:#f4c430;text-shadow:0 0 6px rgba(244,196,48,0.3);line-height:1;}
.stk-punch-summary{font-size:10px;color:#8b949e;letter-spacing:1px;margin-top:4px;padding:7px 10px;background:rgba(0,0,0,0.3);border-radius:4px;border-left:3px solid #00ff41;}
.stk-gab-controls{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.stk-select{background:rgba(0,0,0,0.5);border:1.5px solid rgba(0,255,65,0.25);border-radius:5px;color:#00ff41;font-family:'Orbitron',monospace;font-size:9px;padding:8px 12px;outline:none;cursor:pointer;letter-spacing:1px;}
.stk-gab-outer{overflow-x:auto;padding-bottom:6px;}
.stk-gab-table{border-collapse:separate;border-spacing:3px;min-width:max-content;}
.stk-gab-table th{font-family:'Orbitron',monospace;font-size:8px;color:#f4c430;letter-spacing:1px;padding:5px 3px;text-align:center;background:rgba(0,0,0,0.4);border-radius:3px;min-width:40px;}
.stk-gab-table td.stk-row-lbl{font-family:'Orbitron',monospace;font-size:8px;color:#8b949e;padding:3px 8px 3px 3px;white-space:nowrap;text-align:right;}
.stk-mini-cells{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;}
.stk-gab-cell{width:16px;height:16px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:'VT323',monospace;font-size:12px;border:1px solid rgba(0,255,65,0.12);background:rgba(0,0,0,0.4);color:rgba(255,255,255,0.12);cursor:pointer;transition:all 0.12s;user-select:none;}
.stk-gab-cell.marked{background:rgba(0,255,65,0.18);border-color:#00ff41;color:#00ff41;box-shadow:0 0 4px rgba(0,255,65,0.3);}
.stk-table-filter{margin-bottom:12px;}
.stk-table-wrap{max-height:360px;overflow-y:auto;border:1px solid rgba(0,255,65,0.12);border-radius:7px;}
.stk-table-wrap::-webkit-scrollbar{width:5px;}
.stk-table-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,0.3);}
.stk-table-wrap::-webkit-scrollbar-thumb{background:rgba(0,255,65,0.25);border-radius:3px;}
.stk-table{width:100%;border-collapse:collapse;font-size:11px;}
.stk-table thead th{position:sticky;top:0;background:rgba(0,0,0,0.85);font-family:'Orbitron',monospace;font-size:8px;color:#f4c430;letter-spacing:2px;padding:9px 12px;text-align:left;border-bottom:1px solid rgba(244,196,48,0.25);z-index:2;}
.stk-table tbody tr{border-bottom:1px solid rgba(0,255,65,0.04);transition:background 0.1s;}
.stk-table tbody tr:hover{background:rgba(0,255,65,0.03);}
.stk-table td{padding:6px 12px;color:#8b949e;}
.stk-table td:first-child{color:#f4c430;font-weight:bold;width:55px;}
.stk-table td:nth-child(2){color:#00ff41;cursor:pointer;font-weight:bold;font-size:12px;}
.stk-table td:nth-child(2):hover{text-decoration:underline;}
.stk-table td:nth-child(3){color:#f4c430;font-family:'VT323',monospace;font-size:15px;letter-spacing:2px;}
.stk-table td:nth-child(4){color:#8b949e;font-size:10px;}
@media print{
  #stackbit-1248-panel .stk-header-panel,
  #stackbit-1248-panel .stk-ticker,
  #stackbit-1248-panel .stk-tabs{display:none!important;}
  #stackbit-1248-panel .stk-tab-pane{display:block!important;}
  #stackbit-1248-panel{background:white!important;color:black!important;}
  .stk-card{background:#f9f9f9!important;border:1px solid #ccc!important;}
  .stk-card-num{color:#c8a000!important;}
  .stk-card h3{color:#2a7a2a!important;}
  .stk-card p,.stk-card code{color:#333!important;background:#eee!important;}
  .stk-gab-cell{border:1px solid #999!important;color:#ccc!important;background:#f5f5f5!important;}
  .stk-gab-cell.marked{background:#d4f7d4!important;color:#2a7a2a!important;border-color:#2a7a2a!important;}
}

/* ═══ bloco ═══ */

/* ═══════════════════════════════════════════
   BIBLIOTECA AUSTRÍACA — PAINEL FUTURISTA V4
   Classes: .bib-*
═══════════════════════════════════════════ */

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  body {
    background: #07090f;
    font-family: 'Rajdhani', sans-serif;
    min-height: 100vh;
    padding: 20px;
  }

  /* ══ PAINEL WRAPPER ══ */
  .bib-panel {
    background: #0a0d14;
    border: 1.5px solid rgba(0,212,255,.25);
    border-radius: 10px;
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
    box-shadow: 0 0 40px rgba(0,212,255,.06), 0 0 80px rgba(0,0,0,.8);
  }

  /* ══ HEADER PRINCIPAL ══ */
  .bib-header {
    background: linear-gradient(90deg, #0d1117 0%, #0a1020 50%, #0d1117 100%);
    border-bottom: 2px solid #f4c430;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    overflow: hidden;
  }
  .bib-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(244,196,48,.03), transparent);
  }
  .bib-header-icon {
    width: 28px; height: 28px;
    background: rgba(244,196,48,.15);
    border: 1.5px solid #f4c430;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 12px rgba(244,196,48,.4);
    flex-shrink: 0;
    font-size: 14px;
  }
  .bib-header-title {
    font-family: 'Orbitron', monospace;
    font-size: 15px;
    font-weight: 900;
    color: #f4c430;
    letter-spacing: 5px;
    text-shadow: 0 0 20px rgba(244,196,48,.5), 0 0 40px rgba(244,196,48,.2);
    text-transform: uppercase;
  }
  .bib-header-badge {
    margin-left: auto;
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    font-weight: 700;
    color: rgba(244,196,48,.6);
    letter-spacing: 2px;
    border: 1px solid rgba(244,196,48,.25);
    padding: 4px 10px;
    border-radius: 4px;
    background: rgba(244,196,48,.05);
  }

  /* ══ SEÇÃO (CATEGORIA) ══ */
  .bib-section {
    padding: 0;
  }
  .bib-section-bar {
    padding: 10px 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(255,255,255,.04);
  }
  .bib-section-dot {
    width: 8px; height: 8px;
    border-radius: 50%;
    animation: bibPulse 2s ease-in-out infinite;
    flex-shrink: 0;
  }
  @keyframes bibPulse {
    0%,100% { opacity:1; transform:scale(1); }
    50% { opacity:.4; transform:scale(.65); }
  }
  .bib-section-label {
    font-family: 'Orbitron', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 3.5px;
    text-transform: uppercase;
  }
  .bib-section-line {
    flex: 1;
    height: 1px;
    opacity: .3;
  }

  /* Cores por seção */
  .sec-gold .bib-section-bar { background: linear-gradient(90deg, rgba(244,196,48,.06), transparent); border-left: 3px solid #f4c430; }
  .sec-gold .bib-section-dot { background: #f4c430; box-shadow: 0 0 8px #f4c430; }
  .sec-gold .bib-section-label { color: #f4c430; text-shadow: 0 0 10px rgba(244,196,48,.35); }
  .sec-gold .bib-section-line { background: linear-gradient(90deg, rgba(244,196,48,.5), transparent); }

  .sec-purple .bib-section-bar { background: linear-gradient(90deg, rgba(180,100,255,.06), transparent); border-left: 3px solid #c87fff; }
  .sec-purple .bib-section-dot { background: #c87fff; box-shadow: 0 0 8px #c87fff; animation-delay: .4s; }
  .sec-purple .bib-section-label { color: #c87fff; text-shadow: 0 0 10px rgba(180,100,255,.35); }
  .sec-purple .bib-section-line { background: linear-gradient(90deg, rgba(180,100,255,.5), transparent); }

  .sec-cyan .bib-section-bar { background: linear-gradient(90deg, rgba(0,212,255,.05), transparent); border-left: 3px solid #00d4ff; }
  .sec-cyan .bib-section-dot { background: #00d4ff; box-shadow: 0 0 8px #00d4ff; animation-delay: .8s; }
  .sec-cyan .bib-section-label { color: #00d4ff; text-shadow: 0 0 10px rgba(0,212,255,.35); }
  .sec-cyan .bib-section-line { background: linear-gradient(90deg, rgba(0,212,255,.5), transparent); }

  .sec-orange .bib-section-bar { background: linear-gradient(90deg, rgba(255,100,30,.06), transparent); border-left: 3px solid #ff7a3d; }
  .sec-orange .bib-section-dot { background: #ff7a3d; box-shadow: 0 0 8px #ff7a3d; animation-delay: 1.2s; }
  .sec-orange .bib-section-label { color: #ff7a3d; text-shadow: 0 0 10px rgba(255,100,30,.35); }
  .sec-orange .bib-section-line { background: linear-gradient(90deg, rgba(255,100,30,.5), transparent); }

  /* ══ GRID DE CARDS ══ */
  .bib-grid {
    display: grid;
    gap: 12px;
    padding: 6px 16px 18px;
  }
  .bib-g3 { grid-template-columns: repeat(3, 1fr); }
  .bib-g2 { grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 900px) {
    .bib-g3, .bib-g2 { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 560px) {
    .bib-g3, .bib-g2 { grid-template-columns: 1fr; }
  }

  /* ══ CARD ══ */
  .bib-card {
    position: relative;
    border-radius: 10px;
    padding: 24px 18px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease;
    background: #0d1018;
  }
  .bib-card:hover {
    transform: translateY(-5px) scale(1.01);
  }

  /* Card por cor */
  .card-gold {
    border: 1.5px solid rgba(244,196,48,.3);
    box-shadow: 0 4px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(244,196,48,.08);
  }
  .card-gold:hover {
    border-color: rgba(244,196,48,.65);
    box-shadow: 0 12px 40px rgba(244,196,48,.2), 0 0 0 1px rgba(244,196,48,.2), inset 0 1px 0 rgba(244,196,48,.15);
  }
  .card-purple {
    border: 1.5px solid rgba(180,100,255,.3);
    box-shadow: 0 4px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(180,100,255,.08);
  }
  .card-purple:hover {
    border-color: rgba(180,100,255,.65);
    box-shadow: 0 12px 40px rgba(180,100,255,.2), 0 0 0 1px rgba(180,100,255,.2), inset 0 1px 0 rgba(180,100,255,.15);
  }
  .card-cyan {
    border: 1.5px solid rgba(0,212,255,.28);
    box-shadow: 0 4px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,212,255,.06);
  }
  .card-cyan:hover {
    border-color: rgba(0,212,255,.6);
    box-shadow: 0 12px 40px rgba(0,212,255,.18), 0 0 0 1px rgba(0,212,255,.18), inset 0 1px 0 rgba(0,212,255,.12);
  }
  .card-orange {
    border: 1.5px solid rgba(255,100,30,.28);
    box-shadow: 0 4px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,100,30,.06);
  }
  .card-orange:hover {
    border-color: rgba(255,100,30,.6);
    box-shadow: 0 12px 40px rgba(255,100,30,.18), 0 0 0 1px rgba(255,100,30,.18), inset 0 1px 0 rgba(255,100,30,.12);
  }

  /* ══ IMAGEM DO CARD ══ */
  .bib-img-wrap {
    width: 120px; height: 120px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    transition: transform .25s ease;
  }
  .bib-card:hover .bib-img-wrap {
    transform: scale(1.08);
  }
  .bib-img-wrap img {
    width: 100%; height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  .img-ring-gold { border: 3px solid #f4c430; box-shadow: 0 0 20px rgba(244,196,48,.5), 0 0 50px rgba(244,196,48,.15), inset 0 0 20px rgba(244,196,48,.1); }
  .img-ring-purple { border: 3px solid #c87fff; box-shadow: 0 0 20px rgba(180,100,255,.5), 0 0 50px rgba(180,100,255,.15), inset 0 0 20px rgba(180,100,255,.1); }
  .img-ring-cyan { border: 3px solid #00d4ff; box-shadow: 0 0 20px rgba(0,212,255,.45), 0 0 50px rgba(0,212,255,.12), inset 0 0 20px rgba(0,212,255,.08); }
  .img-ring-orange { border: 3px solid #ff7a3d; box-shadow: 0 0 20px rgba(255,100,30,.45), 0 0 50px rgba(255,100,30,.12), inset 0 0 20px rgba(255,100,30,.08); }

  .bib-card:hover .img-ring-gold { box-shadow: 0 0 35px rgba(244,196,48,.75), 0 0 80px rgba(244,196,48,.25); border-color: #ffe066; }
  .bib-card:hover .img-ring-purple { box-shadow: 0 0 35px rgba(180,100,255,.75), 0 0 80px rgba(180,100,255,.25); border-color: #e0aaff; }
  .bib-card:hover .img-ring-cyan { box-shadow: 0 0 35px rgba(0,212,255,.7), 0 0 80px rgba(0,212,255,.2); border-color: #66e8ff; }
  .bib-card:hover .img-ring-orange { box-shadow: 0 0 35px rgba(255,100,30,.7), 0 0 80px rgba(255,100,30,.2); border-color: #ffaa66; }

  /* ══ TEXTOS DO CARD ══ */
  .bib-cname {
    font-family: 'Orbitron', monospace;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .bib-csub {
    font-family: 'Rajdhani', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    opacity: .8;
  }
  .bib-cdesc {
    font-family: 'Rajdhani', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #c8d0dc;
    line-height: 1.6;
    max-width: 240px;
  }
  .bib-curl {
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    letter-spacing: 1px;
    opacity: .4;
    margin-top: 2px;
    transition: opacity .2s;
  }
  .bib-card:hover .bib-curl { opacity: .75; }

  .card-gold .bib-cname { color: #f4c430; text-shadow: 0 0 15px rgba(244,196,48,.5); }
  .card-gold .bib-csub { color: #f4c430; }
  .card-gold .bib-curl { color: #f4c430; }
  .card-purple .bib-cname { color: #c87fff; text-shadow: 0 0 15px rgba(180,100,255,.5); }
  .card-purple .bib-csub { color: #c87fff; }
  .card-purple .bib-curl { color: #c87fff; }
  .card-cyan .bib-cname { color: #00d4ff; text-shadow: 0 0 15px rgba(0,212,255,.5); }
  .card-cyan .bib-csub { color: #00d4ff; }
  .card-cyan .bib-curl { color: #00d4ff; }
  .card-orange .bib-cname { color: #ff7a3d; text-shadow: 0 0 15px rgba(255,100,30,.5); }
  .card-orange .bib-csub { color: #ff7a3d; }
  .card-orange .bib-curl { color: #ff7a3d; }

  /* ══ FOOTER BADGES ══ */
  .bib-footer {
    background: rgba(0,0,0,.55);
    border-top: 1px solid rgba(0,212,255,.12);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .bib-badge {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Orbitron', monospace;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
  }
  .bib-bdot {
    width: 7px; height: 7px;
    border-radius: 50%;
    animation: bibPulse 2s ease-in-out infinite;
  }


/* ═══ bloco ═══ */

    /* ===== Quantum Pulse HUD (hero) v2 ===== */
    
    .qp-hero{--cyan:#00d4ff;--amber:#f59e0b;--green:#22c55e;--red:#ef4444;--qink:#eef4ff;--qmut:#93a6cc;--qdim:#5c7099;
      position:relative;min-height:100vh;overflow:hidden;color:var(--qink);font-family:'Space Grotesk',system-ui,sans-serif;
      background:radial-gradient(ellipse 120% 80% at 50% 0%, #101d38 0%, #0a0e1a 58%, #070a14 100%)}
    .qp-hero .mono{font-family:'JetBrains Mono',ui-monospace,monospace}
    .qp-hero button{font-family:inherit}
    .qp-grid{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,212,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.045) 1px,transparent 1px);background-size:48px 48px}
    .qp-radar{position:absolute;top:0;left:50%;width:1000px;height:1000px;margin-left:-500px;margin-top:-560px;pointer-events:none;z-index:0;background:conic-gradient(from 0deg, rgba(0,212,255,.07) 0deg, transparent 55deg, transparent 360deg);border-radius:50%;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 66%);mask-image:radial-gradient(circle,#000 0,transparent 66%);animation:qpSpin 14s linear infinite}
    .qp-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:720px;height:340px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 0%, rgba(0,212,255,.16) 0%, transparent 70%)}
    .qp-glow-amber{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:620px;height:300px;pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;background:radial-gradient(ellipse at 50% 100%, rgba(245,158,11,.12) 0%, transparent 70%)}
    .qp-hero.econ-on .qp-glow-amber{opacity:1}
    .qp-hero.surv-on .qp-glow-amber{opacity:1;background:radial-gradient(ellipse at 50% 100%, rgba(34,197,94,.12) 0%, transparent 70%)}
    @keyframes qpSpin{to{transform:rotate(360deg)}}
    .qp-frame{position:absolute;inset:12px;border:1px solid rgba(0,212,255,.14);border-radius:16px;pointer-events:none;z-index:1}
    .qp-frame b{position:absolute;width:22px;height:22px;border:2px solid rgba(0,212,255,.5)}
    .qp-frame b.tl{left:-1px;top:-1px;border-right:0;border-bottom:0;border-radius:16px 0 0 0}
    .qp-frame b.tr{right:-1px;top:-1px;border-left:0;border-bottom:0;border-radius:0 16px 0 0}
    .qp-frame b.bl{left:-1px;bottom:-1px;border-right:0;border-top:0;border-radius:0 0 0 16px}
    .qp-frame b.br{right:-1px;bottom:-1px;border-left:0;border-top:0;border-radius:0 0 16px 0}
    .qp-head{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;z-index:20}
    .qp-brand{display:flex;align-items:center;gap:12px}
    .qp-logo{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
    .qp-logo .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(0,212,255,.3)}
    .qp-logo .ring2{position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(0,212,255,.35);opacity:0}
    .qp-hero.playing .qp-logo .ring2{opacity:.5;animation:qpPulse 1.5s ease-in-out infinite}
    .qp-logo .b{font-family:'Space Grotesk';font-weight:700;font-size:22px;color:var(--amber);text-shadow:0 0 12px rgba(245,158,11,.6)}
    .qp-brand .t{font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--cyan)}
    .qp-brand .u{font-size:11px;color:var(--qmut)}
    .qp-clock{display:flex;flex-direction:column;align-items:flex-end}
    .qp-clock .c{font-size:22px;font-weight:700;color:#7fd8ff}
    .qp-clock .d{font-size:11px;color:var(--qdim)}
    @keyframes qpPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:.12}}
    .qp-col{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}
    .qp-col.l{left:24px} .qp-col.r{right:24px;align-items:flex-end}
    .qp-read{border:1px solid rgba(0,212,255,.12);border-radius:12px;padding:11px 15px;min-width:158px;background:rgba(10,20,40,.55)}
    .qp-col.r .qp-read{text-align:right}
    .qp-read .k{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--qmut)}
    .qp-read .v{font-size:22px;font-weight:700;color:var(--qink);margin-top:2px}
    .qp-read .v.sm{font-size:17px}
    .qp-read .s{font-size:9px;color:var(--qmut);margin-top:2px}
    .qp-read.on{box-shadow:0 0 18px -6px var(--rc,var(--cyan))}
    /* chip bar (mobile) */
    .qp-chips{display:none}
    .qp-wrap{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:96px 16px 80px}
    .qp-card{width:100%;max-width:470px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(160deg, rgba(20,32,60,.92), rgba(12,20,40,.96));border:1px solid rgba(0,212,255,.14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 60px -20px rgba(0,212,255,.15);animation:qpFloatUp .5s cubic-bezier(.23,1,.32,1) both}
    @keyframes qpFloatUp{0%{transform:translateY(18px);opacity:0}100%{transform:none;opacity:1}}
    .qp-line{height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.4),transparent)}
    .qp-info{padding:18px 22px 8px}
    .qp-inforow{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .qp-date{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--qmut)}
    .qp-livebadge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
    .qp-livebadge .dot{width:7px;height:7px;border-radius:50%;background:var(--qdim)}
    .qp-livebadge .lbl{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--qdim)}
    .qp-hero.live-on .qp-livebadge{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.12)}
    .qp-hero.live-on .qp-livebadge .dot{background:var(--red);box-shadow:0 0 8px var(--red);animation:qpBlink 1.2s ease-in-out infinite}
    .qp-hero.live-on .qp-livebadge .lbl{color:var(--red)}
    .qp-hero.connecting .qp-livebadge{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.12)}
    .qp-hero.connecting .qp-livebadge .dot{background:var(--amber);animation:qpBlink 1s ease-in-out infinite}
    .qp-hero.connecting .qp-livebadge .lbl{color:var(--amber)}
    @keyframes qpBlink{50%{opacity:.35}}
    .qp-h1{font-size:clamp(30px,4.4vw,42px);font-weight:700;line-height:1.05;margin:0;letter-spacing:-.01em}
    .qp-h1 .am{color:var(--amber)} .qp-h1 .sub{display:block;font-size:14px;font-weight:500;color:var(--qmut);margin-top:6px;letter-spacing:0}
    .qp-nownext{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11px}
    .qp-nownext .now{color:var(--cyan)} .qp-nownext .now b,.qp-nownext .nxt b{font-weight:700}
    .qp-nownext .nxt{color:var(--qmut)}
    .qp-eq{margin:12px 22px 0;border-radius:10px;padding:8px 10px;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:54px;background:rgba(0,212,255,.03);border:1px solid rgba(0,212,255,.1)}
    .qp-eq i{flex:1;max-width:6px;height:6px;border-radius:2px 2px 0 0;background:var(--cyan);opacity:.5;transition:height .1s linear}
    .qp-row{padding:16px 22px}
    .qp-row .top{display:flex;align-items:center;gap:16px}
    .qp-pbtn{position:relative;flex:0 0 auto;border-radius:50%;border:2px solid var(--rc);cursor:pointer;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%, color-mix(in srgb,var(--rc) 18%, transparent), rgba(10,14,26,.9) 70%);color:var(--rc);transition:transform .12s, box-shadow .25s}
    .qp-pbtn:hover{transform:scale(1.05)} .qp-pbtn:active{transform:scale(.96)}
    .qp-pbtn svg{width:40%;height:40%;fill:var(--rc);filter:drop-shadow(0 0 6px var(--rc))}
    .qp-pbtn.xl{width:78px;height:78px} .qp-pbtn.lg{width:66px;height:66px}
    .qp-pbtn .rr{position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--rc);opacity:.18}
    .qp-row.on .qp-pbtn .rr{opacity:.5;animation:qpPulse 1.5s ease-in-out infinite}
    .qp-row:not(.on) .qp-pbtn{animation:qpInvite 2s ease-in-out infinite}
    @keyframes qpInvite{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--rc) 18%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--rc) 5%,transparent)}}
    .qp-cspin{position:absolute;width:46%;height:46%;border:3px solid color-mix(in srgb,var(--rc) 22%,transparent);border-top-color:var(--rc);border-radius:50%;animation:qpSpin .8s linear infinite;display:none}
    .qp-row.connecting .qp-cspin{display:block} .qp-row.connecting .qp-pbtn svg{opacity:0}
    .qp-meta{flex:1;min-width:0}
    .qp-meta .ti{font-size:16px;font-weight:700;color:var(--qmut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .qp-row.on .qp-meta .ti,.qp-row.connecting .qp-meta .ti{color:var(--qink)}
    .qp-meta .su{font-size:12px;color:var(--qmut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
    .qp-row.on .qp-meta .su{color:var(--rc)}
    .qp-meta .li{font-size:11px;color:var(--qmut);margin-top:5px;display:none}
    .qp-row.on .qp-meta .li,.qp-row.connecting .qp-meta .li{display:block}
    .qp-status{margin-top:12px;text-align:center;font-size:10px;font-weight:700;letter-spacing:.15em;padding:9px;border-radius:9px;color:var(--qmut);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
    .qp-row.on .qp-status{color:var(--rc);background:color-mix(in srgb,var(--rc) 8%,transparent);border-color:color-mix(in srgb,var(--rc) 22%,transparent)}
    .qp-row.connecting .qp-status{color:var(--amber);border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.08);animation:qpBlink 1.1s ease-in-out infinite}
    .qp-skip{flex:0 0 auto;border-radius:9px;padding:8px;cursor:pointer;color:var(--amber);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);display:none}
    .qp-row.on .qp-skip{display:inline-flex}
    .qp-div{margin:0 22px;height:1px;background:rgba(255,255,255,.06)}
    .qp-ctrl{padding:16px 22px;display:flex;align-items:center;gap:12px}
    .qp-icobtn{flex:0 0 auto;border-radius:9px;padding:7px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--cyan);display:inline-flex}
    .qp-icobtn svg{width:16px;height:16px}
    .qp-vol{flex:1;position:relative;height:26px;display:flex;align-items:center}
    .qp-vol .trk{position:absolute;left:0;right:0;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
    .qp-vol .fill{position:absolute;left:0;height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(0,212,255,.5),var(--cyan))}
    .qp-vol .thumb{position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #0a0e1a;box-shadow:0 0 10px var(--cyan);transform:translateX(-50%);pointer-events:none;top:50%;margin-top:-9px}
    .qp-vol .tip{position:absolute;bottom:22px;transform:translateX(-50%);background:rgba(10,20,40,.95);border:1px solid var(--cyan);color:var(--cyan);font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;opacity:0;transition:opacity .15s;pointer-events:none;font-family:'JetBrains Mono',monospace}
    .qp-vol:hover .tip,.qp-vol.act .tip{opacity:1}
    .qp-vol input{position:absolute;left:0;right:0;width:100%;height:26px;opacity:0;cursor:pointer;margin:0}
    .qp-pct{flex:0 0 auto;width:34px;text-align:right;font-size:10px;color:var(--qmut)}
    .qp-share{flex:0 0 auto;border-radius:9px;padding:7px;cursor:pointer;color:var(--amber);background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.16);display:inline-flex;position:relative;transition:background .2s,color .2s,border-color .2s}
    .qp-share svg{width:16px;height:16px}
    .qp-share.done{color:var(--green);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.12)}
    .qp-foot{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;z-index:10}
    .qp-foot svg{width:12px;height:12px;color:var(--amber)}
    .qp-foot span{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--qmut)}
    .qp-toast{position:absolute;left:50%;bottom:54px;transform:translateX(-50%) translateY(10px);z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:rgba(10,22,44,.96);border:1px solid var(--cyan);color:var(--cyan);font-size:12px;font-weight:700;box-shadow:0 12px 40px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
    .qp-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
    @media (max-width:1023px){
      .qp-col{display:none}
      .qp-chips{display:flex;position:absolute;top:70px;left:0;right:0;z-index:15;gap:8px;padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
      .qp-chips::-webkit-scrollbar{display:none}
      .qp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:10px;background:rgba(10,20,40,.7);border:1px solid rgba(0,212,255,.18);font-size:12px;font-weight:700;color:var(--qink);font-family:'JetBrains Mono',monospace;white-space:nowrap}
      .qp-chip .cd{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 6px var(--red)}
      .qp-wrap{padding-top:118px}
    }
    @media (prefers-reduced-motion:reduce){ .qp-hero *{animation-duration:.001s!important} }
    /* neutraliza o hero antigo pra o HUD dominar */
    .hr-wrap{padding:0!important;margin:0 0 0!important;min-height:0!important;background:#070a14!important;border-bottom:0!important;box-shadow:none!important;display:block!important;text-align:center}
    .hr-sub{display:none!important}
    
/* ═══ bloco ═══ */

  /* ================================================================
     RADIO BITCOIN · COCKPIT INSTITUCIONAL PREMIUM
     Escopo .rb-dash — não vaza pro resto do site
     ================================================================ */
  .rb-dash {
    /* Paleta */
    --rb-bg-0: #080b10;
    --rb-bg-1: rgba(12, 16, 22, 0.92);
    --rb-bg-2: rgba(18, 22, 32, 0.88);
    --rb-bg-3: rgba(22, 28, 40, 0.80);
    --rb-line: rgba(57,255,20,.12);
    --rb-line-strong: rgba(57,255,20,.22);
    --rb-neon: #39ff14;
    --rb-neon-soft: rgba(57,255,20,.15);
    --rb-magenta: #a855f7;
    --rb-magenta-soft: rgba(168,85,247,.18);
    --rb-orange: #f7931a;
    --rb-orange-soft: rgba(247,147,26,.18);
    --rb-up: #22c55e;
    --rb-down: #ef4444;
    --rb-text: #e2e8f0;
    --rb-text-dim: #9ca3af;
    --rb-text-muted: #4b5563;
    --rb-mono: 'JetBrains Mono','Fira Code','SF Mono','Courier New',ui-monospace,monospace;

    background: var(--rb-bg-0);
    padding: 24px 20px 32px;
    color: var(--rb-text);
    font-family: var(--rb-mono);
    border-bottom: 1px solid var(--rb-line);
    position: relative;
  }
  .rb-dash::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(57,255,20,.04) 0%, transparent 70%);
    pointer-events: none;
  }
  .rb-dash *, .rb-dash *::before, .rb-dash *::after { box-sizing: border-box; }

  /* ── Título ── */
  .rb-dash__title {
    font-family: var(--rb-mono);
    font-size: 11px;
    letter-spacing: 4px;
    color: var(--rb-orange);
    text-transform: uppercase;
    margin: 0 auto 18px;
    max-width: 1200px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .rb-dash__title::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--rb-line-strong), transparent);
  }

  /* ── Hero ── */
  .rb-dash__hero-wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto 20px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(57,255,20,.2);
    box-shadow: 0 0 60px rgba(57,255,20,.06), 0 0 0 1px rgba(247,147,26,.08), 0 8px 32px rgba(0,0,0,.6);
  }
  .rb-dash__hero {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center 35%;
  }
  /* Overlay gradiente fundo → transparente → fundo nos lados */
  .rb-dash__hero-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(8,11,16,.25) 0%, transparent 30%, transparent 60%, rgba(8,11,16,.85) 100%);
    pointer-events: none;
  }
  .rb-hero-fade-left {
    position: absolute; top:0; left:0; bottom:0; width:14%;
    background: linear-gradient(90deg, rgba(8,11,16,.7), transparent);
    pointer-events: none;
  }
  .rb-hero-fade-right {
    position: absolute; top:0; right:0; bottom:0; width:14%;
    background: linear-gradient(270deg, rgba(8,11,16,.7), transparent);
    pointer-events: none;
  }

  /* Cantos HUD */
  .rb-hud {
    position: absolute;
    width: 18px; height: 18px;
    pointer-events: none;
  }
  .rb-hud-tl { top:10px; left:10px;  border-top:2px solid #39ff14; border-left:2px solid #39ff14; }
  .rb-hud-tr { top:10px; right:10px; border-top:2px solid #39ff14; border-right:2px solid #39ff14; }
  .rb-hud-bl { bottom:10px; left:10px;  border-bottom:2px solid #39ff14; border-left:2px solid #39ff14; }
  .rb-hud-br { bottom:10px; right:10px; border-bottom:2px solid #39ff14; border-right:2px solid #39ff14; }

  /* Labels HUD nos cantos */
  .rb-hud-label {
    position: absolute;
    font-family: var(--rb-mono);
    display: flex; flex-direction: column; gap: 2px;
    pointer-events: none;
  }
  .rb-hud-label-tl { top: 16px; left: 36px; }
  .rb-hud-label-tr { top: 16px; right: 36px; text-align: right; }
  .rb-hud-label-bl { bottom: 40px; left: 36px; }
  .rb-hud-label-br { bottom: 40px; right: 36px; text-align: right; }
  .rb-hud-tag {
    font-size: 9px; font-weight: 700; letter-spacing: 2px;
    color: #fff; text-transform: uppercase;
    background: rgba(8,11,16,.6); padding: 2px 6px; border-radius: 2px;
    border: 1px solid rgba(57,255,20,.3);
  }
  .rb-hud-sub {
    font-size: 8px; color: rgba(200,208,220,.5); letter-spacing: 1px;
    padding-left: 6px;
  }

  /* Bloco de copy direita */
  .rb-hero-copy {
    position: absolute;
    right: 36px; top: 50%; transform: translateY(-50%);
    max-width: 280px;
    text-align: right;
    pointer-events: none;
  }
  .rb-hero-copy__line1 {
    font-family: var(--rb-mono);
    font-size: 13px; font-weight: 700; letter-spacing: 1px;
    color: #fff; line-height: 1.3; margin-bottom: 10px;
    text-shadow: 0 0 20px rgba(0,0,0,.8);
  }
  .rb-hero-copy__line2 {
    font-family: var(--rb-mono);
    font-size: 10px; color: rgba(200,208,220,.75);
    line-height: 1.5; margin-bottom: 10px; letter-spacing: .5px;
    text-shadow: 0 0 12px rgba(0,0,0,.9);
  }
  .rb-hero-copy__line3 {
    font-family: 'Orbitron', var(--rb-mono);
    font-size: 14px; font-weight: 900; letter-spacing: 2px;
    color: var(--rb-orange);
    text-shadow: 0 0 20px rgba(247,147,26,.5);
    margin-bottom: 10px;
  }
  .rb-hero-copy__tags {
    font-size: 8px; letter-spacing: 1.5px; color: #39ff14;
    text-shadow: 0 0 10px rgba(57,255,20,.4);
    text-transform: uppercase;
  }

  /* Badges parceiros no rodapé */
  .rb-hero-partners {
    position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
    display: flex; align-items: center; gap: 14px;
    font-family: 'Orbitron', var(--rb-mono);
    font-size: 11px; font-weight: 900; letter-spacing: 3px;
    color: rgba(255,255,255,.7);
    text-shadow: 0 0 12px rgba(0,0,0,.9);
    pointer-events: none;
  }
  .rb-hero-partner { color: #fff; }
  .rb-hero-sep { color: rgba(255,255,255,.3); }

  @media (max-width: 700px) {
    .rb-dash__hero { height: 200px; }
    .rb-hero-copy { display: none; }
    .rb-hud-label-tr, .rb-hud-label-br { display: none; }
  }

  /* ── Grid ── */
  .rb-dash__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
  }
  @media (max-width: 900px) { .rb-dash__grid { grid-template-columns: 1fr; } }

  /* ── Card base — glassmorphism institucional ── */
  .rb-card {
    background: var(--rb-bg-1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid var(--rb-line);
    border-radius: 12px;
    padding: 20px 22px 22px;
    transition: border-color .2s, box-shadow .2s;
  }
  .rb-card:hover {
    border-color: var(--rb-line-strong);
    box-shadow: 0 0 20px var(--rb-neon-soft);
  }

  /* ── Card header ── */
  .rb-card__head {
    font-size: 11px;
    letter-spacing: 2.5px;
    color: var(--rb-neon);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--rb-line);
    padding-bottom: 14px;
  }
  .rb-card__icon { font-size: 16px; }
  .rb-card__sub {
    font-size: 9px;
    color: var(--rb-text-dim);
    letter-spacing: 1.5px;
    font-weight: 400;
  }

  /* Dot "ao vivo" Polymarket */
  .rb-poly-live-dot {
    margin-left: auto;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--rb-neon);
    box-shadow: 0 0 8px var(--rb-neon);
    animation: rb-pulse 2s ease-in-out infinite;
    flex-shrink: 0;
  }
  @keyframes rb-pulse {
    0%,100% { opacity: 1; box-shadow: 0 0 6px var(--rb-neon); }
    50%      { opacity: .5; box-shadow: 0 0 14px var(--rb-neon); }
  }

  /* Pill "NO AR" */
  .rb-noar-pill {
    margin-left: auto;
    font-size: 9px;
    padding: 3px 10px;
    border-radius: 99px;
    background: var(--rb-bg-3);
    border: 1px solid var(--rb-line);
    color: var(--rb-text-dim);
    letter-spacing: 1.5px;
    font-weight: 700;
  }
  .rb-noar-pill.is-live {
    background: var(--rb-neon);
    color: #000;
    border-color: var(--rb-neon);
    box-shadow: 0 0 12px var(--rb-neon-soft);
  }
  .rb-noar-pill.is-live[data-id="grok"] {
    background: var(--rb-magenta);
    border-color: var(--rb-magenta);
    color: #fff;
    box-shadow: 0 0 12px var(--rb-magenta-soft);
  }

  /* ============================================================
     POLYMARKET — PAINEL INSTITUCIONAL
     ============================================================ */
  .rb-poly__list { display: flex; flex-direction: column; gap: 14px; }

  .rb-poly__item {
    background: var(--rb-bg-2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(57,255,20,.1);
    border-radius: 10px;
    padding: 16px 18px;
    transition: border-color .2s;
  }
  .rb-poly__item:hover { border-color: rgba(57,255,20,.22); }

  /* Pergunta — destaque institucional */
  .rb-poly__q {
    font-size: 13px;
    color: var(--rb-text);
    margin-bottom: 14px;
    line-height: 1.55;
    font-weight: 500;
  }

  /* Labels SIM / NÃO com percentual acima da barra */
  .rb-poly__labels {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 8px;
  }
  .rb-poly__label-grp { display: flex; flex-direction: column; gap: 2px; }
  .rb-poly__label-txt {
    font-size: 11px;
    letter-spacing: 1.5px;
    color: var(--rb-text-dim);
    text-transform: uppercase;
    font-weight: 600;
  }
  .rb-poly__label-pct {
    font-size: 20px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.5px;
  }
  .rb-poly__label-pct.up   { color: var(--rb-up);   text-shadow: 0 0 12px rgba(34,197,94,.4); }
  .rb-poly__label-pct.down { color: var(--rb-down);  text-shadow: 0 0 12px rgba(239,68,68,.4); }

  /* Barra de progresso volumétrica */
  .rb-poly__bar {
    display: flex;
    height: 10px;
    border-radius: 99px;
    overflow: hidden;
    background: var(--rb-bg-3);
    border: 1px solid var(--rb-line);
    gap: 1px;
  }
  .rb-poly__up {
    background: linear-gradient(90deg, #16a34a, var(--rb-up));
    box-shadow: inset 0 0 8px rgba(34,197,94,.3);
    transition: width .5s ease;
    border-radius: 99px 0 0 99px;
  }
  .rb-poly__down {
    background: linear-gradient(90deg, var(--rb-down), #dc2626);
    box-shadow: inset 0 0 8px rgba(239,68,68,.3);
    transition: width .5s ease;
    border-radius: 0 99px 99px 0;
  }

  /* ============================================================
     LOCUTORES IA 24H — prefixo .rvz-
     ============================================================ */
  .rvz-header { background:linear-gradient(135deg,#0a0e1a 0%,#0d1a1a 50%,#0a0e1a 100%); border-bottom:1px solid rgba(0,245,255,.3); padding:14px 20px; display:flex; align-items:center; justify-content:space-between; }
  .rvz-header-title { font-family:'Orbitron',monospace; font-size:13px; color:#00f5ff; letter-spacing:2px; }
  .rvz-header-title span { color:#00ff88; font-size:10px; margin-left:10px; animation:rvz-blink 1s infinite; }
  .rvz-badge-24h { font-family:'Orbitron',monospace; font-size:9px; color:#000; background:#00ff88; padding:3px 8px; border-radius:2px; }
  @keyframes rvz-blink { 0%,100%{opacity:1} 50%{opacity:0} }

  .rvz-locutor-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:rgba(0,245,255,.1); border-bottom:1px solid rgba(0,245,255,.2); }
  .rvz-locutor-card { background:#111622; padding:16px 8px; text-align:center; transition:all .3s; position:relative; }
  .rvz-locutor-card.active { background:rgba(0,255,136,.05); border-bottom:3px solid #00ff88; }
  .rvz-locutor-card.active::before { content:'● ON AIR'; position:absolute; top:6px; right:8px; font-family:'Orbitron',monospace; font-size:7px; color:#00ff88; animation:rvz-blink 1s infinite; }
  .rvz-locutor-card.standby { opacity:.55; }
  .rvz-logo-wrap { width:60px; height:60px; margin:0 auto 10px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
  .rvz-locutor-name { font-family:'Orbitron',monospace; font-size:11px; font-weight:700; margin:0 0 2px; }
  .rvz-locutor-role { font-family:'Rajdhani',sans-serif; font-size:9px; color:rgba(200,208,220,.6); text-transform:uppercase; margin:0 0 6px; }
  .rvz-locutor-horario { font-family:'VT323',monospace; font-size:13px; color:rgba(200,208,220,.5); display:block; margin-bottom:6px; }
  .rvz-status-badge { display:inline-block; font-family:'Orbitron',monospace; font-size:8px; padding:2px 6px; border-radius:2px; }
  .rvz-status-online  { background:rgba(0,255,136,.2); color:#00ff88; border:1px solid #00ff88; }
  .rvz-status-standby { background:rgba(200,208,220,.1); color:rgba(200,208,220,.4); border:1px solid rgba(200,208,220,.2); }

  .rvz-grade-section { padding:12px 20px; border-bottom:1px solid rgba(0,245,255,.15); }
  .rvz-section-title { font-family:'Orbitron',monospace; font-size:10px; color:#00f5ff; margin:0 0 10px; display:flex; justify-content:space-between; }
  .rvz-section-title span { color:rgba(200,208,220,.4); font-size:8px; }
  .rvz-grade-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
  .rvz-grade-slot { background:#111622; border:1px solid rgba(0,245,255,.1); border-radius:4px; padding:8px 6px; text-align:center; }
  .rvz-grade-slot.current { border-color:#00ff88; background:rgba(0,255,136,.05); box-shadow:0 0 8px rgba(0,255,136,.1); }
  .rvz-grade-slot.special { border-color:#f2a900; }
  .rvz-slot-time { font-family:'VT323',monospace; font-size:14px; color:#00f5ff; display:block; margin-bottom:2px; }
  .rvz-slot-ia { font-family:'Orbitron',monospace; font-size:8px; font-weight:700; display:block; margin-bottom:2px; }
  .rvz-slot-content { font-family:'Share Tech Mono',monospace; font-size:8px; color:rgba(200,208,220,.5); line-height:1.3; }
  .rvz-footer { padding:8px 20px; font-family:'Share Tech Mono',monospace; font-size:9px; color:rgba(200,208,220,.6); background:rgba(242,169,0,.05); }
  .rvz-clock { font-family:'VT323',monospace; font-size:18px; color:#00ff88; letter-spacing:2px; }
  /* ── ZAP CARD PREMIUM ── */
  .zap-motto { font-size:9px; color:#c8d0dc; font-style:italic; margin-bottom:10px; line-height:1.4; padding:0 4px; }
  .zap-qr-frame { display:inline-block; border:2px solid rgba(242,169,0,0.5); border-radius:8px; padding:6px; background:#fff; margin-bottom:8px; }
  .zap-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-bottom:8px; }
  .zap-stat { background:rgba(0,212,255,0.05); border:1px solid rgba(0,212,255,0.1); border-radius:4px; padding:4px 2px; font-size:8px; color:var(--text-dim); text-align:center; }
  .zap-stat strong { display:block; font-family:Orbitron,monospace; font-size:9px; color:var(--cyan); }
  .zap-btns { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-bottom:6px; }
  .zap-btn-main { grid-column:1/-1; font-size:11px; padding:8px; background:linear-gradient(135deg,rgba(242,169,0,0.25),rgba(242,169,0,0.1)); border-color:rgba(242,169,0,0.6); }
  /* ── POLYMARKET BARRAS v2 ── */
  .rb-poly__bar-wrap { background:rgba(255,255,255,0.05); border-radius:4px; height:8px; overflow:hidden; margin-bottom:3px; }


  /* ============================================================
     L402 AGENT MONETIZATION
     ============================================================ */
  .l402-header { display:flex; justify-content:space-between; align-items:center; background:linear-gradient(135deg,#0a0e1a,#0d1a10); border-bottom:1px solid rgba(242,169,0,.3); padding:14px 20px; }
  .l402-title { color:#f2a900; font-family:'Orbitron',monospace; font-size:13px; letter-spacing:2px; display:flex; align-items:center; gap:10px; text-shadow:0 0 10px rgba(242,169,0,.3); }
  .l402-status { color:#00ff9d; font-family:'Share Tech Mono',monospace; font-size:11px; display:flex; align-items:center; gap:6px; }
  .l402-status::before { content:''; display:inline-block; width:7px; height:7px; background:#00ff9d; border-radius:50%; box-shadow:0 0 8px #00ff9d; animation:pulse-dot 2s infinite; }
  .l402-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }
  .l402-stat-box { background:#151a26; border:1px solid #232d42; border-radius:6px; padding:12px; text-align:center; }
  .l402-stat-value { font-family:'VT323',monospace; font-size:28px; color:#fff; margin-bottom:4px; }
  .l402-stat-value.sats { color:#f2a900; }
  .l402-stat-value.calls { color:#00e5ff; }
  .l402-stat-label { font-family:'Share Tech Mono',monospace; color:#6c7b9b; font-size:9px; text-transform:uppercase; }
  .l402-endpoints { background:#0a0d14; border:1px solid #1a2333; border-radius:6px; overflow:hidden; }
  .l402-ep-row { display:grid; grid-template-columns:2fr 3fr 1fr 1fr; padding:10px 14px; border-bottom:1px solid #1a2333; align-items:center; }
  .l402-ep-row:last-child { border-bottom:none; }
  .l402-ep-header { color:#6c7b9b; font-family:'Share Tech Mono',monospace; font-size:9px; text-transform:uppercase; background:#151a26; }
  .l402-ep-path { color:#00e5ff; font-family:'Share Tech Mono',monospace; font-size:11px; }
  .l402-ep-desc { color:#c8d0dc; font-family:'Rajdhani',sans-serif; font-size:13px; display:block; }
  .l402-ep-price { color:#f2a900; font-family:'VT323',monospace; font-size:16px; text-align:right; }
  .l402-ep-calls { color:#fff; font-family:'VT323',monospace; font-size:16px; text-align:right; }
  .l402-highlight { color:#f2a900; font-family:'Share Tech Mono',monospace; font-size:9px; margin-top:2px; display:block; }
  @media(max-width:600px){ .l402-stats{grid-template-columns:repeat(2,1fr);} .l402-ep-row{grid-template-columns:1fr 1fr;} .l402-ep-row>:nth-child(3),.l402-ep-row>:nth-child(4){display:none;} }

  /* Loading & erro */
  .rb-loading { color:var(--rb-text-dim); font-size:12px; padding:16px 0; letter-spacing:1px; }

  /* Mobile */
  @media (max-width:600px) {
    .rb-dash { padding:16px 14px 24px; }
    .rb-card { padding:16px 14px; }
    .rb-poly__q { font-size:12px; }
    .rb-poly__label-pct { font-size:16px; }
    .rvz-locutor-grid { grid-template-columns:repeat(2,1fr); }
    .rvz-grade-grid { grid-template-columns:repeat(2,1fr); }
    .rvz-grade-slot.special { grid-column:span 2; }
  }

/* ═══ fundo cockpit nave (hero player) ═══ */
.qp-hero{background:linear-gradient(rgba(4,7,16,.78),rgba(4,7,16,.82)),url('../cockpit_nave.webp') center/cover no-repeat!important}