/* template.css — the ONE stylesheet for this site. All CSS lives here; HTML carries no inline <style>. Generated by extract_css.js — edit here, then re-run to re-sync. */
*{margin:0;padding:0;box-sizing:border-box;}
  :root{--bg:#0a0a0f;--card:#111118;--border:#1a1a25;--text:#e5e5e5;--muted:#666;--green:#22c55e;--red:#ef4444;--accent:#f59e0b;--yes:#22c55e;--no:#ef4444;--blue:#3b82f6;--sol:#9945ff;}
  html{overflow-x:hidden;}
  body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;}
  a{color:var(--accent);text-decoration:none;}
  a:hover{text-decoration:underline;}

  /* Nav */
  nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(10,10,15,0.95);backdrop-filter:blur(10px);z-index:100;}
  .logo{font-size:1.4rem;font-weight:800;letter-spacing:-0.5px;cursor:pointer;}
  .logo span{color:var(--accent);}
  .nav-right{display:flex;gap:0.8rem;align-items:center;font-size:0.9rem;}
  .nav-right a{color:var(--muted);transition:color 0.2s;}
  .nav-right a:hover{color:var(--text);text-decoration:none;}
  .nav-right a.tip-btn{color:#ffffff !important;}
  .nav-right a.tip-btn:hover{color:#ffffff !important;}
  .nav-btn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:0.45rem 1rem;border-radius:8px;font-weight:600;font-size:0.82rem;cursor:pointer;transition:all 0.2s;}
  .nav-btn:hover{border-color:var(--accent);color:var(--accent);}
  .connect-btn{background:var(--accent);color:#000;border:none;padding:0.5rem 1.2rem;border-radius:8px;font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.2s;}
  .connect-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(245,158,11,0.4);}
  .balance-pill{background:var(--card);border:1px solid var(--border);padding:0.35rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:700;color:var(--accent);display:inline-block;cursor:pointer;}
  .balance-pill:hover{border-color:var(--accent);box-shadow:0 0 8px rgba(245,158,11,0.2);}

  /* Hero */
  .hero{text-align:center;padding:3rem 1rem 2rem;max-width:700px;margin:0 auto;}
  .hero-emoji{font-size:4rem;margin-bottom:1rem;}
  .hero h1{font-size:2.4rem;font-weight:900;letter-spacing:-1px;margin-bottom:0.5rem;}
  .hero h1 span{color:var(--accent);}
  .hero p{color:var(--muted);font-size:1.1rem;line-height:1.5;}
  .hero-stats{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;}
  .hero-stat{text-align:center;}
  .hero-stat .val{font-size:1.5rem;font-weight:800;color:var(--accent);}
  .hero-stat .label{font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;}

  /* Filters */
  .filters{display:flex;gap:0.5rem;justify-content:center;padding:1rem;flex-wrap:wrap;}
  .filter-btn{background:var(--card);border:1px solid var(--border);color:var(--muted);padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;cursor:pointer;transition:all 0.2s;}
  .filter-btn.active,.filter-btn:hover{color:var(--text);border-color:var(--accent);background:rgba(245,158,11,0.1);}
  .filter-hot{border-color:rgba(239,68,68,0.3);color:#ef4444;}
  .filter-hot.active,.filter-hot:hover{border-color:#ef4444;background:rgba(239,68,68,0.1);color:#ef4444;}
  .filter-new{border-color:rgba(59,130,246,0.3);color:#3b82f6;}
  .filter-new.active,.filter-new:hover{border-color:#3b82f6;background:rgba(59,130,246,0.1);color:#3b82f6;}
  .daily-challenge{display:none;background:var(--card);border:1px solid var(--accent);border-radius:12px;padding:1rem 1.2rem;margin:0 auto 1rem;max-width:900px;}

  /* Engagement Banner — Daily Spin + Streak + Hourly Drop */
  .engage-banner{max-width:900px;margin:0 auto 1rem;padding:0 1.5rem;}
  .engage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem;}
  .engage-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;text-align:center;position:relative;overflow:hidden;transition:all 0.3s;cursor:pointer;}
  .engage-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.3);}
  .engage-card .e-icon{font-size:2rem;margin-bottom:0.3rem;}
  .engage-card .e-title{font-weight:800;font-size:0.9rem;margin-bottom:0.15rem;}
  .engage-card .e-prize{font-size:1.1rem;font-weight:900;margin-bottom:0.15rem;}
  .engage-card .e-desc{font-size:0.7rem;color:var(--muted);margin-bottom:0.6rem;line-height:1.4;}
  .engage-card .e-timer{font-size:0.7rem;color:var(--muted);font-family:'JetBrains Mono',monospace;margin-bottom:0.5rem;}
  .engage-card .e-btn{display:inline-block;color:#000;border:none;padding:0.45rem 1.2rem;border-radius:8px;font-weight:700;font-size:0.8rem;cursor:pointer;transition:all 0.2s;width:100%;}
  .engage-card .e-btn:hover{transform:scale(1.03);}
  .engage-card .e-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;}
  .engage-card.spin-card{border-color:rgba(168,85,247,0.3);}
  .engage-card.spin-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(168,85,247,0.04),transparent,rgba(255,95,31,0.04),transparent);animation:engageSpin 10s linear infinite;}
  @keyframes engageSpin{to{transform:rotate(360deg)}}
  .engage-card.streak-card{border-color:rgba(239,68,68,0.3);}
  .engage-card.drop-card{border-color:rgba(6,182,212,0.3);}
  .engage-card.create-card{border-color:rgba(34,197,94,0.3);}
  .streak-dots{display:flex;gap:0.25rem;justify-content:center;margin-bottom:0.5rem;}
  .streak-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);font-size:0.55rem;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;transition:all 0.3s;}
  .streak-dot.filled{border-color:#ef4444;background:rgba(239,68,68,0.2);color:#ef4444;}
  .streak-dot.today{border-color:var(--accent);background:rgba(245,158,11,0.2);color:var(--accent);animation:streakPulse 1.5s ease-in-out infinite;}
  @keyframes streakPulse{0%,100%{box-shadow:0 0 4px rgba(245,158,11,0.3);}50%{box-shadow:0 0 12px rgba(245,158,11,0.6);}}

  /* Spin Wheel Modal */
  .spin-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:400;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
  .spin-overlay.show{display:flex;}
  .spin-modal{background:var(--card);border:1px solid rgba(168,85,247,0.3);border-radius:20px;padding:2rem;width:380px;max-width:90vw;text-align:center;}
  .spin-modal h3{font-size:1.2rem;font-weight:900;margin-bottom:0.5rem;}
  .spin-wheel-container{position:relative;width:240px;height:240px;margin:1rem auto;}
  .spin-wheel{width:240px;height:240px;border-radius:50%;border:4px solid rgba(168,85,247,0.4);position:relative;overflow:hidden;transition:transform 4s cubic-bezier(0.17,0.67,0.12,0.99);}
  .spin-sector{position:absolute;width:50%;height:50%;transform-origin:100% 100%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:800;color:#fff;}
  .spin-pointer{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-size:1.5rem;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));}
  .spin-result{font-size:2rem;font-weight:900;color:var(--purple);margin:1rem 0;}
  .spin-close-btn{background:var(--accent);color:#000;border:none;padding:0.6rem 2rem;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;margin-top:0.5rem;}
  .spin-share-btn{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:0.5rem 1.5rem;border-radius:10px;font-weight:700;font-size:0.8rem;cursor:pointer;margin-top:0.3rem;margin-left:0.5rem;}
  /* engage responsive handled in main responsive block */
  .pinned-badge{display:inline-block;background:var(--accent);color:#000;font-size:0.65rem;font-weight:700;padding:0.15rem 0.4rem;border-radius:4px;margin-left:0.4rem;vertical-align:middle;}

  /* Markets Grid */
  .markets{max-width:900px;margin:0 auto;padding:1rem;}
  .market-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all 0.2s;}
  .market-card:hover{border-color:#333;transform:translateY(-1px);}
  .market-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;}
  .market-category{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:0.4rem;}
  .market-question{font-size:1.15rem;font-weight:700;line-height:1.4;}
  .market-meta{text-align:right;flex-shrink:0;}
  .market-volume{font-size:0.8rem;color:var(--muted);}
  .market-ends{font-size:0.7rem;color:var(--muted);margin-top:0.2rem;}
  .market-live{font-size:0.6rem;color:var(--green);font-weight:700;margin-top:0.2rem;display:flex;align-items:center;gap:0.3rem;justify-content:flex-end;}
  .market-live::before{content:'';width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 1.5s infinite;}
  .odds-bar{flex:1;height:8px;border-radius:4px;background:var(--border);overflow:hidden;display:flex;}
  .odds-yes{background:var(--yes);height:100%;transition:width 0.5s;}
  .odds-no{background:var(--no);height:100%;transition:width 0.5s;}
  .odds-labels{display:flex;justify-content:space-between;font-size:0.8rem;font-weight:600;margin-bottom:0.8rem;}
  .odds-labels .yes{color:var(--yes);}
  .odds-labels .no{color:var(--no);}
  .market-actions{display:flex;gap:0.5rem;}
  .bet-btn{flex:1;padding:0.7rem;border:none;border-radius:10px;font-weight:800;font-size:0.95rem;cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;}
  .bet-btn.yes{background:rgba(34,197,94,0.15);color:var(--yes);border:1px solid rgba(34,197,94,0.3);}
  .bet-btn.yes:hover{background:rgba(34,197,94,0.25);transform:scale(1.02);}
  .bet-btn.no{background:rgba(239,68,68,0.15);color:var(--no);border:1px solid rgba(239,68,68,0.3);}
  .bet-btn.no:hover{background:rgba(239,68,68,0.25);transform:scale(1.02);}

  /* Modals */
  .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:200;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
  .modal-overlay.show{display:flex;}
  .modal{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;max-width:460px;width:90%;animation:modalIn 0.2s;position:relative;max-height:90vh;overflow-y:auto;}
  @keyframes modalIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
  .modal h3{font-size:1.2rem;font-weight:800;margin-bottom:0.3rem;}
  .modal-question{color:var(--muted);font-size:0.9rem;margin-bottom:1.5rem;line-height:1.4;}
  .modal-side{display:flex;gap:0.5rem;margin-bottom:1rem;}
  .side-btn{flex:1;padding:0.6rem;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;border:2px solid transparent;transition:all 0.2s;background:var(--bg);}
  .side-btn.yes{color:var(--yes);}
  .side-btn.yes.selected{border-color:var(--yes);background:rgba(34,197,94,0.15);}
  .side-btn.no{color:var(--no);}
  .side-btn.no.selected{border-color:var(--no);background:rgba(239,68,68,0.15);}
  .bet-input-group{margin-bottom:1rem;}
  .bet-input-group label{display:block;font-size:0.8rem;color:var(--muted);margin-bottom:0.3rem;}
  .bet-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0.7rem 1rem;color:var(--text);font-size:1.1rem;font-weight:700;outline:none;}
  .bet-input:focus{border-color:var(--accent);}
  .quick-amounts{display:flex;gap:0.3rem;margin-top:0.4rem;}
  .quick-amt{background:var(--bg);border:1px solid var(--border);color:var(--muted);padding:0.3rem 0.6rem;border-radius:6px;font-size:0.75rem;cursor:pointer;transition:all 0.15s;}
  .quick-amt:hover{color:var(--text);border-color:var(--accent);}
  .payout-preview{background:var(--bg);border-radius:10px;padding:0.8rem;margin-bottom:1rem;}
  .payout-row{display:flex;justify-content:space-between;font-size:0.85rem;margin-bottom:0.3rem;}
  .payout-row:last-child{margin-bottom:0;}
  .payout-row .label{color:var(--muted);}
  .payout-row .value{font-weight:700;color:var(--accent);}
  .payout-row .fee{color:var(--muted);font-size:0.75rem;}
  .place-bet-btn{width:100%;padding:0.8rem;border:none;border-radius:10px;font-weight:800;font-size:1rem;cursor:pointer;transition:all 0.2s;}
  .place-bet-btn.yes{background:var(--yes);color:#000;}
  .place-bet-btn.no{background:var(--no);color:#fff;}
  .place-bet-btn:hover{transform:scale(1.02);}
  .place-bet-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;}
  .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1;}

  /* User Panel */
  .user-panel{max-width:900px;margin:0 auto;padding:1rem;display:none;}
  .user-panel.show{display:block;}
  .panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
  .panel-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;}
  .panel-card h4{font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:0.8rem;}
  .panel-card .big-val{font-size:1.8rem;font-weight:900;color:var(--accent);}
  .panel-card .sub{font-size:0.75rem;color:var(--muted);margin-top:0.2rem;}
  .panel-actions{display:flex;gap:0.5rem;margin-top:1rem;}
  .panel-btn{flex:1;padding:0.6rem;border-radius:10px;font-weight:700;font-size:0.85rem;cursor:pointer;border:none;transition:all 0.2s;}
  .panel-btn.deposit{background:var(--green);color:#000;}
  .panel-btn.withdraw{background:var(--card);color:var(--text);border:1px solid var(--border);}
  .panel-btn:hover{transform:scale(1.02);}
  .bets-list{max-height:300px;overflow-y:auto;}
  .bet-item{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 0;border-bottom:1px solid var(--border);}
  .bet-item:last-child{border-bottom:none;}
  .bet-item .bet-q{font-size:0.85rem;font-weight:600;flex:1;margin-right:0.5rem;}
  .bet-item .bet-side{font-size:0.75rem;font-weight:700;padding:0.2rem 0.5rem;border-radius:6px;}
  .bet-item .bet-side.yes{background:rgba(34,197,94,0.15);color:var(--yes);}
  .bet-item .bet-side.no{background:rgba(239,68,68,0.15);color:var(--no);}
  .bet-item .bet-amt{font-size:0.85rem;font-weight:700;color:var(--accent);margin-left:0.5rem;white-space:nowrap;}

  /* Deposit Modal */
  .chain-tabs{display:flex;gap:0.3rem;margin-bottom:1rem;}
  .chain-tab{flex:1;padding:0.5rem;border-radius:8px;font-weight:700;font-size:0.8rem;cursor:pointer;border:2px solid transparent;background:var(--bg);color:var(--muted);text-align:center;transition:all 0.2s;}
  .chain-tab.active{border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.1);}
  .chain-tab.btc.active{border-color:#f7931a;color:#f7931a;}
  .chain-tab.eth.active{border-color:#627eea;color:#627eea;}
  .chain-tab.sol.active{border-color:var(--sol);color:var(--sol);}
  .deposit-addr{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0.8rem;font-family:monospace;font-size:0.75rem;word-break:break-all;margin-bottom:0.5rem;position:relative;cursor:pointer;}
  .deposit-addr:hover{border-color:var(--accent);}
  .deposit-addr .copy-hint{position:absolute;right:0.5rem;top:50%;transform:translateY(-50%);font-size:0.65rem;color:var(--muted);font-family:sans-serif;}
  .deposit-note{font-size:0.75rem;color:var(--muted);margin-bottom:1rem;line-height:1.4;}
  .deposit-confirm{width:100%;padding:0.7rem;border:none;border-radius:10px;font-weight:700;font-size:0.9rem;cursor:pointer;background:var(--accent);color:#000;transition:all 0.2s;}
  .deposit-confirm:hover{transform:scale(1.02);}
  .deposit-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0.6rem 1rem;color:var(--text);font-size:0.95rem;font-weight:700;outline:none;margin-bottom:0.8rem;}
  .deposit-input:focus{border-color:var(--accent);}

  /* Admin Panel */
  .admin-panel{max-width:900px;margin:0 auto;padding:1rem;display:none;}
  .admin-panel.show{display:block;}
  .admin-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;margin-bottom:1rem;}
  .admin-section h4{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:1rem;font-weight:800;}
  .admin-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0.5rem 0.8rem;color:var(--text);font-size:0.9rem;outline:none;margin-bottom:0.5rem;}
  .admin-input:focus{border-color:var(--accent);}
  .admin-btn{padding:0.5rem 1rem;border:none;border-radius:8px;font-weight:700;font-size:0.85rem;cursor:pointer;transition:all 0.2s;margin-right:0.3rem;margin-bottom:0.3rem;}
  .admin-btn.primary{background:var(--accent);color:#000;}
  .admin-btn.danger{background:var(--red);color:#fff;}
  .admin-btn.success{background:var(--green);color:#000;}
  .admin-row{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 0;border-bottom:1px solid var(--border);font-size:0.85rem;}
  .admin-row:last-child{border-bottom:none;}
  .admin-stat{text-align:center;padding:0.5rem;}
  .admin-stat .val{font-size:1.4rem;font-weight:800;color:var(--accent);}
  .admin-stat .label{font-size:0.7rem;color:var(--muted);text-transform:uppercase;}
  .admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-bottom:1rem;}

  /* Footer */
  footer{border-top:1px solid var(--border);padding:2rem;text-align:center;margin-top:3rem;overflow-x:hidden;max-width:100%;}
  .network-title{font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:0.8rem;}
  .network-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem;}
  .network-links a{color:var(--accent);font-weight:700;font-size:0.9rem;padding:0.3rem 0.8rem;border:1px solid var(--border);border-radius:8px;transition:all 0.2s;}
  .network-links a:hover{border-color:var(--accent);background:rgba(245,158,11,0.1);text-decoration:none;}
  .network-links a.current{border-color:var(--accent);background:rgba(245,158,11,0.15);}
  .footer-sub{font-size:0.75rem;color:var(--muted);}
  .fee-badge{display:inline-block;background:rgba(245,158,11,0.15);color:var(--accent);padding:0.2rem 0.6rem;border-radius:6px;font-size:0.7rem;font-weight:700;margin-top:0.5rem;}
  .chains-badge{display:inline-flex;gap:0.5rem;margin-top:0.5rem;font-size:0.7rem;font-weight:700;}
  .chains-badge span{padding:0.2rem 0.6rem;border-radius:6px;}
  .chains-badge .btc{background:rgba(247,147,26,0.15);color:#f7931a;}
  .chains-badge .eth{background:rgba(98,126,234,0.15);color:#627eea;}
  .chains-badge .sol{background:rgba(153,69,255,0.15);color:#9945ff;}

  /* Tip Button — Exact Spunk.bet style */
  .tip-btn{background:linear-gradient(135deg,#a855f7,#7c3aed,#c026d3);color:#ffffff;border:none;padding:0.5rem 1.2rem;border-radius:999px;font-weight:800;font-size:0.85rem;cursor:pointer;transition:all 0.2s;letter-spacing:0.5px;display:inline-flex;align-items:center;gap:0.4rem;text-decoration:none;box-shadow:0 0 16px rgba(168,85,247,0.6),0 0 32px rgba(168,85,247,0.3);animation:tipGlow 2s infinite;}
  @keyframes tipGlow{0%,100%{box-shadow:0 0 16px rgba(168,85,247,0.6),0 0 32px rgba(168,85,247,0.3)}50%{box-shadow:0 0 20px rgba(192,38,211,0.7),0 0 40px rgba(168,85,247,0.4)}}
  .tip-btn:hover{transform:scale(1.1);box-shadow:0 0 24px rgba(168,85,247,0.8),0 0 48px rgba(192,38,211,0.5);text-decoration:none;}
  .tip-btn .tip-icon{animation:tipPulse 1.5s infinite;}
  @keyframes tipPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}
  .tip-footer{margin-top:0.8rem;}

  /* Wallet Modal */
  .wallet-option{display:flex;align-items:center;gap:1rem;padding:0.9rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:0.5rem;cursor:pointer;transition:all 0.2s;}
  .wallet-option:hover{border-color:var(--accent);transform:translateX(4px);}
  .wallet-option.detected{border-color:var(--green);}
  .wallet-option.demo-top{background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(6,182,212,0.08));border:2px solid var(--green);padding:1.1rem 1.2rem;margin-bottom:0.8rem;position:relative;overflow:hidden;}
  .wallet-option.demo-top::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,0.06),transparent 70%);pointer-events:none;}
  .wallet-option.demo-top:hover{border-color:var(--green);transform:translateX(4px);box-shadow:0 0 25px rgba(34,197,94,0.2);}
  .wallet-option.demo-top .w-icon{font-size:2rem;}
  .wallet-option.demo-top .w-name{font-size:1.05rem;}
  .wallet-option.demo-top .w-chain{color:var(--green);font-weight:500;}
  .wallet-option .w-icon{font-size:1.8rem;width:40px;text-align:center;flex-shrink:0;}
  .wallet-option .w-info{flex:1;}
  .wallet-option .w-name{font-weight:700;font-size:0.95rem;}
  .wallet-option .w-chain{font-size:0.75rem;color:var(--muted);}
  .wallet-option .w-status{font-size:0.7rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:6px;flex-shrink:0;}
  .wallet-option .w-status.ready{background:rgba(34,197,94,0.15);color:var(--green);}
  .wallet-option .w-status.install{background:rgba(102,102,102,0.15);color:var(--muted);}
  .wallet-divider{text-align:center;color:var(--muted);font-size:0.75rem;margin:0.8rem 0;position:relative;}
  .wallet-divider::before,.wallet-divider::after{content:'';position:absolute;top:50%;width:35%;height:1px;background:var(--border);}
  .wallet-divider::before{left:0;}
  .wallet-divider::after{right:0;}

  /* Promo Banner */
  .promo-banner{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(34,197,94,0.1));border:1px solid rgba(245,158,11,0.3);border-radius:16px;padding:1.2rem 1.5rem;max-width:900px;margin:0 auto 1rem;display:flex;align-items:center;gap:1rem;animation:glow 3s infinite;}
  @keyframes glow{0%,100%{box-shadow:0 0 5px rgba(245,158,11,0.1)}50%{box-shadow:0 0 20px rgba(245,158,11,0.2)}}
  .promo-banner .promo-icon{font-size:2rem;flex-shrink:0;}
  .promo-banner .promo-text{flex:1;}
  .promo-banner .promo-title{font-weight:800;font-size:1rem;color:var(--accent);}
  .promo-banner .promo-sub{font-size:0.8rem;color:var(--muted);margin-top:0.1rem;}
  .promo-banner .promo-cta{background:var(--accent);color:#000;border:none;padding:0.5rem 1.2rem;border-radius:8px;font-weight:800;font-size:0.85rem;cursor:pointer;white-space:nowrap;transition:all 0.2s;flex-shrink:0;}
  .promo-banner .promo-cta:hover{transform:scale(1.05);}
  .promo-banner .promo-close{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:0.2rem;flex-shrink:0;}

  /* Share Bar */
  .share-bar{display:flex;gap:0.3rem;margin-top:0.5rem;}
  .share-btn{padding:0.3rem 0.6rem;border-radius:6px;font-size:0.7rem;font-weight:700;cursor:pointer;border:none;transition:all 0.15s;display:flex;align-items:center;gap:0.2rem;}
  .share-btn:hover{transform:scale(1.05);}
  .share-btn.x{background:rgba(255,255,255,0.1);color:#fff;}
  .share-btn.tg{background:rgba(0,136,204,0.15);color:#0088cc;}
  .share-btn.wa{background:rgba(37,211,102,0.15);color:#25d366;}
  .share-btn.link{background:rgba(245,158,11,0.15);color:var(--accent);}

  /* Referral Banner */
  .referral-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;max-width:900px;margin:1rem auto;text-align:center;}
  .referral-box h3{font-size:1rem;font-weight:800;color:var(--accent);margin-bottom:0.3rem;}
  .referral-box p{font-size:0.8rem;color:var(--muted);margin-bottom:0.8rem;}
  .referral-link{display:flex;gap:0.5rem;max-width:400px;margin:0 auto;}
  .referral-link input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:0.4rem 0.8rem;color:var(--accent);font-size:0.8rem;font-weight:700;font-family:monospace;outline:none;}
  .referral-link button{background:var(--accent);color:#000;border:none;padding:0.4rem 0.8rem;border-radius:8px;font-weight:700;font-size:0.8rem;cursor:pointer;}

  /* Sticky Mobile CTA */
  .sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,15,0.95);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:0.8rem 1rem;z-index:99;text-align:center;}
  .sticky-cta button{background:var(--accent);color:#000;border:none;padding:0.7rem 2rem;border-radius:10px;font-weight:800;font-size:1rem;cursor:pointer;width:100%;max-width:400px;}
  @media(max-width:600px){.sticky-cta{display:block;}body{padding-bottom:70px;}}

  /* Share Modal */
  .share-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-bottom:1rem;}
  .share-option{display:flex;align-items:center;gap:0.6rem;padding:0.7rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all 0.2s;font-weight:600;font-size:0.9rem;}
  .share-option:hover{border-color:var(--accent);transform:scale(1.02);}
  .share-option .s-icon{font-size:1.3rem;}
  .share-preview{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0.8rem;margin-bottom:1rem;font-size:0.8rem;color:var(--muted);line-height:1.5;white-space:pre-wrap;}

  /* Trending tag */
  .trending-tag{display:inline-block;background:rgba(239,68,68,0.15);color:var(--red);font-size:0.65rem;font-weight:800;padding:0.1rem 0.4rem;border-radius:4px;margin-left:0.3rem;text-transform:uppercase;letter-spacing:0.5px;}
  .hot-tag{display:inline-block;background:rgba(245,158,11,0.2);color:var(--accent);font-size:0.65rem;font-weight:800;padding:0.1rem 0.4rem;border-radius:4px;margin-left:0.3rem;text-transform:uppercase;}
  .new-tag{display:inline-block;background:rgba(59,130,246,0.15);color:var(--blue);font-size:0.65rem;font-weight:800;padding:0.1rem 0.4rem;border-radius:4px;margin-left:0.3rem;text-transform:uppercase;}
  .auto-tag{display:inline-block;background:rgba(168,85,247,0.15);color:#a855f7;font-size:0.65rem;font-weight:800;padding:0.1rem 0.4rem;border-radius:4px;margin-left:0.3rem;text-transform:uppercase;letter-spacing:0.5px;}
  .live-price-tag{display:inline-block;background:rgba(34,197,94,0.12);color:var(--green);font-size:0.6rem;font-weight:700;padding:0.1rem 0.35rem;border-radius:4px;margin-left:0.3rem;}

  /* Trending Markets Section */
  .trending-section{max-width:900px;margin:1.5rem auto;padding:0 1rem;}
  .trending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
  .trending-title{font-size:1.1rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:0.5rem;}
  .trending-title .pulse{width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.5s infinite;}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(1.3);}}
  .trending-subtitle{font-size:0.75rem;color:var(--muted);}
  .trending-scroll{display:flex;gap:0.8rem;overflow-x:auto;padding-bottom:0.5rem;scrollbar-width:thin;}
  .trending-scroll::-webkit-scrollbar{height:4px;}
  .trending-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
  .trending-card{min-width:280px;max-width:320px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem;flex-shrink:0;transition:all 0.2s;cursor:pointer;position:relative;overflow:hidden;}
  .trending-card:hover{border-color:var(--accent);transform:translateY(-2px);}
  .trending-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--green));}
  .trending-card .tc-emoji{font-size:1.5rem;margin-bottom:0.4rem;}
  .trending-card .tc-q{font-size:0.85rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:0.6rem;}
  .trending-card .tc-stats{display:flex;justify-content:space-between;align-items:center;font-size:0.72rem;color:var(--muted);}
  .trending-card .tc-votes{display:flex;gap:0.6rem;}
  .trending-card .tc-yes{color:var(--green);font-weight:700;}
  .trending-card .tc-no{color:var(--red);font-weight:700;}
  .trending-card .tc-bets{font-weight:600;color:var(--accent);}
  .trending-card .tc-bar{height:4px;background:var(--bg);border-radius:2px;margin-top:0.5rem;overflow:hidden;}
  .trending-card .tc-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:2px;transition:width 0.5s;}
  /* trending responsive handled in main responsive block */

  /* Trust & Security Section */
  .trust-section{max-width:900px;margin:2rem auto;padding:0 1rem;}
  .trust-title{text-align:center;font-size:1.2rem;font-weight:800;margin-bottom:1.5rem;color:var(--text);}
  .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
  .trust-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;text-align:center;transition:all 0.2s;}
  .trust-card:hover{border-color:var(--green);transform:translateY(-2px);}
  .trust-icon{font-size:2rem;margin-bottom:0.5rem;}
  .trust-label{font-weight:700;font-size:0.85rem;margin-bottom:0.2rem;}
  .trust-desc{font-size:0.72rem;color:var(--muted);line-height:1.4;}
  .security-banner{background:linear-gradient(135deg,rgba(34,197,94,0.08),rgba(59,130,246,0.08));border:1px solid rgba(34,197,94,0.2);border-radius:14px;padding:1rem 1.5rem;max-width:900px;margin:1rem auto;display:flex;align-items:center;gap:1rem;font-size:0.85rem;}
  .security-banner .sec-icon{font-size:1.5rem;flex-shrink:0;}
  .security-banner .sec-text{flex:1;color:var(--muted);line-height:1.5;}
  .security-banner .sec-text strong{color:var(--green);}
  .wallet-chain-label{display:inline-block;font-size:0.6rem;padding:0.1rem 0.3rem;border-radius:3px;font-weight:800;text-transform:uppercase;margin-left:0.2rem;}
  .wallet-chain-label.sol{background:rgba(153,69,255,0.15);color:#9945ff;}
  .wallet-chain-label.eth{background:rgba(98,126,234,0.15);color:#627eea;}
  .wallet-chain-label.btc{background:rgba(247,147,26,0.15);color:#f7931a;}
  .wallet-chain-label.multi{background:rgba(245,158,11,0.15);color:var(--accent);}
  /* trust responsive handled in main responsive block */

  /* Leaderboard */
  .leaderboard{max-width:900px;margin:2rem auto;padding:0 1rem;}
  .leaderboard-title{text-align:center;font-size:1.3rem;font-weight:900;margin-bottom:0.3rem;}
  .leaderboard-sub{text-align:center;font-size:0.8rem;color:var(--muted);margin-bottom:1rem;}
  .lb-table{width:100%;border-collapse:collapse;}
  .lb-table th{font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);text-align:left;padding:0.6rem 0.8rem;border-bottom:1px solid var(--border);}
  .lb-table td{padding:0.7rem 0.8rem;border-bottom:1px solid var(--border);font-size:0.85rem;}
  .lb-table tr:hover{background:rgba(245,158,11,0.05);}
  .lb-rank{font-weight:900;font-size:1.1rem;width:40px;}
  .lb-rank.gold{color:#ffd700;}
  .lb-rank.silver{color:#c0c0c0;}
  .lb-rank.bronze{color:#cd7f32;}
  .lb-user{font-weight:700;}
  .lb-badge{display:inline-block;font-size:0.6rem;padding:0.1rem 0.4rem;border-radius:4px;font-weight:800;margin-left:0.3rem;}
  .lb-badge.whale{background:rgba(153,69,255,0.15);color:#9945ff;}
  .lb-badge.shark{background:rgba(59,130,246,0.15);color:var(--blue);}
  .lb-badge.bull{background:rgba(34,197,94,0.15);color:var(--green);}
  .lb-badge.newbie{background:rgba(245,158,11,0.15);color:var(--accent);}
  .lb-val{font-weight:700;color:var(--accent);}
  .lb-winrate{font-weight:700;}
  .lb-winrate.good{color:var(--green);}
  .lb-winrate.mid{color:var(--accent);}
  .lb-winrate.low{color:var(--red);}
  .lb-empty{text-align:center;color:var(--muted);padding:2rem;font-size:0.9rem;}
  .lb-tabs{display:flex;gap:0.3rem;justify-content:center;margin-bottom:1rem;}
  .lb-tab{padding:0.4rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--muted);transition:all 0.2s;}
  .lb-tab.active{border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.1);}
  .lb-you{background:rgba(245,158,11,0.08) !important;}

  /* Mode Toggle (Free/Real) */
  .mode-toggle{display:flex;align-items:center;gap:0.5rem;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:0.2rem;margin:0.8rem auto;max-width:280px;}
  .mode-btn{flex:1;padding:0.4rem 0.8rem;border-radius:18px;font-size:0.8rem;font-weight:700;cursor:pointer;border:none;text-align:center;transition:all 0.2s;background:transparent;color:var(--muted);}
  .mode-btn.active{color:#000;}
  .mode-btn.free.active{background:var(--green);color:#000;}
  .mode-btn.real.active{background:var(--accent);color:#000;}
  .free-badge{display:inline-block;background:rgba(34,197,94,0.15);color:var(--green);font-size:0.65rem;font-weight:800;padding:0.1rem 0.4rem;border-radius:4px;margin-left:0.3rem;}

  /* Prize Banner */
  .prize-banner{background:linear-gradient(135deg,rgba(153,69,255,0.1),rgba(245,158,11,0.1));border:1px solid rgba(153,69,255,0.3);border-radius:14px;padding:1rem 1.5rem;max-width:900px;margin:1rem auto;text-align:center;}
  .prize-banner h3{font-size:1rem;font-weight:800;color:#9945ff;margin-bottom:0.3rem;}
  .prize-banner p{font-size:0.8rem;color:var(--muted);line-height:1.5;}
  .prize-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;margin-top:0.8rem;}
  .prize-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0.8rem;text-align:center;}
  .prize-card .prize-period{font-size:0.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;}
  .prize-card .prize-amount{font-size:1.2rem;font-weight:900;color:var(--accent);margin:0.2rem 0;}
  .prize-card .prize-desc{font-size:0.7rem;color:var(--muted);}
  /* prize responsive handled in main responsive block */

  /* Rewards Hub */
  .rewards-hub{max-width:900px;margin:2rem auto;padding:0 1rem;}
  .rewards-title{text-align:center;font-size:1.3rem;font-weight:900;margin-bottom:0.3rem;}
  .rewards-sub{text-align:center;font-size:0.85rem;color:var(--muted);margin-bottom:1.2rem;}
  .rewards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.8rem;}
  .reward-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;transition:all 0.2s;position:relative;overflow:hidden;}
  .reward-card:hover{border-color:var(--accent);transform:translateY(-2px);}
  .reward-card .r-icon{font-size:1.8rem;margin-bottom:0.4rem;}
  .reward-card .r-title{font-weight:800;font-size:0.95rem;margin-bottom:0.2rem;}
  .reward-card .r-amount{font-size:1.3rem;font-weight:900;color:var(--accent);margin-bottom:0.2rem;}
  .reward-card .r-desc{font-size:0.75rem;color:var(--muted);line-height:1.4;}
  .reward-card .r-action{display:inline-block;background:var(--accent);color:#000;border:none;padding:0.35rem 0.8rem;border-radius:8px;font-weight:700;font-size:0.75rem;cursor:pointer;margin-top:0.5rem;transition:all 0.2s;}
  .reward-card .r-action:hover{transform:scale(1.05);}
  .reward-card .r-earned{position:absolute;top:0.6rem;right:0.6rem;background:rgba(34,197,94,0.15);color:var(--green);font-size:0.65rem;font-weight:800;padding:0.15rem 0.5rem;border-radius:4px;}
  .rewards-progress{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;margin-top:0.8rem;text-align:center;}
  .rewards-progress .rp-title{font-weight:700;font-size:0.85rem;margin-bottom:0.5rem;}
  .rewards-progress .rp-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:0.3rem;}
  .rewards-progress .rp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:4px;transition:width 0.5s;width:0%;}
  .rewards-progress .rp-text{font-size:0.75rem;color:var(--muted);}
  /* rewards responsive handled in main responsive block */

  /* Community Section */
  .community-section{max-width:900px;margin:2rem auto;padding:0 1rem;}
  .community-title{text-align:center;font-size:1.3rem;font-weight:900;margin-bottom:0.3rem;}
  .community-sub{text-align:center;font-size:0.85rem;color:var(--muted);margin-bottom:1.2rem;}
  .community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;}
  .community-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;text-align:center;transition:all 0.2s;cursor:pointer;text-decoration:none;display:block;color:var(--text);}
  .community-card:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none;box-shadow:0 8px 25px rgba(245,158,11,0.15);}
  .community-card .cc-icon{font-size:2.2rem;margin-bottom:0.5rem;}
  .community-card .cc-name{font-weight:800;font-size:1rem;margin-bottom:0.2rem;}
  .community-card .cc-desc{font-size:0.75rem;color:var(--muted);line-height:1.4;margin-bottom:0.5rem;}
  .community-card .cc-btn{display:inline-block;background:var(--accent);color:#000;padding:0.35rem 1rem;border-radius:8px;font-weight:800;font-size:0.8rem;transition:all 0.2s;}
  .community-card:hover .cc-btn{transform:scale(1.05);}
  .community-card.telegram .cc-btn{background:#0088cc;color:#fff;}
  .community-card.x-card .cc-btn{background:#fff;color:#000;}
  /* community responsive handled in main responsive block */

  /* Engagement Popup */
  .engage-popup{display:none;position:fixed;bottom:1.5rem;right:1.5rem;background:var(--card);border:1px solid var(--accent);border-radius:16px;padding:1.2rem 1.5rem;z-index:250;max-width:340px;animation:slideUp 0.3s;box-shadow:0 8px 30px rgba(245,158,11,0.25);}
  .engage-popup.show{display:block;}
  @keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
  .engage-popup .ep-close{position:absolute;top:0.5rem;right:0.7rem;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;}
  .engage-popup .ep-title{font-weight:800;font-size:1rem;margin-bottom:0.3rem;color:var(--accent);}
  .engage-popup .ep-text{font-size:0.82rem;color:var(--muted);line-height:1.5;margin-bottom:0.8rem;}
  .engage-popup .ep-actions{display:flex;gap:0.4rem;flex-wrap:wrap;}
  .engage-popup .ep-btn{padding:0.4rem 0.8rem;border-radius:8px;font-weight:700;font-size:0.8rem;cursor:pointer;border:none;transition:all 0.15s;}
  .engage-popup .ep-btn:hover{transform:scale(1.05);}
  .engage-popup .ep-btn.share{background:var(--accent);color:#000;}
  .engage-popup .ep-btn.refer{background:rgba(34,197,94,0.15);color:var(--green);border:1px solid rgba(34,197,94,0.3);}
  .engage-popup .ep-btn.tg{background:rgba(0,136,204,0.15);color:#0088cc;border:1px solid rgba(0,136,204,0.3);}

  /* Cross-Promo Banner */
  .cross-promo{max-width:900px;margin:1.5rem auto;padding:0 1rem;}
  .cross-promo-inner{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(153,69,255,0.1));border:1px solid rgba(245,158,11,0.2);border-radius:14px;padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;overflow:hidden;position:relative;}
  .cross-promo .cp-text{flex:1;}
  .cross-promo .cp-title{font-weight:800;font-size:0.95rem;color:var(--accent);margin-bottom:0.2rem;}
  .cross-promo .cp-sub{font-size:0.8rem;color:var(--muted);}
  .cross-promo .cp-links{display:flex;gap:0.4rem;flex-wrap:wrap;}
  .cross-promo .cp-link{background:var(--card);border:1px solid var(--border);padding:0.3rem 0.7rem;border-radius:8px;font-size:0.75rem;font-weight:700;color:var(--accent);text-decoration:none;transition:all 0.15s;white-space:nowrap;}
  .cross-promo .cp-link:hover{border-color:var(--accent);background:rgba(245,158,11,0.1);text-decoration:none;}

  /* Viral Share Templates */
  .share-template-bar{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0.6rem 0.8rem;margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem;}
  .share-template-bar .st-label{font-size:0.7rem;color:var(--muted);font-weight:700;white-space:nowrap;}
  .share-template-bar .st-text{font-size:0.75rem;color:var(--text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .share-template-bar .st-copy{background:var(--accent);color:#000;border:none;padding:0.25rem 0.6rem;border-radius:6px;font-size:0.7rem;font-weight:700;cursor:pointer;white-space:nowrap;}

  /* Audit Status Bar */
  .audit-bar{background:var(--card);border-top:1px solid var(--border);padding:0.4rem 1rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:0.7rem;color:var(--muted);flex-wrap:wrap;}
  .audit-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulse 2s infinite;}
  .audit-item{display:flex;align-items:center;gap:0.3rem;}
  .audit-check{color:var(--green);font-weight:700;}

  /* Toast */
  .toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--card);border:1px solid var(--border);padding:0.8rem 1.5rem;border-radius:12px;font-size:0.9rem;z-index:300;transition:transform 0.3s;font-weight:600;}
  .toast.show{transform:translateX(-50%) translateY(0);}
  /* toast responsive handled in main responsive block */

  /* How It Works */
  .how-it-works{max-width:700px;margin:2rem auto;padding:0 1rem;}
  .how-title{text-align:center;font-size:1.2rem;font-weight:800;margin-bottom:1.5rem;color:var(--muted);}
  .steps{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}
  .step{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;flex:1;min-width:140px;text-align:center;}
  .step-num{font-size:1.5rem;font-weight:900;color:var(--accent);margin-bottom:0.3rem;}
  .step-title{font-weight:700;font-size:0.9rem;margin-bottom:0.3rem;}
  .step-desc{font-size:0.75rem;color:var(--muted);line-height:1.4;}

  /* Responsive — Tablet (768px) */
  @media(max-width:768px){
    nav{padding:0.8rem 1rem;flex-wrap:wrap;gap:0.5rem;}
    .logo{font-size:1.2rem;}
    .nav-right{gap:0.5rem;font-size:0.82rem;flex-wrap:wrap;justify-content:flex-end;}
    .nav-btn{padding:0.35rem 0.7rem;font-size:0.78rem;}
    .connect-btn{padding:0.45rem 1rem;font-size:0.82rem;}
    .hero{padding:2rem 1rem 1.5rem;}
    .hero-emoji{font-size:3rem;}
    .hero h1{font-size:1.8rem;}
    .hero p{font-size:0.95rem;}
    .hero-stats{gap:1.2rem;}
    .hero-stat .val{font-size:1.3rem;}
    .engage-grid{grid-template-columns:1fr 1fr;}
    .markets{padding:0.8rem;}
    .market-card{padding:1.2rem;}
    .market-question{font-size:1.05rem;}
    .trust-grid{grid-template-columns:1fr 1fr;gap:0.8rem;}
    .prize-grid{grid-template-columns:1fr 1fr;}
    .rewards-grid{grid-template-columns:1fr 1fr;}
    .community-grid{grid-template-columns:1fr 1fr;}
    .panel-grid{grid-template-columns:1fr 1fr;}
    .admin-stats-grid{grid-template-columns:repeat(2,1fr);}
    .lb-table th,.lb-table td{padding:0.5rem 0.5rem;font-size:0.8rem;}
    .network-links{gap:0.6rem;}
    .network-links a{font-size:0.8rem;padding:0.25rem 0.6rem;}
    .cross-promo-inner{flex-direction:column;text-align:center;gap:0.8rem;}
    .cross-promo .cp-links{justify-content:center;}
    .security-banner{flex-direction:column;text-align:center;gap:0.5rem;}
    .promo-banner{flex-wrap:wrap;gap:0.6rem;}
    .promo-banner .promo-cta{width:100%;text-align:center;}
    footer{padding:1.5rem 1rem 5rem;}
    .steps{flex-wrap:wrap;}
    .step{min-width:calc(50% - 0.5rem);}
    .share-grid{grid-template-columns:1fr 1fr;}
    .modal{max-width:90vw;padding:1.5rem;}
    .spin-wheel-container{width:220px;height:220px;}
    .spin-wheel{width:220px;height:220px;}
  }

  /* Responsive — Mobile (600px) */
  @media(max-width:600px){
    nav{padding:0.6rem 0.8rem;flex-wrap:wrap;gap:0.4rem;}
    .logo{font-size:1rem;}
    .nav-right{gap:0.4rem;font-size:0.75rem;flex-wrap:wrap;justify-content:flex-end;max-width:100%;}
    .nav-right a{font-size:0.72rem;}
    .nav-btn{padding:0.35rem 0.6rem;font-size:0.72rem;}
    .connect-btn{padding:0.4rem 0.8rem;font-size:0.78rem;}
    .balance-pill{font-size:0.7rem;padding:0.25rem 0.6rem;}
    .hero{padding:1.5rem 1rem 1rem;}
    .hero-emoji{font-size:2.5rem;margin-bottom:0.5rem;}
    .hero h1{font-size:1.4rem;letter-spacing:-0.5px;}
    .hero p{font-size:0.8rem;margin-bottom:0;}
    .hero-stats{gap:0.8rem;margin-top:0.8rem;flex-wrap:wrap;justify-content:center;}
    .hero-stat .val{font-size:1.1rem;}
    .hero-stat .label{font-size:0.6rem;}
    .mode-toggle{margin:0.5rem auto;}
    .mode-btn{padding:0.35rem 1rem;font-size:0.78rem;}
    .filters{padding:0.5rem 0.8rem;gap:0.3rem;}
    .filter-btn{padding:0.3rem 0.7rem;font-size:0.7rem;}
    .promo-banner{margin:0.5rem;padding:0.8rem;flex-direction:column;gap:0.4rem;text-align:center;}
    .promo-icon{font-size:1.5rem;}
    .promo-title{font-size:0.85rem;}
    .promo-sub{font-size:0.7rem;}
    .promo-banner .promo-cta{padding:0.5rem 1rem;font-size:0.8rem;width:100%;}
    .daily-challenge{padding:0.8rem;margin:0 0.8rem 0.8rem;}
    .engage-grid{grid-template-columns:1fr 1fr;}
    .engage-card{padding:0.9rem;}
    .engage-card .e-icon{font-size:1.5rem;}
    .engage-card .e-title{font-size:0.8rem;}
    .engage-card .e-prize{font-size:0.9rem;}
    .engage-banner{padding:0 0.8rem;}
    .markets{padding:0.5rem 0.8rem;}
    .market-card{padding:1rem;margin-bottom:0.6rem;border-radius:12px;}
    .market-header{flex-direction:column;}
    .market-question{font-size:0.95rem;}
    .market-category{font-size:0.65rem;}
    .market-meta{text-align:left;margin-top:0.3rem;display:flex;gap:0.8rem;align-items:center;}
    .market-volume{font-size:0.72rem;}
    .market-ends{font-size:0.65rem;}
    .market-actions{flex-direction:column;gap:0.4rem;}
    .bet-btn{padding:0.65rem;font-size:0.9rem;width:100%;}
    .odds-labels{font-size:0.75rem;}
    .odds-bar{height:10px;}
    .how-it-works{padding:0 0.8rem;margin:1rem auto;display:none;}
    .how-title{font-size:1rem;}
    .step{padding:0.8rem;}
    .step-title{font-size:0.8rem;}
    .step-desc{font-size:0.7rem;}
    .steps{flex-direction:column;gap:0.5rem;}
    .trust-section{padding:1rem 0.8rem;display:none;}
    .trust-title{font-size:1rem;}
    .trust-grid{grid-template-columns:1fr 1fr;gap:0.5rem;}
    .trust-card{padding:0.8rem;}
    .trust-icon{font-size:1.2rem;}
    .trust-label{font-size:0.72rem;}
    .trust-desc{font-size:0.65rem;}
    .leaderboard{padding:0 0.8rem;}
    .leaderboard-title{font-size:1rem;}
    .leaderboard-sub{font-size:0.72rem;}
    .lb-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .lb-table th,.lb-table td{padding:0.5rem 0.4rem;font-size:0.75rem;white-space:nowrap;}
    .lb-tabs{gap:0.2rem;}
    .lb-tab{padding:0.3rem 0.7rem;font-size:0.72rem;}
    .community-section{padding:0.8rem;margin-top:0.5rem;}
    .community-title{font-size:1rem;}
    .community-sub{font-size:0.75rem;}
    .community-grid{grid-template-columns:1fr;gap:0.4rem;}
    .community-card{padding:0.6rem;}
    .cc-desc{display:none;}
    .rewards-hub{padding:1rem 0.8rem;display:none;}
    .rewards-title{font-size:1rem;}
    .rewards-sub{font-size:0.75rem;}
    .rewards-grid{grid-template-columns:1fr;gap:0.5rem;}
    .reward-card{padding:0.8rem;}
    .referral-box{margin:0.5rem 0.8rem;padding:0.8rem;}
    .referral-box h3{font-size:0.8rem;}
    .referral-box p{font-size:0.7rem;margin-bottom:0.5rem;}
    .referral-link{flex-direction:column;max-width:100%;}
    .referral-link input{width:100%;font-size:0.72rem;}
    .referral-link button{width:100%;padding:0.5rem;text-align:center;}
    .panel-grid{grid-template-columns:1fr;}
    .panel-card{padding:0.8rem;}
    .user-panel{padding:0 0.8rem;}
    .modal{max-width:95vw;padding:1.2rem;margin:0.5rem;}
    .modal h3{font-size:1rem;}
    .modal-question{font-size:0.82rem;}
    .side-btn{padding:0.5rem;font-size:0.82rem;}
    .bet-input{font-size:1rem;padding:0.6rem 0.8rem;}
    .quick-amounts{flex-wrap:wrap;}
    .quick-amt{flex:1;text-align:center;min-width:60px;}
    .place-bet-btn{padding:0.75rem;font-size:0.95rem;}
    .share-grid{grid-template-columns:1fr;}
    .share-option{padding:0.6rem;font-size:0.82rem;}
    .admin-stats-grid{grid-template-columns:repeat(2,1fr);}
    .admin-panel{padding:0 0.8rem;}
    .admin-section{padding:0.8rem;}
    .admin-btn{width:100%;margin-right:0;text-align:center;}
    footer{padding:1.5rem 0.8rem 5rem;}
    .footer-sub{font-size:0.75rem;}
    .network-title{font-size:0.65rem;}
    .network-links{gap:0.4rem;padding:0 0.5rem;}
    .network-links a{font-size:0.72rem;padding:0.2rem 0.5rem;}
    .fee-badge{font-size:0.65rem;}
    .chains-badge{font-size:0.65rem;}
    .prize-banner{display:none;}
    .cp-banner{display:none;}
    .audit-bar{display:none;}
    .security-banner{flex-direction:column;text-align:center;padding:0.8rem;margin:0.5rem 0.8rem;font-size:0.78rem;}
    .cross-promo{padding:0 0.8rem;margin:1rem auto;}
    .cross-promo-inner{flex-direction:column;padding:0.8rem;gap:0.5rem;text-align:center;}
    .cross-promo .cp-title{font-size:0.85rem;}
    .cross-promo .cp-sub{font-size:0.72rem;}
    .cross-promo .cp-links{justify-content:center;}
    .cross-promo .cp-link{font-size:0.68rem;padding:0.25rem 0.5rem;}
    .share-template-bar{flex-direction:column;gap:0.3rem;align-items:stretch;}
    .share-template-bar .st-text{white-space:normal;overflow:visible;}
    .share-template-bar .st-copy{width:100%;text-align:center;}
    .engage-popup{bottom:70px;right:0.5rem;left:0.5rem;max-width:none;padding:1rem;}
    .engage-popup .ep-title{font-size:0.9rem;}
    .engage-popup .ep-text{font-size:0.75rem;}
    .engage-popup .ep-actions{flex-direction:column;}
    .engage-popup .ep-btn{width:100%;text-align:center;}
    .spin-wheel-container{width:200px;height:200px;}
    .spin-wheel{width:200px;height:200px;}
    .spin-modal{padding:1.2rem;width:95vw;}
    .spin-modal h3{font-size:1rem;}
    .spin-result{font-size:1.5rem;}
    .spin-close-btn{width:100%;margin-top:0.8rem;}
    .spin-share-btn{width:100%;margin-left:0;margin-top:0.4rem;}
    .chain-tabs{flex-wrap:wrap;}
    .chain-tab{min-width:calc(33% - 0.2rem);font-size:0.72rem;padding:0.4rem;}
    .deposit-addr{font-size:0.65rem;padding:0.6rem;}
    .wallet-option{padding:0.7rem 0.8rem;gap:0.6rem;}
    .wallet-option .w-icon{font-size:1.4rem;width:32px;}
    .wallet-option .w-name{font-size:0.85rem;}
    .wallet-option .w-chain{font-size:0.68rem;}
    .wallet-divider{margin:0.5rem 0;}
    .trending-section{padding:0 0.8rem;}
    .trending-card{min-width:250px;}
    .trending-title{font-size:0.95rem;}
    .trending-subtitle{font-size:0.68rem;}
    .toast{bottom:5rem;left:1rem;right:1rem;transform:translateX(0) translateY(100px);font-size:0.82rem;padding:0.6rem 1rem;text-align:center;}
    .toast.show{transform:translateX(0) translateY(0);}
    /* Get credits section responsive */
    #get-credits-section{padding:0 0.8rem !important;}
    #get-credits-section > div{padding:1rem !important;}
    #get-credits-section h3{font-size:0.95rem !important;}
    #get-credits-section [style*="grid-template-columns"]{grid-template-columns:1fr !important;gap:0.5rem !important;}
    /* Newsletter section responsive */
    .newsletter-section{max-width:100% !important;margin:1rem 0.8rem !important;padding:1.2rem 0.8rem !important;}
    .newsletter-section h3{font-size:0.95rem !important;}
    .newsletter-section p{font-size:0.78rem !important;}
    .beehiiv-embed{max-width:100% !important;height:350px !important;}
    /* Footer network links on mobile */
    footer [style*="display:flex"][style*="justify-content:center"]{gap:0.5rem !important;}
    footer [style*="font-size:0.65rem"]{font-size:0.6rem !important;}
    footer [style*="font-size:0.6rem"]{font-size:0.55rem !important;letter-spacing:0.5px !important;}
  }

  /* Responsive — Small Mobile (480px) */
  @media(max-width:480px){
    nav{padding:0.5rem 0.6rem;gap:0.3rem;}
    .logo{font-size:0.9rem;}
    .nav-right{gap:0.3rem;font-size:0.7rem;}
    .nav-right a{font-size:0.68rem;}
    .nav-btn{padding:0.3rem 0.5rem;font-size:0.68rem;}
    .connect-btn{padding:0.35rem 0.6rem;font-size:0.72rem;}
    .balance-pill{font-size:0.65rem;padding:0.2rem 0.5rem;}
    .tip-btn{padding:0.35rem 0.7rem;font-size:0.72rem;}
    .hero{padding:1rem 0.8rem 0.8rem;}
    .hero-emoji{font-size:2rem;margin-bottom:0.3rem;}
    .hero h1{font-size:1.2rem;letter-spacing:-0.3px;}
    .hero p{font-size:0.75rem;}
    .hero-stats{gap:0.5rem;margin-top:0.6rem;}
    .hero-stat .val{font-size:0.95rem;}
    .hero-stat .label{font-size:0.55rem;}
    .filters{padding:0.4rem 0.5rem;gap:0.2rem;}
    .filter-btn{padding:0.25rem 0.5rem;font-size:0.65rem;}
    .engage-grid{grid-template-columns:1fr;}
    .engage-card{padding:0.8rem;}
    .engage-card .e-btn{padding:0.5rem 1rem;font-size:0.78rem;}
    .streak-dots{gap:0.15rem;}
    .streak-dot{width:16px;height:16px;font-size:0.5rem;}
    .markets{padding:0.4rem 0.5rem;}
    .market-card{padding:0.8rem;margin-bottom:0.5rem;border-radius:10px;}
    .market-question{font-size:0.88rem;line-height:1.35;}
    .market-category{font-size:0.6rem;}
    .market-volume{font-size:0.68rem;}
    .market-ends{font-size:0.62rem;}
    .bet-btn{padding:0.6rem;font-size:0.85rem;}
    .odds-labels{font-size:0.7rem;}
    .modal{max-width:98vw;padding:1rem;margin:0.25rem;border-radius:14px;}
    .modal h3{font-size:0.95rem;}
    .modal-question{font-size:0.78rem;}
    .side-btn{padding:0.45rem;font-size:0.78rem;}
    .bet-input{font-size:0.95rem;}
    .payout-row{font-size:0.78rem;}
    .place-bet-btn{font-size:0.9rem;}
    .share-preview{font-size:0.72rem;padding:0.6rem;}
    .leaderboard-title{font-size:0.9rem;}
    .lb-table th,.lb-table td{font-size:0.7rem;padding:0.4rem 0.3rem;}
    .lb-rank{font-size:0.9rem;width:30px;}
    .community-title{font-size:0.9rem;}
    .community-card .cc-icon{font-size:1.6rem;}
    .community-card .cc-name{font-size:0.85rem;}
    .referral-box{margin:0.5rem;padding:0.6rem;}
    .referral-box h3{font-size:0.75rem;}
    .referral-box p{font-size:0.65rem;}
    footer{padding:1rem 0.5rem 5rem;}
    .network-links{gap:0.3rem;padding:0 0.3rem;}
    .network-links a{font-size:0.65rem;padding:0.2rem 0.4rem;}
    .footer-sub{font-size:0.7rem;}
    .spin-wheel-container{width:180px;height:180px;}
    .spin-wheel{width:180px;height:180px;}
    .spin-modal{padding:1rem;}
    .spin-result{font-size:1.3rem;}
    .spin-sector{font-size:0.55rem;}
    .wallet-option{padding:0.6rem;gap:0.5rem;}
    .wallet-option .w-icon{font-size:1.2rem;width:28px;}
    .wallet-option .w-name{font-size:0.8rem;}
    .chain-tab{font-size:0.68rem;padding:0.35rem;}
    .deposit-addr{font-size:0.6rem;}
    .trending-card{min-width:220px;padding:0.8rem;}
    .trending-card .tc-q{font-size:0.78rem;}
    .trending-card .tc-stats{font-size:0.65rem;}
    /* Get credits on small mobile */
    #get-credits-section{padding:0 0.5rem !important;}
    #get-credits-section > div{padding:0.8rem !important;}
    #get-credits-section h3{font-size:0.88rem !important;}
    #get-credits-section [style*="grid-template-columns"]{grid-template-columns:1fr !important;}
    /* Newsletter on small mobile */
    .newsletter-section{margin:0.8rem 0.5rem !important;padding:1rem 0.6rem !important;}
    .newsletter-section h3{font-size:0.88rem !important;}
    .newsletter-section p{font-size:0.72rem !important;}
    .beehiiv-embed{height:340px !important;}
  }
  @media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;}
  }

/* WORLD OVERRIDE */
:root{--bg:#0b0c10;--card:#14161c;--border:#242830;--text:#e8eaed;--muted:#7a8089;--accent:#e11d1d;}
body{font-family:'Arial Narrow','Franklin Gothic Medium','Segoe UI',sans-serif!important;color:var(--text)!important;background-color:var(--bg)!important;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px)!important;background-size:46px 46px!important;background-attachment:fixed!important;}
h1,h2,h3,.hero h1,.market-question,.r-title{font-family:'Arial Black','Arial Narrow Bold',Impact,sans-serif!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
.hero{text-align:left!important;}
.hero h1{color:var(--text)!important;}
.hero-emoji{font-size:3.6rem!important;}
.market-card,.reward-card,.hero-stat,.modal,.audit-item{border-radius:0!important;background:var(--card)!important;border:2px solid var(--accent)!important;box-shadow:6px 6px 0 rgba(225,29,29,0.45)!important;}
.market-card:hover{border-color:var(--accent)!important;transform:translateY(-3px)!important;}
.filter-btn,.lb-tab,.chain-tab,.quick-amt,.admin-btn,.deposit-input{border-radius:0px!important;}
a,.market-live,.hero-stat .val{color:var(--accent);}

/* GLOBAL DIRECTORY NAV */
.navdir{position:relative;display:inline-block;margin:0 4px}
.navdir>summary{list-style:none;cursor:pointer;color:var(--text);font-size:.9rem;font-weight:600;padding:.35rem .2rem;white-space:nowrap}
.navdir>summary::-webkit-details-marker{display:none}
.navdir>summary::after{content:" \25BE";color:var(--accent);font-size:.7em}
.navdir[open]>summary::after{content:" \25B4"}
.navdir-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;max-height:70vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:2px;box-shadow:0 16px 40px rgba(0,0,0,.55);z-index:200}
.navdir-menu .hd{grid-column:1/-1;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:8px 10px 3px}
.navdir-menu a{display:block;padding:8px 11px;color:var(--text);text-decoration:none;font-size:.84rem;border-radius:9px}
.navdir-menu a:hover{background:var(--border);color:var(--accent)}
@media(max-width:640px){.navdir-menu{position:fixed;left:12px;right:12px;min-width:0;grid-template-columns:1fr 1fr}}

/* ---- content-page components (blog / guides / legal) ---- */
.article{max-width:800px;margin:0 auto;padding:2rem 1.5rem;}
h1{font-size:2rem;font-weight:900;margin:2rem 0 1rem;line-height:1.3;}
h2{font-size:1.5rem;font-weight:800;margin:2rem 0 1rem;color:#f59e0b;}
h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 0.8rem;}
p{margin-bottom:1rem;color:#ccc;}
ul,ol{margin-bottom:1rem;padding-left:1.5rem;color:#ccc;}
li{margin-bottom:0.5rem;}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;}
th,td{border:1px solid #1a1a25;padding:0.7rem;text-align:left;font-size:0.9rem;}
th{background:#111118;color:#f59e0b;font-weight:700;}
td{color:#ccc;}
.toc{background:#111118;border:1px solid #1a1a25;border-radius:12px;padding:1.5rem;margin:2rem 0;}
.toc a{display:block;padding:0.3rem 0;color:#f59e0b;font-size:0.9rem;}
.meta{color:#666;font-size:0.85rem;margin-bottom:2rem;}
.affiliate-box{background:#111118;border:1px solid rgba(255,153,0,0.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center;}
.affiliate-box a{display:inline-block;background:#f59e0b;color:#000;padding:0.6rem 1.5rem;border-radius:8px;font-weight:700;margin-top:0.8rem;text-decoration:none;}
.affiliate-box a:hover{background:#d97706;text-decoration:none;}
.network-grid{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin:2rem 0;}
.network-grid a{background:#111118;border:1px solid #1a1a25;padding:0.4rem 0.8rem;border-radius:8px;font-size:0.75rem;color:#e5e5e5;text-decoration:none;}
.network-grid a:hover{border-color:#f59e0b;}
.internal-links{background:#111118;border:1px solid #1a1a25;border-radius:12px;padding:1.5rem;margin:2rem 0;}
.internal-links h3{color:#f59e0b;margin-bottom:0.8rem;}
.internal-links a{display:inline-block;margin:0.3rem 0.5rem 0.3rem 0;padding:0.3rem 0.8rem;background:rgba(245,158,11,0.1);border-radius:6px;font-size:0.85rem;}
.back-link{display:inline-block;margin:1rem 0;padding:0.5rem 1rem;background:#111118;border:1px solid #1a1a25;border-radius:8px;font-size:0.9rem;color:#f59e0b;}
@media(max-width:600px){
  .article{padding:1rem;}
  h1{font-size:1.5rem;}
  h2{font-size:1.2rem;}
  nav{padding:0.8rem 1rem;}
  table{font-size:0.8rem;}
}
@media(max-width:600px){.article{padding:1rem;}h1{font-size:1.5rem;}h2{font-size:1.2rem;}}
.faq{background:#111118;border:1px solid #1a1a25;border-radius:12px;padding:1.5rem;margin:2rem 0;}
.faq details{margin-bottom:14px;border-bottom:1px solid #1a1a25;padding-bottom:14px;}
.faq summary{cursor:pointer;color:#e5e5e5;font-weight:600;font-size:1rem;}
.faq details p{margin-top:10px;color:#999;}
.nav-links{display:flex;gap:1.5rem;align-items:center;font-size:0.9rem;}
.nav-links a{color:var(--muted);}
.nav-links a:hover{color:var(--text);text-decoration:none;}
.article-header{text-align:center;padding:4rem 1.5rem 2rem;max-width:800px;margin:0 auto;}
.article-header .badge{display:inline-block;background:var(--accent-dim);color:var(--accent);padding:0.3rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:0.5px;text-transform:uppercase;}
.article-header h1{font-size:2.6rem;font-weight:900;letter-spacing:-1.5px;line-height:1.15;margin-bottom:1rem;}
.article-header .subtitle{color:var(--muted);font-size:1.15rem;line-height:1.6;max-width:600px;margin:0 auto 1.5rem;}
.article-meta{display:flex;gap:2rem;justify-content:center;color:var(--muted);font-size:0.85rem;}
.article-body{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem;}
.article-body h2{font-size:1.8rem;font-weight:800;letter-spacing:-0.5px;margin:2.5rem 0 1rem;color:#fff;border-left:3px solid var(--accent);padding-left:0.8rem;}
.article-body h3{font-size:1.3rem;font-weight:700;margin:2rem 0 0.8rem;color:#e0d0f0;}
.article-body p{margin-bottom:1.2rem;color:#ccc;font-size:1.05rem;}
.article-body ul,.article-body ol{margin:0 0 1.5rem 1.5rem;color:#ccc;}
.article-body li{margin-bottom:0.5rem;font-size:1.02rem;}
.article-body blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--card);border-radius:0 8px 8px 0;color:#bbb;font-style:italic;}
.article-body strong{color:#e5e5e5;}
.callout{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:2rem 0;}
.callout h4{color:var(--accent);margin-bottom:0.5rem;font-size:1.1rem;}
.callout p{color:#bbb;margin-bottom:0.5rem;}
.callout a{font-weight:600;}
.cta-btn{display:inline-block;background:var(--accent);color:#fff;padding:0.8rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;margin:0.5rem 0.5rem 0.5rem 0;transition:all 0.2s;}
.cta-btn:hover{background:#9333ea;text-decoration:none;transform:translateY(-2px);}
.network-link{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0.8rem 1rem;text-align:center;font-weight:600;font-size:0.9rem;transition:all 0.2s;display:block;}
.network-link:hover{border-color:var(--accent);background:var(--accent-dim);text-decoration:none;transform:translateY(-2px);}
.toc h4{color:var(--accent);margin-bottom:0.8rem;font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}
.toc ol{margin-left:1.2rem;}
.toc li{margin-bottom:0.4rem;font-size:0.95rem;}
.toc a:hover{color:var(--accent);}
.example-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;}
.example-box h4{color:var(--amber);margin-bottom:0.5rem;font-size:1rem;}
.example-box p{color:#bbb;margin-bottom:0.5rem;font-size:0.95rem;}
.example-box .outcome{display:flex;gap:1rem;margin-top:0.8rem;}
.example-box .outcome div{flex:1;padding:0.8rem;border-radius:8px;text-align:center;font-weight:600;font-size:0.9rem;}
.example-box .outcome .win{background:rgba(34,197,94,0.15);color:var(--green);border:1px solid rgba(34,197,94,0.3);}
.example-box .outcome .lose{background:rgba(239,68,68,0.15);color:var(--red);border:1px solid rgba(239,68,68,0.3);}
footer a{color:var(--accent);}
.footer-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem;}
@media(max-width:600px){
  .article-header h1{font-size:1.8rem;}
  .article-header{padding:2.5rem 1rem 1.5rem;}
  .article-meta{flex-direction:column;gap:0.3rem;}
  nav{padding:0.8rem 1rem;}
  .network-grid{grid-template-columns:repeat(2,1fr);}
  .example-box .outcome{flex-direction:column;}
}
.nl{display:flex;gap:1rem;font-size:0.85rem;}
.nl a{color:var(--muted);}
.nl a:hover{color:var(--text);text-decoration:none;}
.bc{max-width:780px;margin:0 auto;padding:3rem 1.5rem 4rem;}
.bm{color:var(--muted);font-size:0.85rem;margin-bottom:1.5rem;}
.bm span{margin-right:1rem;}
h1 span{color:var(--accent);}
.bs{color:var(--muted);font-size:1.1rem;margin-bottom:2rem;}
blockquote{border-left:3px solid var(--accent);padding:0.5rem 1rem;margin:1.5rem 0;background:rgba(245,158,11,0.05);border-radius:0 8px 8px 0;font-style:italic;color:var(--muted);}
.toc h3{margin:0 0 0.5rem;color:var(--text);font-size:1rem;}
.ab{background:var(--card);border:1px solid rgba(255,153,0,0.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center;}
.ab h3{color:#ff9900;margin:0 0 0.5rem;}
.al{display:flex;flex-wrap:wrap;gap:0.8rem;justify-content:center;margin-top:1rem;}
.al a{background:rgba(255,153,0,0.1);border:1px solid rgba(255,153,0,0.2);border-radius:8px;padding:0.6rem 1.2rem;color:var(--text);font-weight:600;font-size:0.85rem;}
.al a:hover{background:rgba(255,153,0,0.2);text-decoration:none;border-color:#ff9900;}
.ng{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0.5rem;margin:1.5rem 0;}
.ng a{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:0.6rem;text-align:center;font-size:0.8rem;font-weight:600;}
.ng a:hover{border-color:var(--accent);text-decoration:none;}
@media(max-width:600px){h1{font-size:1.6rem;}h2{font-size:1.3rem;}.bc{padding:2rem 1rem 3rem;}}
nav .logo{font-weight:800;font-size:1.15rem;font-family:'Arial Black','Arial Narrow Bold',Impact,sans-serif;color:#e8eaed}
nav .links a{color:#7a8089;font-size:.84rem;margin-left:14px}
nav .links a:hover{color:#e11d1d}
.wrap{max-width:820px;margin:0 auto;padding:38px 24px}
.crumb{font-size:.8rem;color:#7a8089;margin-bottom:14px}
.crumb a{color:#7a8089}
h1 .em{margin-right:10px}
.lede{color:#7a8089;max-width:62ch;margin-bottom:26px}
.list{display:grid;gap:12px}
.list a{display:block;background:#14161c;border:1px solid #242830;border-radius:0px;padding:18px 20px;color:#e8eaed;transition:border-color .2s,transform .2s}
.list a:hover{border-color:#e11d1d;transform:translateY(-2px)}
.list a b{font-family:'Arial Black','Arial Narrow Bold',Impact,sans-serif;font-size:1.05rem;font-weight:700;display:block;margin-bottom:4px}
.list a span{color:#7a8089;font-size:.85rem}
.legal{max-width:800px;margin:0 auto;padding:40px 20px}
p,li{font-size:15px;color:#888;margin-bottom:12px}
ul{padding-left:24px;margin-bottom:16px}
.back{display:inline-block;margin-bottom:24px;padding:8px 20px;background:#111118;border:1px solid #1a1a25;border-radius:8px;font-size:14px;font-weight:600;color:#e5e5e5}
.back:hover{border-color:#f59e0b;text-decoration:none}
.updated{font-size:13px;color:#555;margin-bottom:32px}
.highlight{background:#111118;border:1px solid #1a1a25;border-radius:12px;padding:20px;margin:20px 0}
.highlight p{color:#e5e5e5;font-weight:600;margin-bottom:4px}