:root{
  --bg:#03050a;
  --panel:#070b12;
  --panel-2:#0b1018;
  --panel-3:#101624;
  --line:rgba(255,255,255,.08);
  --line-soft:rgba(255,255,255,.05);
  --text:#f4f7fb;
  --muted:#8d98ab;
  --gold:#f1bf57;
  --gold-2:#ffdb82;
  --green:#49df89;
  --shadow:0 28px 80px rgba(0,0,0,.45);
  --radius:22px;
  --red:#ff5967;
  --blue:#5ea9ff;
  --green-col:#63e38f;
  --purple:#cf7dff;
  --orange:#ffbf5f;
  --teal:#5be8f3;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,84,103,.12),transparent 22%),
    radial-gradient(circle at 92% 10%,rgba(94,169,255,.11),transparent 24%),
    radial-gradient(circle at 58% 0%,rgba(207,125,255,.09),transparent 26%),
    linear-gradient(180deg,#04060b 0%,#05070d 45%,#03050a 100%);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 76%);
}
.ambient{position:fixed;border-radius:50%;filter:blur(110px);opacity:.14;pointer-events:none;z-index:0}
.ambient-one{width:340px;height:340px;background:#fe4959;left:-130px;top:220px}
.ambient-two{width:380px;height:380px;background:#4b96ff;right:-140px;top:10px}
.ambient-three{width:360px;height:360px;background:#b55dff;left:48%;top:140px;transform:translateX(-50%)}
a{color:inherit;text-decoration:none} button,input{font:inherit} button{cursor:pointer}

.page-shell{
  position:relative;z-index:1;width:min(1600px,calc(100% - 30px));margin:14px auto 26px;
  border:1px solid rgba(255,255,255,.08);border-radius:26px;overflow:hidden;
  background:rgba(4,7,12,.90);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);
}
.site-header{
  display:grid;grid-template-columns:minmax(0,1.45fr) auto auto;align-items:center;gap:24px;
  padding:18px 24px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(10,15,23,.95),rgba(6,9,16,.98));
}
.brand-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.brand-mark{
  width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;position:relative;border-radius:18px;
  color:#161109;font-weight:900;font-size:18px;background:linear-gradient(145deg,#ffd56f,#cd8f1f);
  box-shadow:0 14px 34px rgba(241,191,87,.20),inset 0 1px 0 rgba(255,255,255,.4);
}
.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid rgba(36,25,5,.35);border-radius:14px}
.brand-copy{min-width:0}
.brand-eyebrow,.section-kicker{display:block;color:#f1bf57;font-size:10px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}
.site-title{margin-top:2px;font-size:24px;font-weight:900;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-subtitle{margin-top:6px;color:#7f8b9d;font-size:9px;font-weight:800;letter-spacing:1.9px}
.site-subtitle span{color:#f1bf57;padding:0 4px}
.top-nav{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.top-nav-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:#95a1b4;font-size:12px;font-weight:800;transition:.2s ease}
.top-nav-link:hover{background:rgba(255,255,255,.04);color:#fff}.top-nav-link.active{background:linear-gradient(180deg,#ffd770,#e7a836);color:#171108;box-shadow:0 10px 22px rgba(241,191,87,.18)}
.nav-dot{width:6px;height:6px;border-radius:50%;background:#171108;box-shadow:0 0 0 4px rgba(23,17,8,.10)}
.header-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;white-space:nowrap}
.header-live{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:1px}
.header-live i,.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(73,223,137,.10),0 0 18px rgba(73,223,137,.55)}
.header-date{color:#8190a3;font-size:11px;font-weight:700}

.main-content{padding:18px}
.hero-panel,.chart-panel{
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(10,15,23,.94),rgba(6,9,15,.97));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.hero-panel{padding:14px}.chart-panel{margin-top:16px;padding:20px}
.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.status-item{
  min-height:72px;padding:12px 14px;display:flex;align-items:center;gap:12px;min-width:0;
  border:1px solid rgba(255,255,255,.07);border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
}
.status-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:9px;font-weight:900}
.status-label{display:block;margin-bottom:4px;color:#758297;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.status-item strong{display:block;font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status-next .status-icon,.status-next strong{color:var(--gold-2)} .status-left .status-icon,.status-left strong{color:var(--blue)} .status-time .status-icon,.status-time strong{color:var(--green)} .status-date .status-icon,.status-date strong{color:#ff9b6f}

.section-heading,.chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.section-heading{padding:20px 4px 12px}
.section-heading h1,.chart-head h1,.chart-head h2{margin:4px 0 0;font-size:22px;line-height:1.12;letter-spacing:-.35px}
.section-heading p,.chart-head p{margin:6px 0 0;color:#8390a3;font-size:12px}
.live-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(73,223,137,.20);background:rgba(73,223,137,.06);color:#b1efd0;font-size:10px;font-weight:800;letter-spacing:.7px}

.result-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.result-box{
  --accent:#fff;--accent-rgb:255,255,255;position:relative;overflow:hidden;min-width:0;min-height:172px;padding:14px;border-radius:18px;
  border:1px solid rgba(var(--accent-rgb),.36);
  background:
    radial-gradient(circle at 84% 14%,rgba(var(--accent-rgb),.10),transparent 24%),
    radial-gradient(circle at 16% 92%,rgba(var(--accent-rgb),.08),transparent 22%),
    linear-gradient(180deg,rgba(var(--accent-rgb),.035),rgba(255,255,255,.008) 42%),
    #070b12;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.16);
}
.result-box:before{content:"";position:absolute;left:12px;right:12px;bottom:22px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.95),transparent);box-shadow:0 0 16px rgba(var(--accent-rgb),.45)}
.result-box:after{content:"";position:absolute;width:88px;height:88px;right:-44px;bottom:-48px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.15);box-shadow:0 0 0 16px rgba(var(--accent-rgb),.025),0 0 0 34px rgba(var(--accent-rgb),.015)}
.card-topline{position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 14px rgba(var(--accent-rgb),.4)}
.game-red{--accent:var(--red);--accent-rgb:255,89,103}.game-blue{--accent:var(--blue);--accent-rgb:94,169,255}.game-green{--accent:var(--green-col);--accent-rgb:99,227,143}.game-purple{--accent:var(--purple);--accent-rgb:207,125,255}.game-orange{--accent:var(--orange);--accent-rgb:255,191,95}.game-teal{--accent:var(--teal);--accent-rgb:91,232,243}
.game-head{display:flex;align-items:center;gap:9px;min-width:0}
.game-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(var(--accent-rgb),.26);background:rgba(var(--accent-rgb),.09);color:var(--accent);font-size:15px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.result-name{font-size:12px;font-weight:900;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.on-time{margin-top:3px;color:rgba(var(--accent-rgb),.90);font-size:9px;font-weight:800;letter-spacing:.2px}
.number-frame{position:relative;margin-top:14px;min-height:88px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(var(--accent-rgb),.24);background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.76));box-shadow:inset 0 0 24px rgba(var(--accent-rgb),.04)}
.number-frame:before{content:"";position:absolute;inset:5px;border-radius:10px;border:1px solid rgba(255,255,255,.035)}
.number-label{position:absolute;top:8px;left:10px;color:#7a879a;font-size:8px;font-weight:800;letter-spacing:1.4px}
.result-number{font-size:50px;font-weight:900;line-height:1;letter-spacing:-1px;color:#fff;text-shadow:0 5px 18px rgba(0,0,0,.60),0 0 22px rgba(var(--accent-rgb),.10)}

.chart-head{padding:0 2px 16px}
.chart-tools{display:flex;align-items:flex-end;gap:10px}
.chart-tools label{display:grid;gap:6px}
.chart-tools label span{color:#8290a3;font-size:10px;font-weight:800}
.chart-tools input{height:54px;min-width:188px;padding:0 16px;border-radius:14px;border:1px solid rgba(241,191,87,.24);background:#0a0e16;color:#f1f5fa;color-scheme:dark;outline:0;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.chart-tools input:focus{border-color:rgba(241,191,87,.5);box-shadow:0 0 0 4px rgba(241,191,87,.08)}
.chart-tools button{height:54px;padding:0 18px;border-radius:14px;border:1px solid rgba(241,191,87,.25);color:#1b1509;background:linear-gradient(180deg,#ffd56f,#e5a833);font-size:15px;font-weight:900;box-shadow:0 12px 26px rgba(241,191,87,.12)}
.chart-tools button span{font-size:17px;margin-right:6px}

.table-wrap{overflow:auto;border:1px solid rgba(241,191,87,.14);border-radius:18px;background:linear-gradient(180deg,#05080d,#070b12)}
.results-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}
.results-table th,.results-table td{text-align:center;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.results-table thead th{position:sticky;top:0;z-index:2;height:50px;padding:0 12px;background:#0c111a;font-size:11px;font-weight:900;letter-spacing:.2px;white-space:nowrap}
.results-table thead th.time-col{background:linear-gradient(180deg,rgba(241,191,87,.22),rgba(241,191,87,.12));color:#ffd878;box-shadow:inset 0 -1px 0 rgba(255,216,120,.20)}
.results-table thead th.col-red{background:linear-gradient(180deg,rgba(255,89,103,.34),rgba(255,89,103,.18));color:#ffd9dd}
.results-table thead th.col-blue{background:linear-gradient(180deg,rgba(94,169,255,.34),rgba(94,169,255,.18));color:#ddeeff}
.results-table thead th.col-green{background:linear-gradient(180deg,rgba(99,227,143,.34),rgba(99,227,143,.18));color:#e6ffee}
.results-table thead th.col-purple{background:linear-gradient(180deg,rgba(207,125,255,.34),rgba(207,125,255,.18));color:#faedff}
.results-table thead th.col-orange{background:linear-gradient(180deg,rgba(255,191,95,.34),rgba(255,191,95,.18));color:#fff3db}
.results-table thead th.col-teal{background:linear-gradient(180deg,rgba(91,232,243,.34),rgba(91,232,243,.18));color:#e6ffff}
.th-wrap{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}
.th-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);font-style:normal;font-size:12px;line-height:1}
.mobile-label{display:none}
.results-table td{height:54px;padding:9px 12px;background:#06090f;font-size:12px;color:#e2e8f0;transition:background .15s ease}
.results-table tbody tr:hover td{background:#0a1018}
.results-table th:last-child,.results-table td:last-child{border-right:0}.results-table tr:last-child td{border-bottom:0}
.draw-time{font-size:14px;font-weight:900;color:#ffd56f!important;background:linear-gradient(180deg,rgba(241,191,87,.05),rgba(241,191,87,.02))!important;white-space:nowrap}
.col-cell.col-1{background:linear-gradient(180deg,rgba(255,89,103,.08),rgba(255,89,103,.03))}
.col-cell.col-2{background:linear-gradient(180deg,rgba(94,169,255,.08),rgba(94,169,255,.03))}
.col-cell.col-3{background:linear-gradient(180deg,rgba(99,227,143,.08),rgba(99,227,143,.03))}
.col-cell.col-4{background:linear-gradient(180deg,rgba(207,125,255,.08),rgba(207,125,255,.03))}
.col-cell.col-5{background:linear-gradient(180deg,rgba(255,191,95,.08),rgba(255,191,95,.03))}
.col-cell.col-6{background:linear-gradient(180deg,rgba(91,232,243,.08),rgba(91,232,243,.03))}
.num-chip{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--chip-border,rgba(255,255,255,.12));background:var(--chip-bg,rgba(255,255,255,.04));color:#fff;font-size:15px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 18px rgba(0,0,0,.10)}
.chip-1{--chip-bg:rgba(255,89,103,.18);--chip-border:rgba(255,89,103,.58);color:#ffecef}
.chip-2{--chip-bg:rgba(94,169,255,.18);--chip-border:rgba(94,169,255,.58);color:#edf6ff}
.chip-3{--chip-bg:rgba(99,227,143,.18);--chip-border:rgba(99,227,143,.58);color:#effff5}
.chip-4{--chip-bg:rgba(207,125,255,.18);--chip-border:rgba(207,125,255,.58);color:#fcf1ff}
.chip-5{--chip-bg:rgba(255,191,95,.18);--chip-border:rgba(255,191,95,.58);color:#fff6e9}
.chip-6{--chip-bg:rgba(91,232,243,.18);--chip-border:rgba(91,232,243,.58);color:#efffff}
.empty{text-align:center;padding:30px;color:#8b97a9;font-size:13px}.empty[hidden]{display:none!important}

.chart-only-panel{margin-top:0}
.chart-page-head h1{font-size:24px}
.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}
.result-summary>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.result-summary span{display:block;color:#79879a;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.result-summary strong{display:block;margin-top:5px;font-size:13px;color:#f2f6fb}

.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px 24px;border-top:1px solid var(--line);background:#060910;color:#768296;font-size:10px}
.footer-brand{display:flex;align-items:center;gap:8px;min-width:0}.footer-brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a8b2c1}
.mini-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:rgba(241,191,87,.10);border:1px solid rgba(241,191,87,.24);color:#f1bf57;font-size:8px;font-weight:900}
.footer-points{display:flex;align-items:center;gap:18px}.footer-points span{position:relative}.footer-points span+span:before{content:"•";position:absolute;left:-11px;color:#445063}.footer-copy{text-align:right}

@media (max-width:1180px){
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:16px}
  .top-nav{grid-column:1/-1}
  .header-status{grid-row:1;grid-column:2}
  .result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .page-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}
  .ambient{display:none}
  .site-header{grid-template-columns:1fr auto;padding:12px 12px 10px;gap:10px}
  .brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:14px}.brand-mark:after{border-radius:10px}
  .brand-eyebrow,.section-kicker{font-size:7px;letter-spacing:1.2px}
  .site-title{font-size:16px;white-space:normal;line-height:1.12}.site-subtitle{display:none}
  .header-date{display:none}.header-live{font-size:9px}
  .top-nav{width:100%;grid-column:1/-1}.top-nav-link{flex:1;justify-content:center;padding:9px 10px;font-size:11px}
  .main-content{padding:8px}
  .hero-panel,.chart-panel{border-radius:14px}.hero-panel{padding:8px}.chart-panel{margin-top:8px;padding:12px}
  .status-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .status-item{min-height:58px;padding:8px;gap:8px}.status-icon{width:24px;height:24px;flex-basis:24px;font-size:8px}.status-label{font-size:7px}.status-item strong{font-size:11px}
  .section-heading{padding:14px 2px 9px;align-items:center}.section-heading h1,.chart-head h1,.chart-head h2{font-size:18px}.section-heading p,.chart-head p{font-size:9px}.live-badge{padding:7px}.live-badge span{display:none}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.result-box{min-height:136px;padding:9px;border-radius:13px}.game-icon{width:28px;height:28px;flex-basis:28px;font-size:13px}.result-name{font-size:10px}.on-time{font-size:8px}.number-frame{min-height:68px;margin-top:10px;border-radius:11px}.result-number{font-size:38px}.number-label{font-size:7px}
  .chart-head{align-items:stretch;flex-direction:column;gap:12px}
  .chart-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.chart-tools label{min-width:0}.chart-tools input{width:100%;min-width:0;height:40px;padding:0 10px;border-radius:10px;font-size:14px}.chart-tools button{height:40px;padding:0 12px;border-radius:10px;font-size:11px}
  .result-summary{grid-template-columns:1fr}.result-summary strong{font-size:11px}
  .table-wrap{overflow:visible;border:0;background:transparent}
  .results-table{display:block;width:100%;min-width:0}.results-table thead{display:none}
  .results-table tbody{display:grid;gap:8px}
  .results-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,#080c13,#05080d)}
  .results-table td{min-width:0;height:auto;padding:6px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.05)!important;border-radius:8px;font-size:9px;background:rgba(255,255,255,.015)!important}
  .results-table td:before{display:block;font-size:6px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:#78859a}
  .results-table td:nth-child(1){grid-column:1/-1;min-height:30px;flex-direction:row;gap:7px;background:rgba(241,191,87,.05)!important}
  .results-table td:nth-child(1):before{content:'Draw Time';color:#f1bf57}
  .results-table td:nth-child(2):before{content:'Sangam';color:var(--red)}
  .results-table td:nth-child(3):before{content:'Chetak';color:var(--blue)}
  .results-table td:nth-child(4):before{content:'Super';color:var(--green-col)}
  .results-table td:nth-child(5):before{content:'MP Deluxe';color:var(--purple)}
  .results-table td:nth-child(6):before{content:'Bhagya Rekha';color:var(--orange)}
  .results-table td:nth-child(7):before{content:'Diamond';color:var(--teal)}
  .draw-time{font-size:11px!important}
  .num-chip{min-width:38px;height:26px;padding:0 8px;border-radius:8px;font-size:12px}
  .site-footer{grid-template-columns:1fr auto;padding:12px}.footer-points{display:none}.footer-copy{font-size:9px}
}
@media (max-width:390px){
  .brand-mark{width:38px;height:38px;flex-basis:38px}.site-title{font-size:14px}.result-box{min-height:128px}.result-number{font-size:34px}.chart-tools button{padding:0 10px}
}