/* Minimal gold/black pixel vibe */
:root{
  --bg: #0d0e12;
  --panel: #14151c;
  --gold: #f0c23e;
  --gold-2: #e6a400;
  --line: rgba(240,194,62,0.35);
  --success: #17d46b;
  --danger: #ff4d4d;
  --text: #e6e6e6;
  --muted: #9aa0a6;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'VT323', ui-monospace, Menlo, monospace;letter-spacing:0.5px}
a{color:var(--gold)}
.container{width:100%;max-width:980px;margin:0 auto;padding:22px}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(13,14,18,0.9);backdrop-filter:blur(6px);z-index:5}
.brand{display:flex;align-items:center;gap:12px}
.brand .bar{width:24px;height:24px}
.wordmark{font-size:28px;color:var(--gold);text-shadow:0 0 10px rgba(240,194,62,.3)}
nav a{margin-left:16px;text-decoration:none}
.btn{display:inline-block;padding:10px 18px;border-radius:8px;border:2px solid #000;background:linear-gradient(#ffd86b,#f0c23e);box-shadow:0 6px 0 #a57500;color:#241b00;text-decoration:none;font-weight:bold}
.btn.buy.big{font-size:24px;padding:14px 28px}
.btn.buy:hover{transform:translateY(1px)}
.hero{text-align:center;padding-top:36px;padding-bottom:8px}
.display{font-size:64px;margin:8px 0;color:var(--gold);text-shadow:0 0 14px rgba(240,194,62,.35)}
.subtitle{color:#fff;font-size:28px;margin:0 0 14px 0}
.tagline{color:var(--muted);margin-bottom:16px}
.ca-box{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);padding:10px 12px;border-radius:10px;margin-left:14px}
.ca-label{color:var(--muted)}
.ca-value{font-size:18px}
.icon{background:#222;border:1px solid #333;padding:6px 8px;border-radius:8px;color:#ddd;text-decoration:none}
.live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #176b2b;background:#0b1f14;color:#22e07b;padding:8px 12px;border-radius:999px;margin-left:14px}
.dot{width:8px;height:8px;background:#22e07b;border-radius:50%}
.cards h2,.community h2,.chart h2{font-size:36px;letter-spacing:1px;margin:22px 0}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.card{background:var(--panel);border:2px solid var(--line);padding:18px;border-radius:14px}
.card-top{display:flex;justify-content:space-between;color:#bfc3c7}
.big{font-size:40px;margin-top:10px}
.small{color:var(--muted)}
.accent{border-color:var(--gold-2)}
.success{border-color:#0b8e41}
.danger{border-color:#b92e2e}
/* Burn */
.burn-wrap{padding-top:6px}
.burn-card{border:2px solid var(--gold-2);border-radius:16px;padding:18px;background:var(--panel)}
.burn-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.burn-head .title{font-size:24px;color:var(--gold)}
.burn-head .right{font-size:28px;color:#ff4d4d}
.progress{width:100%;height:18px;background:#23242c;border:1px solid #3a3b45;border-radius:10px;overflow:hidden}
#progressBar{height:100%;width:0;background:linear-gradient(90deg,#ffef9a,#f0c23e);box-shadow:inset 0 0 8px rgba(0,0,0,.4)}
.legend{display:flex;justify-content:space-between;color:var(--muted);margin:8px 2px 18px}
.fees h3{margin:6px 0 8px 0}
.fee-row{display:flex;justify-content:space-between;background:#111317;border:1px solid #2c2e36;padding:10px 12px;border-radius:10px;margin-top:8px}
.fee-right.red{color:#ff6565}
.fee-right.green{color:#1fe27a}
/* Community */
.links{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 20px}
.link-tile{display:block;text-decoration:none;border:2px solid var(--gold-2);border-radius:14px;padding:14px;background:#0f1117;color:#fff}
.tile-title{font-size:22px}
.tile-sub{color:var(--muted)}
.cta-banner{border:2px solid var(--gold-2);border-radius:16px;padding:18px;background:linear-gradient(180deg,#1a1510,#0d0e12)}
.cta-banner h3{margin:0 0 8px;color:var(--gold)}
/* Chart */
.chart-embed{
  background:#0f1117;
  border:2px solid var(--gold-2);
  border-radius:16px;
  overflow:hidden;
  height:680px;            /* was 480px */
}
.chart-embed iframe{width:100%;height:100%}

/* Responsive */
@media (max-width: 780px){
  .chart-embed{height:460px;}  /* compact on mobile */
  nav a{display:none}
  .grid{grid-template-columns:1fr}
  .display{font-size:46px}
  .btn.buy.big{font-size:20px}
  .ca-box{display:flex;margin:12px auto 0}
  .live-pill{margin:10px auto 0}
  header{gap:10px}
}