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

/* ── ROOT VARS ── */
:root {
  --bg:     #090d18;
  --bg2:    #0d1220;
  --card:   #111827;
  --card2:  #161f30;
  --border: rgba(255,255,255,0.07);
  --accent: #58a6ff;
  --gold:   #e8a317;
  --text:   #e6edf3;
  --muted:  #7d8590;
  --red:    #ff6b6b;
  --blue:   #6bb5ff;
  --green:  #5ee89a;
  --radius: 12px;
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-height:100vh}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}

/* ── TICKER ── */
.ticker-wrap{background:linear-gradient(90deg,#160d28,#0c1830);border-bottom:1px solid var(--border);padding:7px 0;overflow:hidden;white-space:nowrap}
.ticker-content{display:inline-flex;gap:48px;animation:tickerMove 35s linear infinite}
.ticker-item{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.ticker-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ticker-dot.red{background:var(--red)}
.ticker-dot.blue{background:var(--blue)}
.ticker-dot.gold{background:var(--gold);animation:glow 1.5s infinite}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes glow{0%,100%{box-shadow:0 0 4px var(--gold)}50%{box-shadow:0 0 10px var(--gold)}}

/* ── HEADER ── */
.site-header{background:rgba(9,13,24,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:200}
.site-logo{font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:700;color:var(--gold);letter-spacing:2px;text-decoration:none}
.site-nav{display:flex;align-items:center;gap:2px}
.site-nav a{padding:6px 12px;color:var(--muted);font-size:13px;font-weight:500;border-radius:8px;transition:.15s;text-decoration:none;white-space:nowrap}
.site-nav a:hover,.site-nav a.active{color:var(--text);background:rgba(255,255,255,.06);text-decoration:none}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:4px}
.nav-dropdown-toggle svg{width:12px;height:12px;stroke:var(--muted)}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:140px;z-index:300;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.nav-dropdown:hover .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{display:block;padding:8px 12px;border-radius:6px;font-size:13px;color:var(--muted);white-space:nowrap}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.06);color:var(--text);text-decoration:none}

/* ── HAMBURGER (mobile) ── */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:.2s}
.mobile-nav{display:none;position:fixed;inset:0;top:58px;background:var(--bg2);z-index:190;padding:16px;flex-direction:column;gap:4px}
.mobile-nav.open{display:flex}
.mobile-nav a{padding:12px 16px;color:var(--text);font-size:15px;border-radius:8px;border-bottom:1px solid var(--border)}
.mobile-nav a:last-child{border-bottom:none}

/* ── LAYOUT ── */
.page-wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.main-content{padding:24px 0;display:flex;flex-direction:column;gap:28px}

/* ── SECTION ── */
.section{display:flex;flex-direction:column;gap:14px}
.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.section-title{font-size:17px;font-weight:700;color:var(--muted)}
.section-title span{color:var(--text)}
.view-all{font-size:12px;color:var(--accent)}
.muted-text{font-size:12px;color:var(--muted)}

/* ── LIVE DOT ── */
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3fb950;margin-right:6px;box-shadow:0 0 6px #3fb950;animation:pulse 1.5s infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ── DRAW CARD ── */
.draw-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;position:relative;overflow:hidden}
.draw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#6bb5ff,#5ee89a,#ffd700,#ff6b6b);background-size:300%;animation:gradMove 5s linear infinite}
@keyframes gradMove{0%{background-position:0%}100%{background-position:300%}}
.draw-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.draw-no{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);letter-spacing:1px}
.draw-date{font-size:20px;font-weight:800;margin-bottom:18px}
.verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(63,185,80,.1);color:#3fb950;border:1px solid rgba(63,185,80,.3)}

/* ── BALLS ── */
.balls-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.ball{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;position:relative;box-shadow:0 3px 10px rgba(0,0,0,.35)}
.ball::after{content:'';position:absolute;top:7px;left:10px;width:11px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);transform:rotate(-30deg)}
.ball-red{background:radial-gradient(circle at 35% 35%,#ff9090,#c0392b)}
.ball-blue{background:radial-gradient(circle at 35% 35%,#7ec8ff,#1a5fa0)}
.ball-green{background:radial-gradient(circle at 35% 35%,#80ffc0,#1a7a45)}
.ball-special{background:radial-gradient(circle at 35% 35%,#ffe066,#c07800);box-shadow:0 3px 14px rgba(232,163,23,.45)}
.ball-plus{font-size:18px;color:var(--muted);font-weight:300;flex-shrink:0}

/* ── MINI BALLS ── */
.mini-ball{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}
.mini-red{background:radial-gradient(circle at 35% 35%,#ff9090,#c0392b)}
.mini-blue{background:radial-gradient(circle at 35% 35%,#7ec8ff,#1a5fa0)}
.mini-green{background:radial-gradient(circle at 35% 35%,#80ffc0,#1a7a45)}
.mini-special{background:radial-gradient(circle at 35% 35%,#ffe066,#c07800)}

/* ── TAGS ── */
.draw-tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:20px;font-size:12px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
.tag strong{color:var(--text);font-weight:600}
.wave-tag-red{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.3);color:var(--red)}
.wave-tag-blue{background:rgba(107,181,255,.1);border-color:rgba(107,181,255,.3);color:var(--blue)}
.wave-tag-green{background:rgba(94,232,154,.1);border-color:rgba(94,232,154,.3);color:var(--green)}
.wave-text.red{color:var(--red);font-weight:700}
.wave-text.blue{color:var(--blue);font-weight:700}
.wave-text.green{color:var(--green);font-weight:700}

/* ── AI CARD ── */
.ai-card{background:linear-gradient(135deg,rgba(88,166,255,.07),rgba(139,92,246,.07));border:1px solid rgba(88,166,255,.15);border-radius:16px;padding:22px}
.ai-summary{font-size:13px;line-height:1.85;color:var(--text);margin-bottom:18px;border-left:3px solid #8b5cf6;padding-left:14px}
.ai-predictions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.ai-pred-item{background:rgba(0,0,0,.2);border-radius:10px;padding:14px}
.ai-pred-label{font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}
.ai-pred-value{font-size:19px;font-weight:800;margin-bottom:4px;color:var(--text)}
.ai-pred-value.wave-red{color:var(--red)}
.ai-pred-value.wave-blue{color:var(--blue)}
.ai-pred-value.wave-green{color:var(--green)}
.ai-pred-conf{font-family:'JetBrains Mono',monospace;font-size:11px;color:#8b5cf6;margin-bottom:6px}
.ai-pred-reason{font-size:11px;color:var(--muted);line-height:1.55}
.ai-key-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ai-key-label{font-size:11px;color:var(--muted)}
.ai-key-num{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(88,166,255,.25));border:1px solid rgba(139,92,246,.4);display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#c4b5fd}
.ai-risk{font-size:11px;color:var(--muted);background:rgba(255,184,0,.05);border:1px solid rgba(255,184,0,.15);border-radius:6px;padding:8px 12px}

/* ── ANALYSIS GRID ── */
.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.analysis-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:.18s}
.analysis-card:hover{border-color:rgba(88,166,255,.4);transform:translateY(-2px);background:rgba(88,166,255,.04);text-decoration:none}
.analysis-icon{width:42px;height:42px;background:rgba(88,166,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.analysis-icon svg{width:20px;height:20px;stroke:var(--accent)}
.analysis-name{font-size:14px;font-weight:700;color:var(--text)}
.analysis-desc{font-size:11px;color:var(--muted);line-height:1.5}

/* ── TABLE ── */
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}
.data-table{width:100%;border-collapse:collapse;min-width:580px}
.data-table th{background:rgba(255,255,255,.03);padding:11px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap}
.data-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.03);font-size:13px;color:var(--text);vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:rgba(255,255,255,.015)}
.data-table td a{color:var(--accent);font-family:'JetBrains Mono',monospace;font-size:12px}
.balls-cell{display:flex;align-items:center;gap:3px;flex-wrap:nowrap}

/* ── RECOMMENDATIONS ── */
.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rec-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px}
.rec-type{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.rec-value{font-size:18px;font-weight:800;color:var(--text);margin-bottom:8px}
.rec-conf{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.conf-bar{height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden;flex:1}
.conf-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#58a6ff);border-radius:2px}

/* ── FOOTER ── */
.site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:36px 20px 20px;margin-top:32px}
.footer-inner{max-width:1160px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;margin-bottom:28px}
.footer-logo{font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--gold);margin-bottom:10px}
.footer-brand p{font-size:12px;color:var(--muted);line-height:1.7}
.footer-col h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px}
.footer-col a{display:block;font-size:13px;color:var(--muted);margin-bottom:7px;transition:.15s}
.footer-col a:hover{color:var(--text);text-decoration:none}
.footer-bottom{padding-top:16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer-bottom p,.footer-bottom span{font-size:11px;color:var(--muted)}

/* ── POPUP ── */
.popup-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;align-items:center;justify-content:center}
.popup-overlay.active{display:flex}
.popup-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;max-width:460px;width:90%;position:relative}
.popup-close{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1}
.popup-title{font-size:16px;font-weight:700;margin-bottom:10px}
.popup-content{font-size:13px;color:var(--muted);line-height:1.7}

/* ── AD SLOTS ── */
.ad-slot{text-align:center;padding:4px 0}
.ad-slot a{display:inline-block}
.ad-slot img{max-width:100%;border-radius:8px}

/* ── ANALYSIS PAGES ── */
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center}
.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.stat-value{font-size:28px;font-weight:900;color:var(--text);font-family:'JetBrains Mono',monospace}
.stat-sub{font-size:11px;color:var(--muted);margin-top:4px}
.stat-value.red{color:var(--red)}
.stat-value.blue{color:var(--blue)}
.stat-value.green{color:var(--green)}

.miss-bar-wrap{display:flex;flex-direction:column;gap:10px}
.miss-bar-item{display:flex;align-items:center;gap:10px}
.miss-bar-label{width:50px;text-align:right;font-size:12px;color:var(--muted);font-family:'JetBrains Mono',monospace;flex-shrink:0}
.miss-bar-track{flex:1;height:20px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;position:relative}
.miss-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:10px;font-weight:700;color:#fff;min-width:24px;transition:width .4s ease}
.miss-bar-fill.red{background:linear-gradient(90deg,rgba(255,107,107,.4),var(--red))}
.miss-bar-fill.blue{background:linear-gradient(90deg,rgba(107,181,255,.4),var(--blue))}
.miss-bar-fill.green{background:linear-gradient(90deg,rgba(94,232,154,.4),var(--green))}
.miss-bar-fill.default{background:linear-gradient(90deg,rgba(88,166,255,.3),var(--accent))}

.number-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.num-cell{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 4px;text-align:center;cursor:default}
.num-cell .num{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;margin-bottom:4px}
.num-cell .miss{font-size:10px;color:var(--muted)}
.num-cell.hot{border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.06)}
.num-cell.cold{border-color:rgba(107,181,255,.4);background:rgba(107,181,255,.06)}
.num-cell.hot .num{color:var(--red)}
.num-cell.cold .num{color:var(--blue)}

/* ── PAGINATION ── */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px 0}
.pagination a,.pagination span{padding:7px 13px;border-radius:8px;font-size:13px;font-family:'JetBrains Mono',monospace;border:1px solid var(--border);color:var(--muted);transition:.15s}
.pagination a:hover{border-color:var(--accent);color:var(--text);text-decoration:none}
.pagination span.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .site-nav{display:none}
  .nav-hamburger{display:flex}
  .analysis-grid{grid-template-columns:repeat(2,1fr)}
  .ai-predictions{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .rec-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .number-grid{grid-template-columns:repeat(5,1fr)}
  .draw-date{font-size:17px}
  .ball{width:40px;height:40px;font-size:13px}
}
@media(max-width:480px){
  .analysis-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr 1fr}
  .number-grid{grid-template-columns:repeat(4,1fr)}
  .page-wrap{padding:0 12px}
  .ball{width:36px;height:36px;font-size:12px}
  .balls-row{gap:6px}
}

/* ── COUNTDOWN BAR ── */
.countdown-bar{background:linear-gradient(90deg,rgba(88,166,255,.08),rgba(139,92,246,.08));border:1px solid rgba(88,166,255,.15);border-radius:12px;padding:14px 20px;margin-bottom:4px}
.countdown-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.countdown-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.countdown-left svg{stroke:var(--accent)}
.countdown-date{color:var(--text);font-weight:600}
.countdown-right{display:flex;align-items:center;gap:10px}
.countdown-label{font-size:12px;color:var(--muted)}
.countdown-timer{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:800;color:var(--accent);letter-spacing:2px}

/* ── PREDICT BANNER ── */
.predict-banner{background:linear-gradient(135deg,rgba(232,163,23,.08),rgba(88,166,255,.06));border:1px solid rgba(232,163,23,.2);border-radius:14px;padding:20px}
.predict-banner-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}
.predict-banner-label svg{stroke:var(--gold)}
.predict-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.predict-item{background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:10px;padding:14px;transition:.2s}
.predict-item.highlighted{border-color:var(--gold);background:rgba(232,163,23,.06)}
.predict-wave-name{font-size:18px;font-weight:800;margin-bottom:6px;color:var(--text)}
.wave-red{color:var(--red)!important}
.wave-blue{color:var(--blue)!important}
.wave-green{color:var(--green)!important}
.predict-wave-dot{width:12px;height:12px;border-radius:50%;margin-bottom:8px}
.dot-red{background:var(--red)}
.dot-blue{background:var(--blue)}
.dot-green{background:var(--green)}
.predict-miss{font-size:12px;color:var(--muted);margin-bottom:6px}
.predict-miss strong{color:var(--text)}
.predict-level{font-size:11px;padding:3px 8px;border-radius:10px;display:inline-block}
.level-high{background:rgba(63,185,80,.15);color:#3fb950;border:1px solid rgba(63,185,80,.3)}
.level-medium{background:rgba(232,163,23,.15);color:var(--gold);border:1px solid rgba(232,163,23,.3)}
.level-low{background:rgba(255,255,255,.04);color:var(--muted);border:1px solid var(--border)}

/* ── WAVE TREND ── */
.wave-trend-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:12px}
@media(max-width:640px){.wave-trend-grid{grid-template-columns:repeat(5,1fr)}}
.wave-trend-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:rgba(255,255,255,.03);border-radius:6px}
.wave-trend-dot{width:14px;height:14px;border-radius:50%}
.wave-trend-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted)}
.wave-legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}

/* ── BREADCRUMB ── */
.breadcrumb{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted)}
.breadcrumb a{color:var(--muted);transition:.15s}
.breadcrumb a:hover{color:var(--text);text-decoration:none}
.breadcrumb span{color:var(--text)}
.breadcrumb::after{content:'';display:none}

/* ── ANALYSIS PAGE ADMIN CARD ── */
.admin-card{background:var(--card);border:1px solid var(--border);border-radius:12px}

/* ── MOBILE FIXES ── */
@media(max-width:768px){
  /* Countdown bar vertical on mobile */
  .countdown-inner{flex-direction:column;align-items:flex-start;gap:6px}
  .countdown-timer{font-size:28px}

  /* Draw card */
  .draw-card{padding:16px}
  .draw-date{font-size:16px;margin-bottom:14px}
  .balls-row{gap:5px}
  .ball{width:38px;height:38px;font-size:12px}
  .ball-plus{font-size:14px}

  /* Tags wrap nicely */
  .draw-tags{gap:4px}
  .tag{font-size:11px;padding:3px 8px}

  /* AI card */
  .ai-card{padding:16px}
  .ai-predictions{grid-template-columns:1fr}
  .ai-pred-value{font-size:22px}

  /* Analysis grid 2 cols */
  .analysis-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .analysis-card{padding:14px 12px}
  .analysis-name{font-size:13px}

  /* Table scroll */
  .table-wrap{-webkit-overflow-scrolling:touch}
  .data-table{font-size:12px}
  .data-table th,.data-table td{padding:8px 10px}

  /* Rec grid */
  .rec-grid{grid-template-columns:repeat(2,1fr)}

  /* Stat grid */
  .stat-grid{grid-template-columns:repeat(2,1fr)}

  /* Predict items */
  .predict-items{grid-template-columns:1fr}
  .predict-item{padding:12px}

  /* Footer */
  .footer-grid{grid-template-columns:1fr}
  .footer-col{display:none}

  /* Number grid */
  .number-grid{grid-template-columns:repeat(5,1fr);gap:6px}
  .num-cell{padding:6px 2px}

  /* Section padding */
  .main-content{padding:16px 0;gap:18px}
  .page-wrap{padding:0 12px}

  /* Wave trend grid */
  .wave-trend-grid{grid-template-columns:repeat(5,1fr)}
}

@media(max-width:400px){
  .ball{width:33px;height:33px;font-size:11px}
  .balls-row{gap:4px}
  .analysis-grid{grid-template-columns:repeat(2,1fr)}
  .stat-grid{grid-template-columns:1fr 1fr}
  .number-grid{grid-template-columns:repeat(4,1fr)}
  .countdown-timer{font-size:24px}
}

/* Hamburger animation */
.nav-hamburger span{transition:transform .25s, opacity .25s}

/* ── LOGO ── */
.site-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#e8a317,#c07800);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:900;color:#090d18;flex-shrink:0}
.logo-text{font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:800;color:var(--text);letter-spacing:1px}
.logo-accent{color:var(--gold)}
.footer-logo-wrap{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.footer-logo{font-family:'JetBrains Mono',monospace;font-size:17px;font-weight:800;color:var(--gold)}

/* ── MOBILE NAV - Complete redesign ── */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:280;backdrop-filter:blur(4px)}
.mobile-overlay.active{display:block}
.mobile-nav{
  position:fixed;top:0;right:-100%;width:min(320px,85vw);height:100vh;
  background:var(--bg2);border-left:1px solid var(--border);
  z-index:290;transition:right .28s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow-y:auto;
}
.mobile-nav.open{right:0}
.mobile-nav-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--border);
  background:var(--bg);flex-shrink:0;
}
.mobile-nav-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.mobile-nav-close:hover{background:rgba(255,255,255,.08);color:var(--text)}
.mobile-nav-section{
  padding:10px 20px 4px;
  font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:rgba(125,133,144,.5);margin-top:4px;
}
.mobile-nav a{
  display:flex;align-items:center;gap:10px;
  padding:13px 20px;
  font-size:14px;font-weight:500;color:var(--muted);
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:.15s;text-decoration:none;
}
.mobile-nav a:hover,.mobile-nav a.mobile-active{color:var(--text);background:rgba(255,255,255,.04)}
.mobile-nav a svg{width:16px;height:16px;stroke:var(--muted);flex-shrink:0}
.mobile-nav a:first-of-type{border-top:none}

/* ── NAV HAMBURGER ── */
.nav-hamburger{
  display:none;flex-direction:column;gap:5px;
  cursor:pointer;padding:6px;background:none;border:none;
  border-radius:6px;
}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--muted);border-radius:2px;transition:transform .25s,opacity .25s}
.nav-hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-hamburger.active span:nth-child(2){opacity:0;transform:translateX(-8px)}
.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
@media(max-width:900px){.nav-hamburger{display:flex}.site-nav{display:none}}

/* ── SECURITY: no-select on sensitive data ── */
.ball,.mini-ball{user-select:none;-webkit-user-select:none}