/* Gali Disawar – classic light result-site theme */
:root{
  --page:#ECECEC; --box:#FFFFFF; --line:#DADADA; --soft:#F5F5F5;
  --ink:#1B1B1B; --muted:#5A5A5A;
  --maroon:#7A0F1A; --gold:#E8B53A; --gold-row:#F5C542;
  --blue:#0D5BD7; --link:#1565C0; --green:#2E8B57; --head:#3A3A3A; --red:#D7261E; --ok:#18794E;
  --f:"Roboto", Arial, Helvetica, sans-serif;
  --hi:"Noto Sans Devanagari", "Mangal", sans-serif;
  color-scheme:light;
}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.5}
a{color:var(--link)}
img{max-width:100%}
.hi{font-family:var(--hi)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.site{max-width:960px;margin:0 auto;background:var(--box);min-height:100vh;box-shadow:0 0 0 1px var(--line)}
.pad{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
@media (min-width:600px){.pad{padding-left:16px;padding-right:16px}}

/* header */
header{background:var(--maroon);color:#fff;position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top,0px)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px}
.logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.logo img{display:block;height:50px;width:auto;max-width:100%}
@media (max-width:420px){.logo img{height:42px}}
.clock{text-align:right;font-size:12px;line-height:1.3;white-space:nowrap}
.clock strong{display:block;font-size:15px}
@media (max-width:360px){.clock{display:none}}

nav.games{background:#1F1F1F;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
nav.games::-webkit-scrollbar{display:none}
nav.games a{display:inline-block;color:#EDEDED;text-decoration:none;font-size:14px;font-weight:500;padding:11px 11px;border-bottom:3px solid transparent}
nav.games a.on{color:var(--gold);border-bottom-color:var(--gold)}

.warn{background:#FFF8E1;color:var(--red);text-align:center;font-size:14px;padding-block:7px;border-bottom:1px solid #F1E3B5}

.crumbs ol{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-wrap:wrap;gap:4px;font-size:13px;color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:4px;color:#999}
.crumbs a{text-decoration:none}

main{display:flex;flex-direction:column;gap:14px;padding-block:14px 28px}
h1{font-size:19px;font-weight:700;text-align:center;margin:0;line-height:1.35;text-wrap:balance}
@media (min-width:720px){h1{font-size:22px}}
.upd{text-align:center;color:var(--ok);font-size:15px;margin-top:-6px}
.center-txt{text-align:center;color:var(--muted);margin:0}

/* featured boxes */
.feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:720px){.feat{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fb{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;text-align:center;overflow:hidden;background:var(--box);color:var(--ink);text-decoration:none}
.fb .t{display:block;background:var(--maroon);color:#fff;padding:6px 4px 5px}
.fb .t b{display:block;font-size:17px;font-weight:900;letter-spacing:1.5px}
.fb .t span{display:block;font-size:13px;color:#F6D98B}
.fb .tm{font-size:13px;color:var(--muted);padding-top:6px}
.fb .big{display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:700;line-height:1.1;min-height:60px;padding-block:2px 4px;font-variant-numeric:tabular-nums}
.fb .row{display:flex;justify-content:center;gap:6px;font-size:14px;color:var(--muted);background:var(--soft);border-top:1px solid var(--line);padding-block:5px;margin-top:auto}
.fb .row b{color:var(--ink);font-size:15px}
.fb.next{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.fb.hot .big{background:var(--gold-row)}
.one{display:flex;justify-content:center}
.fb.solo{width:100%;max-width:360px}
.fb.solo .big{font-size:60px;min-height:80px}
.wait{color:var(--red);font-weight:900;font-size:28px;letter-spacing:2px;animation:blink 1.2s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}

.latest{border:1px dashed #C99A17;background:#FFFBEA;text-align:center;font-size:15px;padding:8px 10px;border-radius:4px}
.latest b{color:var(--maroon)}
.mini{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);background:var(--soft);padding:10px 12px;border-radius:4px;font-size:15px}
.mini.hot{background:var(--gold-row)}
.mini b.lg{font-size:22px}
.mini .w{color:var(--red);font-weight:900}

.cta{display:block;background:var(--blue);color:#fff;text-align:center;text-decoration:none;font-size:16px;padding:11px 10px;border-radius:3px;font-weight:500}

/* tables */
.tblwrap{overflow-x:auto;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.tblwrap.plain{border:0}
table{width:100%;border-collapse:collapse}
.bar{display:block;margin:0;background:var(--green);color:#fff;text-align:center;font-size:17px;font-weight:500;padding:11px 8px;line-height:1.35}
.bar.mar{background:var(--maroon)}
.res thead th{background:var(--head);color:#fff;font-weight:500;font-size:15px;padding:10px 12px;text-align:center}
.res thead th:first-child{text-align:left}
.res td{border-bottom:1px solid var(--line);padding:9px 12px;vertical-align:middle}
.res td.g .gn{display:block;font-size:17px;font-weight:500;letter-spacing:.3px;text-transform:uppercase;color:var(--ink);text-decoration:none}
.res td.g small{font-size:13px;color:var(--muted)}
.res td.g .gn .hn{font-family:var(--hi);text-transform:none;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0;white-space:nowrap}
.res td.g small{white-space:nowrap}
.res td.g small a{text-decoration:none}
.res td.n{text-align:center;font-size:24px;font-weight:500;width:22%;font-variant-numeric:tabular-nums}
.res td.n.y{color:#444}
.res td.n .w,.chart .w{font-size:15px;font-weight:900;color:var(--red);letter-spacing:1px}
.res tr.hot td{background:var(--gold-row)}
.res tr.hot td.g .gn::after{content:"NEW";font-size:10px;font-weight:900;background:var(--maroon);color:#fff;border-radius:2px;padding:1px 4px;margin-left:6px;vertical-align:3px;letter-spacing:.5px}
.res tr.grp td{background:var(--soft);color:var(--red);font-weight:700;font-size:16px;box-shadow:inset 5px 0 0 var(--red);padding-left:20px}
.res tr.ad td{background:#FFF0F5;text-align:center;font-weight:700;color:var(--maroon)}
.res tr.ad td a{display:block;font-weight:400;font-size:14px}
@media (max-width:420px){.res td{padding:8px 8px}.res td.n{font-size:21px}.res td.g .gn{font-size:15px}}

.chart thead th{background:var(--head);color:#fff;font-weight:500;font-size:14px;padding:9px 6px;white-space:nowrap}
.chart td{text-align:center;border:1px solid var(--line);padding:6px;font-size:17px;font-weight:500;font-variant-numeric:tabular-nums}
.chart td:first-child{background:var(--soft);font-weight:700;color:#444;font-size:15px}
.chart tr.today td{background:#D9E8FF}
.chart tfoot td{background:var(--soft);font-size:14px}
.chart tfoot a{font-weight:700;text-decoration:none}
.chart.yr td{font-size:15px;padding:5px 4px;min-width:38px}
.chart.yr td.x{background:#E9E9E9}
.chart.yr td.t{background:var(--gold-row);font-weight:900}
.chart.yr td:first-child{position:sticky;left:0;z-index:1}
.chart.yr thead th:first-child{position:sticky;left:0;z-index:2}

.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.tabs a{flex:none;border:1px solid var(--line);background:var(--soft);padding:7px 14px;border-radius:3px;text-decoration:none;color:var(--ink);font-weight:500}
.tabs a.on{background:var(--maroon);border-color:var(--maroon);color:#fff}
.pager{display:flex;justify-content:space-between;gap:10px;font-weight:700}
.pager a{text-decoration:none}

.sel{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
select,.go{height:44px;border:1px solid #BDBDBD;border-radius:3px;background:#fff;color:var(--ink);font:inherit;font-size:16px;padding:0 10px}
.go{background:var(--maroon);color:#fff;border-color:var(--maroon);font-weight:700;cursor:pointer}

/* boxes */
.box{border:1px solid var(--line)}
.box>h2{margin:0;background:var(--maroon);color:#fff;font-size:17px;font-weight:700;padding:9px 12px;text-wrap:balance}
.box .in{padding:12px;display:flex;flex-direction:column;gap:10px}
.box p{margin:0;max-width:75ch}
.prose .in h2,.prose .in h3{margin:6px 0 0;font-size:18px;color:var(--maroon)}
.tim{width:100%;border-collapse:collapse;font-size:15px}
.tim td,.tim th{border:1px solid var(--line);padding:7px 10px;text-align:left}
.tim th{background:var(--soft);font-weight:700}
.tim.big td{padding:10px}
.arch{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.arch a{display:block;border:1px solid var(--line);background:var(--soft);padding:9px 10px;text-decoration:none;font-size:14px;font-weight:500;border-radius:3px}
.faq{margin:0}
.faq dt{font-weight:700;margin-top:8px}
.faq dt:first-child{margin-top:0}
.faq dd{margin:2px 0 0;color:#333}

footer{background:#1F1F1F;color:#BDBDBD;font-size:14px;text-align:center}
footer .pad{padding-block:16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}
footer nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
footer a{color:#EDEDED;text-decoration:none}

.refresh{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--gold);color:#3A2600;border:0;border-radius:4px;font:inherit;font-weight:900;font-size:15px;padding:10px 16px;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;z-index:6}
@media (prefers-reduced-motion:reduce){.wait{animation:none}}
