/* ===== MOBILE EXACT REFERENCE LAYOUT v6 ===== */
@media(max-width:720px){
  body{background:#f8fbff!important;color:#0b315d!important;padding-bottom:78px!important}
  .topbar{
    height:126px!important;min-height:126px!important;display:block!important;
    position:relative!important;padding:0!important;background:#fff!important;
    border-bottom:0!important;box-shadow:none!important;z-index:50!important;
  }
  .brand{position:absolute!important;left:24px!important;top:54px!important;width:205px!important;min-width:205px!important;display:flex!important;align-items:center!important;gap:12px!important}
  .brand img{width:58px!important;height:58px!important;border-radius:14px!important}
  .brand span{display:flex!important;flex-direction:column!important}
  .brand b{font-size:23px!important;line-height:.98!important;color:#0b315d!important;white-space:normal!important;max-width:145px!important}
  .brand small{display:none!important}
  .topbar>.live,.topbar>.btn,.topbar>.search,nav,.mobileTopLinks,.mobileModeTabs,.mobileLeaderboard{display:none!important}
  .mobileSearchBtn{
    display:block!important;position:absolute!important;right:82px!important;top:69px!important;
    width:34px!important;height:34px!important;border:0!important;background:transparent!important;
    color:#0b315d!important;font-size:34px!important;line-height:1!important;padding:0!important;
  }
  .topbar:after{
    content:"☰"!important;position:absolute!important;right:25px!important;top:69px!important;
    color:#0b315d!important;font-size:30px!important;line-height:34px!important;font-weight:700!important;
  }
  .mobileRefStats{
    display:flex!important;position:relative!important;height:32px!important;margin:0!important;
    padding:0 12px!important;align-items:center!important;justify-content:flex-start!important;
    background:transparent!important;border:0!important;box-shadow:none!important;z-index:40!important;
  }
  .mobileLivePill,.mobileTotalPill{
    height:34px!important;display:flex!important;align-items:center!important;
    border:1px solid #a9e9c9!important;border-radius:18px!important;background:#effff8!important;
    box-shadow:0 5px 15px rgba(18,160,94,.10)!important;padding:0 13px!important;gap:6px!important;
  }
  .mobileLivePill{color:#0b9347!important;margin-top:-2px!important}
  .mobileLivePill .mobileLiveDot{width:10px!important;height:10px!important;background:#0b9347!important;box-shadow:none!important}
  .mobileLivePill #mobileLiveCount{font-size:12px!important;font-weight:800!important;color:#0b9347!important}
  .mobileTotalPill{margin-left:6px!important;border-color:#9ac8ff!important;background:#f3f8ff!important;color:#1263d5!important}
  .mobileTotalPill>span{font-size:14px!important;color:#1769e8!important}
  .mobileTotalPill #mobileTotalCount{font-size:12px!important;font-weight:800!important;color:#1263d5!important}
  .mobileTotalPill small{font-size:9px!important;color:#52779f!important;font-weight:600!important}
  .mobileRefCategories,.mobileRefNav{display:none!important}
  .hero{display:block!important;position:relative!important;min-height:242px!important;height:242px!important;
    margin:0!important;padding:42px 22px 18px!important;overflow:hidden!important;
    background:#063f93!important;color:#fff!important}
  .heroArt{display:block!important;position:absolute!important;inset:0!important;height:100%!important;margin:0!important;z-index:0!important}
  .heroArt img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
    border-radius:0!important;mix-blend-mode:normal!important;opacity:1!important}
  .heroCopy{position:relative!important;z-index:2!important;width:72%!important}
  .heroCopy .pill{font-size:11px!important;padding:8px 14px!important;border:1px solid #65cfff!important;
    border-radius:18px!important;background:rgba(4,65,142,.65)!important;color:#fff!important;white-space:nowrap!important}
  .hero h1{font-size:38px!important;line-height:1!important;margin:13px 0 0!important;color:#fff!important}
  .hero h2{font-size:38px!important;line-height:1!important;margin:0!important;color:#ffd51a!important}
  .hero p{font-size:14px!important;line-height:1.35!important;margin:11px 0 0!important;color:#fff!important;max-width:310px!important}
  .heroBtns,.heroPoints{display:none!important}
  .submitBar{display:none!important}
  #mobileReferenceBoard{
    display:block!important;margin:0!important;padding:12px 20px 20px!important;background:#fff!important;
  }
  .refExactTabs{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:5px!important;margin-bottom:14px!important}
  .refExactTabs button{height:43px!important;border:1px solid #dce9f5!important;border-radius:22px!important;background:#f5faff!important;color:#0b315d!important;font-size:12px!important;font-weight:800!important}
  .refExactTabs button:first-child{background:#1675f5!important;color:#fff!important;border-color:#1675f5!important}
  .refExactTop3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important}
  .refExactCard{min-width:0!important;height:220px!important;border:1px solid #dbe8f4!important;border-radius:18px!important;
    background:linear-gradient(180deg,#fff 0,#f5fbff 100%)!important;padding:10px 7px!important;text-align:center!important;position:relative!important}
  .refExactCard:first-child{border-color:#ff9d00!important}
  .refExactRank{position:absolute!important;left:10px!important;top:9px!important;width:38px!important;height:38px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;background:#f5a300!important;color:#fff!important;font-size:17px!important;font-weight:900!important}
  .refExactCard:nth-child(2) .refExactRank{background:#9db0c2!important}.refExactCard:nth-child(3) .refExactRank{background:#c87516!important}
  .refExactLogo{width:62px!important;height:62px!important;border-radius:14px!important;object-fit:cover!important;margin:18px auto 8px!important;background:#eef5fa!important}
  .refExactCard h3{font-size:14px!important;line-height:1.1!important;margin:0!important;color:#0b315d!important}
  .refExactCard p{font-size:10px!important;color:#52779f!important;margin:4px 0 12px!important}
  .refExactBid{height:50px!important;border-radius:14px!important;background:#eef7ff!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .refExactBid b{font-size:16px!important;color:#0b315d!important}.refExactBid small{font-size:9px!important;color:#52779f!important}
  .refExactClaim{
    margin-top:16px!important;border-radius:18px!important;padding:14px!important;
    background:linear-gradient(105deg,#0d78ef 0%,#254be9 55%,#9639ef 100%)!important;color:#fff!important;
  }
  .refClaimHead{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}
  .refClaimTitle{font-size:22px!important;font-weight:900!important}.refClaimSub{font-size:11px!important;margin-top:3px!important}
  .refCurrentBid{border:1px solid rgba(255,255,255,.45)!important;border-radius:16px!important;padding:7px 10px!important;font-size:9px!important;white-space:nowrap!important}
  .refAmount{width:58%!important;height:58px!important;margin:12px auto 8px!important;display:grid!important;grid-template-columns:42px 1fr 42px!important;
    background:#fff!important;border-radius:15px!important;overflow:hidden!important;color:#0b315d!important}
  .refAmount button{border:0!important;background:#fff!important;font-size:24px!important;color:#1769e8!important}.refAmount strong{display:grid!important;place-items:center!important;font-size:27px!important;border-left:1px solid #edf0f4!important;border-right:1px solid #edf0f4!important}
  .refClaimFields{display:grid!important;grid-template-columns:1.2fr .9fr!important;gap:7px!important}
  .refClaimFields input,.refClaimFields select{height:46px!important;border:0!important;border-radius:10px!important;padding:0 12px!important;font-size:10px!important;color:#52779f!important}
  .refClaimButton{width:100%!important;height:46px!important;margin-top:9px!important;border:0!important;border-radius:14px!important;background:linear-gradient(90deg,#ff8b00,#ff7100,#e000e9)!important;color:#fff!important;font-size:13px!important;font-weight:900!important}
  .refTop10Head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:20px 2px 9px!important}
  .refTop10Head h2{margin:0!important;font-size:20px!important;color:#0b315d!important}.refTop10Head h2:first-letter{color:#ff8b00!important}
  .refTop10Head a{font-size:12px!important;color:#1769e8!important;font-weight:800!important;text-decoration:none!important}
  .refTop10List{border:1px solid #deebf5!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
  .refTop10Row{height:67px!important;display:grid!important;grid-template-columns:40px 52px 1fr auto 18px!important;align-items:center!important;gap:5px!important;padding:0 10px!important;border-bottom:1px solid #e5edf4!important}
  .refTop10Row:last-child{border-bottom:0!important}
  .refTop10Num{width:34px!important;height:34px!important;border-radius:50%!important;background:#edf5fc!important;display:grid!important;place-items:center!important;color:#0b315d!important;font-weight:800!important}
  .refTop10Logo{width:40px!important;height:40px!important;border-radius:11px!important;object-fit:cover!important;background:#eef5fa!important}
  .refTop10Name b{display:block!important;font-size:12px!important;color:#0b315d!important}.refTop10Name small{display:block!important;font-size:9px!important;color:#52779f!important;margin-top:3px!important}
  .refTop10Bid{font-size:13px!important;font-weight:900!important;color:#1c9b4c!important}.refTop10Arrow{font-size:21px!important;color:#52779f!important}
  .refMore{height:42px!important;margin:0 7px 7px!important;border-radius:14px!important;background:#e5f2ff!important;color:#1769e8!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:800!important}
  .siteFooter{display:none!important}
  .homeStats{display:none!important}
  .mobileBottomNav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:76px!important;z-index:99999!important;
    grid-template-columns:repeat(5,1fr)!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #e1ebf4!important;box-shadow:0 -5px 20px rgba(20,65,110,.08)!important;padding-bottom:5px!important}
  .mobileBottomNav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-decoration:none!important;color:#557b9d!important}
  .mobileBottomNav a span{font-size:25px!important;line-height:1!important}.mobileBottomNav a b{font-size:10px!important}
  .mobileBottomNav a.active{color:#ff7100!important}
  .mobileBottomNav a.active span{font-size:29px!important}
}
@media(min-width:721px){#mobileReferenceBoard{display:none!important}}
/* MOBILE REFERENCE TYPOGRAPHY/HEADER REFINEMENT */
@media(max-width:720px){
  .brand img{display:none!important}
  .brand:before{content:"🇮🇳";display:block!important;font-size:48px!important;line-height:58px!important;width:58px!important;height:58px!important;text-align:center!important}
  .heroCopy .pill{font-size:0!important}
  .heroCopy .pill:after{content:"India's Top Ranking Platform";font-size:11px!important}
  .hero h1{font-size:0!important;margin:12px 0 0!important}
  .hero h1:after{content:"Top Businesses.";display:block!important;font-size:38px!important;line-height:1!important;color:#fff!important}
  .hero h2{font-size:0!important;margin:0!important}
  .hero h2:after{content:"Real Rankings.";display:block!important;font-size:38px!important;line-height:1!important;color:#ffd51a!important}
  .hero p{font-size:0!important;margin-top:12px!important}
  .hero p:after{content:"Discover the best businesses across India and get ahead in the digital world.";display:block!important;font-size:14px!important;line-height:1.35!important;color:#fff!important}
  .heroCopy{width:78%!important}
  .hero{height:244px!important;min-height:244px!important;padding-top:42px!important}
  .refExactClaim{margin-top:15px!important}
  .refTop10Head{margin-top:20px!important}
}
/* MOBILE EXACT FINAL GEOMETRY */
@media(max-width:720px){
  .brand:before{
    content:""!important;display:block!important;width:58px!important;height:58px!important;border-radius:50%!important;
    background:radial-gradient(circle at center,#1855a0 0 7%,#fff 8% 12%,transparent 13%),
      linear-gradient(180deg,#ff9933 0 33%,#fff 33% 66%,#138808 66% 100%)!important;
    border:2px solid #eee!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
  }
  .mobileSearchBtn{
    width:30px!important;height:30px!important;right:82px!important;top:70px!important;
    border:3px solid #0b315d!important;border-radius:50%!important;font-size:0!important;
  }
  .mobileSearchBtn:after{content:"";position:absolute;width:12px;height:3px;background:#0b315d;right:-9px;bottom:-5px;transform:rotate(48deg);border-radius:2px}
  .topbar:after{
    content:""!important;right:25px!important;top:73px!important;width:24px!important;height:3px!important;
    background:#0b315d!important;border-radius:2px!important;box-shadow:0 8px 0 #0b315d,0 16px 0 #0b315d!important;
  }
  .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,47,111,.72),rgba(0,47,111,.25),rgba(0,47,111,.05));z-index:1;pointer-events:none}
  .heroArt{z-index:0!important}.heroCopy{z-index:2!important}
  .hero{height:244px!important;min-height:244px!important}
  .rankingArea{width:100%!important;min-width:0!important;max-width:100%!important}
  #mobileReferenceBoard{width:100vw!important;max-width:100vw!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;padding:12px 12px 20px!important}
  .refExactTop3{width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .refExactCard{width:100%!important;min-width:0!important;height:220px!important;padding:9px 5px!important}
  .refExactRank{left:7px!important;top:8px!important;width:35px!important;height:35px!important}
  .refExactLogo{width:56px!important;height:56px!important;margin:20px auto 8px!important}
  .refExactCard h3{font-size:12px!important}
  .refExactCard p{font-size:9px!important}
  .refExactBid b{font-size:14px!important}
  .refExactBid small{font-size:8px!important}
  .mobileBottomNav{width:100vw!important;max-width:100vw!important;overflow:hidden!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .mobileBottomNav a{min-width:0!important;width:100%!important}
}

@media(max-width:720px){
 .refHeaderIcons{display:flex!important;position:absolute!important;right:22px!important;top:69px!important;gap:25px!important;align-items:center!important;z-index:999999!important}
 .refHeaderIcons button{position:relative!important;width:28px!important;height:28px!important;border:0!important;background:transparent!important;padding:0!important}
 .refHeaderIcons button:first-child{border:3px solid #0b315d!important;border-radius:50%!important;width:22px!important;height:22px!important}
 .refHeaderIcons button:first-child:after{content:"";position:absolute;width:10px;height:3px;background:#0b315d;right:-8px;bottom:-5px;transform:rotate(48deg);border-radius:2px}
 .refHeaderIcons button:last-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}
 .refHeaderIcons button:last-child i{display:block!important;width:24px!important;height:3px!important;background:#0b315d!important;border-radius:2px!important}
 .mobileSearchBtn,.topbar:after{display:none!important}
 .refExactTop3{grid-template-columns:repeat(3,calc((100vw - 38px)/3))!important;width:calc(100vw - 24px)!important;overflow:hidden!important}
 .refExactCard{width:100%!important}
 .mobileBottomNav a:nth-child(5){display:flex!important;visibility:visible!important;opacity:1!important}
 .mobileBottomNav a:nth-child(5) span{font-size:24px!important;color:#557b9d!important}
 .mobileBottomNav a:nth-child(5) b{display:block!important;font-size:10px!important;color:#557b9d!important}
}
@media(max-width:720px){
 .mobileBottomNav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%!important;min-width:0!important;max-width:none!important}
 .mobileBottomNav a{display:flex!important;min-width:0!important}
 .mobileBottomNav a:last-child{display:flex!important}
 .refHeaderIcons{display:flex!important;visibility:visible!important;opacity:1!important}
}/* MOBILE ONLY REFINEMENT */
@media(max-width:720px){
 body{padding-bottom:82px!important}
 .topbar{height:92px!important;min-height:92px!important}
 .brand{left:20px!important;top:17px!important;width:205px!important}
 .brand:before{width:48px!important;height:48px!important}
 .brand b{font-size:21px!important}
 .refHeaderIcons{top:34px!important;right:20px!important}
 .mobileRefStats{position:absolute!important;top:82px!important;left:0!important;height:38px!important;padding:0 12px!important;z-index:80!important;pointer-events:none!important}
 .mobileLivePill,.mobileTotalPill{height:32px!important}
 .mobileLivePill{margin-top:0!important}
 .hero{margin-top:0!important;height:245px!important;min-height:245px!important;padding-top:42px!important}
 .heroArt{z-index:0!important;display:block!important}
 .heroArt img{width:58%!important;height:100%!important;object-fit:contain!important;object-position:right center!important;position:absolute!important;right:0!important;top:0!important}
 .hero:after{background:linear-gradient(90deg,rgba(0,55,125,.86) 0%,rgba(0,55,125,.62) 43%,rgba(0,55,125,.10) 100%)!important}
 .heroCopy{width:78%!important}
 .refHiddenRow{display:none!important}
 .refHiddenRow.show{display:grid!important}
 .refMore{width:calc(100% - 14px)!important;border:0!important;cursor:pointer!important}
 .mobileBottomNav{height:78px!important;border-radius:20px 20px 0 0!important;padding:5px 8px 7px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 30px rgba(13,55,95,.14)!important}
 .mobileBottomNav a{border-radius:14px!important;transition:transform .18s ease,background .18s ease,color .18s ease!important}
 .mobileBottomNav a.active{background:linear-gradient(180deg,#fff3e8,#fff)!important;color:#ff6d00!important;transform:translateY(-2px)!important}
 .mobileBottomNav .mi{font-size:25px!important;line-height:25px!important;font-weight:800!important}
 .mobileBottomNav b{font-size:10px!important;letter-spacing:.1px!important}
 .mobileBottomNav a:active{transform:scale(.94)!important}
 .mobileRefNav,.mobileRefCategories{display:none!important}
 .topbar>.live,.mobileTotalFloating,#mobileTotalFloating{display:none!important}
}
/* MOBILE FINAL POLISH */
@media(max-width:720px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 .topbar{position:relative!important;width:100%!important;overflow:visible!important}
 .brand img{display:block!important;width:48px!important;height:48px!important;border-radius:12px!important;object-fit:contain!important}
 .brand:before{display:none!important}
 .brand{top:16px!important;left:20px!important;width:200px!important}
 .brand b{font-size:20px!important;line-height:1.02!important}
 .refHeaderIcons{display:flex!important;visibility:visible!important;opacity:1!important;position:absolute!important;right:18px!important;top:31px!important;z-index:999999!important;gap:27px!important}
 .refHeaderIcons button{display:block!important;visibility:visible!important;opacity:1!important;background:transparent!important;color:#0b315d!important}
 .refHeaderIcons button:first-child{width:20px!important;height:20px!important;border:3px solid #0b315d!important;border-radius:50%!important}
 .refHeaderIcons button:first-child:after{content:""!important;display:block!important;position:absolute!important;width:10px!important;height:3px!important;background:#0b315d!important;right:30px!important;top:20px!important;transform:rotate(48deg)!important}
 .refHeaderIcons button:last-child{width:26px!important;height:24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:2px 0!important}
 .refHeaderIcons button:last-child i{display:block!important;width:26px!important;height:3px!important;background:#0b315d!important;border-radius:3px!important}
 .mobileRefStats{top:82px!important;width:100%!important;box-sizing:border-box!important;justify-content:flex-start!important;padding:0 12px!important}
 .mobileLivePill{display:flex!important;align-items:center!important;gap:6px!important;padding:0 12px!important;min-width:116px!important}
 .mobileLivePill .mobileLiveDot{display:block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#13a95a!important}
 .mobileLivePill #mobileLiveCount{font-size:12px!important;font-weight:800!important;color:#13984f!important}
 .mobileTotalPill{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important;min-width:132px!important;justify-content:center!important}
 .mobileTotalPill>span{font-size:12px!important}
 .mobileTotalPill #mobileTotalCount{font-size:12px!important}
 .mobileTotalPill small{font-size:9px!important}
 .hero{width:100%!important;box-sizing:border-box!important}
 .heroArt img{width:52%!important;right:-2%!important;object-fit:contain!important;object-position:80% center!important}
 .hero:after{background:linear-gradient(90deg,rgba(0,55,125,.88) 0%,rgba(0,55,125,.64) 48%,rgba(0,55,125,.05) 100%)!important}
 #mobileReferenceBoard{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}
 .refExactTabs,.refExactTop3{width:100%!important;box-sizing:border-box!important}
 .refExactTop3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .refExactCard{width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
 .refExactLogo{display:block!important;width:56px!important;height:56px!important;object-fit:contain!important}
 .mobileBottomNav{left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .mobileBottomNav a{width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
/* MOBILE OVERRIDE FOR LEGACY STAT/NAV RULES */
@media(max-width:720px){
 .mobileRefStats .mobileLivePill,.mobileRefStats .mobileTotalPill{width:auto!important;min-width:0!important;flex:0 0 auto!important;position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important}
 .mobileRefStats>span.mobileLivePill{width:116px!important;min-width:116px!important;height:32px!important;box-sizing:border-box!important}
 .mobileRefStats>span.mobileTotalPill{width:132px!important;min-width:132px!important;height:32px!important;box-sizing:border-box!important;margin-left:auto!important}
 .mobileRefStats>span.mobileLivePill>span.mobileLiveDot{width:9px!important;min-width:9px!important;flex:0 0 9px!important;height:9px!important}
 .mobileRefStats>span.mobileLivePill>b{width:auto!important;min-width:0!important;flex:0 0 auto!important}
 .mobileRefStats>span.mobileTotalPill>span{width:auto!important;min-width:0!important;flex:0 0 auto!important}
 .mobileRefStats>span.mobileTotalPill>b{width:auto!important;min-width:0!important;flex:0 0 auto!important}
 .mobileRefStats>span.mobileTotalPill>small{width:auto!important;min-width:0!important;flex:0 0 auto!important}
 .brand img{display:none!important}
 .brand:before{content:""!important;display:block!important;width:48px!important;height:48px!important;border-radius:50%!important;border:2px solid #eee!important;box-sizing:border-box!important;background:radial-gradient(circle at center,#1552a0 0 8%,#fff 9% 18%,transparent 19%),linear-gradient(180deg,#ff9933 0 33%,#fff 33% 66%,#138808 66% 100%)!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}
 .refHeaderIcons,body>header.topbar>.refHeaderIcons{display:flex!important;position:absolute!important;right:18px!important;top:31px!important;width:78px!important;height:28px!important;z-index:2147483647!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 .refHeaderIcons button:first-child{display:block!important;position:relative!important;width:21px!important;height:21px!important;border:3px solid #0b315d!important;border-radius:50%!important;box-sizing:border-box!important}
 .refHeaderIcons button:first-child:after{content:""!important;position:absolute!important;display:block!important;width:10px!important;height:3px!important;background:#0b315d!important;right:-8px!important;bottom:-5px!important;transform:rotate(48deg)!important}
 .refHeaderIcons button:last-child{display:flex!important;width:27px!important;height:24px!important;flex-direction:column!important;justify-content:space-between!important;background:transparent!important;border:0!important}
 .refHeaderIcons button:last-child i{display:block!important;width:27px!important;height:3px!important;background:#0b315d!important;border-radius:3px!important}
 .mobileBottomNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;left:0!important;right:0!important;box-sizing:border-box!important;overflow:hidden!important}
 .mobileBottomNav a{display:flex!important;width:100%!important;min-width:0!important;flex:initial!important}
 .mobileBottomNav .mi{font-size:24px!important}
}/* FINAL MOBILE LEGACY OVERRIDES */
@media(max-width:720px){
 .mobileRefStats>span.mobileLivePill{
  all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;left:12px!important;right:auto!important;top:3px!important;
  width:116px!important;height:32px!important;box-sizing:border-box!important;
  border:1px solid #a9e9c9!important;border-radius:18px!important;background:#effff8!important;
  box-shadow:0 5px 15px rgba(18,160,94,.10)!important;color:#0b9347!important;gap:6px!important;
 }
 .mobileRefStats>span.mobileLivePill .mobileLiveDot{
  display:block!important;width:9px!important;height:9px!important;min-width:9px!important;flex:0 0 9px!important;
  border-radius:50%!important;background:#0b9347!important;box-shadow:none!important;
 }
 .mobileRefStats>span.mobileLivePill #mobileLiveCount{
  display:block!important;width:auto!important;height:auto!important;font-size:12px!important;font-weight:800!important;
  color:#0b9347!important;white-space:nowrap!important;
 }
 .mobileRefStats>span.mobileTotalPill{
  all:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;left:auto!important;right:12px!important;top:3px!important;
  width:132px!important;height:32px!important;box-sizing:border-box!important;
  border:1px solid #9ac8ff!important;border-radius:18px!important;background:#f3f8ff!important;
  box-shadow:0 5px 15px rgba(18,99,213,.08)!important;color:#1769e8!important;gap:5px!important;
 }
 .mobileRefStats>span.mobileTotalPill>span,.mobileRefStats>span.mobileTotalPill>b,.mobileRefStats>span.mobileTotalPill>small{
  display:block!important;width:auto!important;height:auto!important;min-width:0!important;flex:0 0 auto!important;white-space:nowrap!important;
 }
 .mobileRefStats>span.mobileTotalPill>span{font-size:12px!important;color:#1769e8!important}
 .mobileRefStats>span.mobileTotalPill>b{font-size:12px!important;font-weight:800!important;color:#1263d5!important}
 .mobileRefStats>span.mobileTotalPill>small{font-size:9px!important;color:#52779f!important;font-weight:600!important}
 body>header.topbar>.refHeaderIcons{
  position:fixed!important;right:18px!important;top:31px!important;width:78px!important;height:28px!important;
  display:flex!important;z-index:2147483647!important;visibility:visible!important;opacity:1!important;
 }
 .mobileBottomNav{
  position:fixed!important;left:0!important;right:auto!important;bottom:0!important;
  width:100vw!important;max-width:100vw!important;height:78px!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  box-sizing:border-box!important;overflow:hidden!important;
 }
 .mobileBottomNav a{display:flex!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
}@media(max-width:720px){
 .mobileBottomNav .mi{font-size:0!important;width:28px!important;height:27px!important;display:grid!important;place-items:center!important}
 .mobileBottomNav a:nth-child(1) .mi:before{content:"⌂"!important;font-size:27px!important}
 .mobileBottomNav a:nth-child(2) .mi:before{content:"♛"!important;font-size:24px!important}
 .mobileBottomNav a:nth-child(3) .mi:before{content:"▦"!important;font-size:26px!important}
 .mobileBottomNav a:nth-child(4) .mi:before{content:"➤"!important;font-size:25px!important}
 .mobileBottomNav a:nth-child(5) .mi:before{content:"●"!important;font-size:23px!important}
}@media(max-width:720px){
 .mobileRefStats{width:100vw!important;max-width:100vw!important;box-sizing:border-box!important}
 .mobileRefStats>span.mobileTotalPill{position:fixed!important;right:12px!important;left:auto!important;top:85px!important;z-index:2147483646!important}
 #mobileReferenceBoard{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important;box-sizing:border-box!important}
 .refExactTop3{width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .topbar:before{content:"⌕"!important;display:block!important;position:fixed!important;right:73px!important;top:27px!important;z-index:2147483647!important;color:#0b315d!important;font-size:36px!important;font-weight:700!important;line-height:30px!important}
 .topbar:after{content:"☰"!important;display:block!important;position:fixed!important;right:19px!important;top:29px!important;z-index:2147483647!important;color:#0b315d!important;font-size:30px!important;font-weight:700!important;line-height:30px!important;background:none!important;box-shadow:none!important;width:auto!important;height:auto!important}
 .refHeaderIcons{display:none!important}
}@media(max-width:720px){
 .mobileRefStats{overflow:visible!important}
 #mobileReferenceBoard .refExactTop3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important}
 .topbar:before{content:""!important;display:block!important;position:fixed!important;right:70px!important;top:29px!important;width:20px!important;height:20px!important;border:3px solid #0b315d!important;border-radius:50%!important;box-sizing:border-box!important;z-index:2147483647!important}
 .topbar:before{box-shadow:9px 14px 0 -7px #0b315d!important}
 .topbar:after{content:""!important;display:block!important;position:fixed!important;right:18px!important;top:31px!important;width:27px!important;height:3px!important;background:#0b315d!important;border-radius:3px!important;z-index:2147483647!important;box-shadow:0 8px 0 #0b315d,0 16px 0 #0b315d!important}
}
/* FINAL CLEAN MOBILE MATCH - 2026-09-24 */
@media(max-width:720px){
 html,body{overflow-x:hidden!important}
 .topbar{height:92px!important;min-height:92px!important;overflow:visible!important;position:relative!important}
 .brand{left:20px!important;top:17px!important;width:220px!important;height:58px!important;display:flex!important;align-items:center!important;gap:10px!important}
 .brand img{display:block!important;width:48px!important;height:48px!important;border-radius:50%!important;object-fit:contain!important}
 .brand:before{display:none!important}
 .brand span{display:block!important}
 .brand b{font-size:20px!important;line-height:21px!important;display:block!important;white-space:nowrap!important}
 .brand small{font-size:8px!important;line-height:10px!important;display:block!important}
 .mobileRefStats{position:absolute!important;left:0!important;top:82px!important;width:100vw!important;height:36px!important;overflow:visible!important;z-index:10000!important;pointer-events:none!important}
 .mobileRefStats>span.mobileLivePill{position:absolute!important;left:12px!important;right:auto!important;top:3px!important;width:116px!important;height:32px!important;min-width:116px!important;box-sizing:border-box!important}
 .mobileRefStats>span.mobileTotalPill{position:absolute!important;left:auto!important;right:12px!important;top:3px!important;width:132px!important;height:32px!important;min-width:132px!important;box-sizing:border-box!important}
 .mobileRefStats>span{pointer-events:auto!important}
 .hero{margin-top:0!important;height:245px!important;min-height:245px!important;border-radius:0 0 10px 10px!important}
 .heroArt img{width:48%!important;right:-1%!important;object-fit:contain!important;object-position:82% center!important}
 .heroContent{padding-top:43px!important}
 #mobileReferenceBoard{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin:0 12px!important;padding:0!important;overflow:visible!important}
 .refExactTop3{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .refExactCard{min-width:0!important;width:auto!important;max-width:none!important;overflow:hidden!important;padding:10px 6px!important}
 .refExactCard h3{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .refExactCard p{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important}
 .refExactLogo{width:52px!important;height:52px!important}
 .refExactBid{padding:8px 2px!important}
 .refExactBid b{font-size:12px!important}
 .refExactBid small{font-size:8px!important}
 .refExactClaim{width:100%!important;box-sizing:border-box!important}
 .mobileBottomNav{left:0!important;right:auto!important;bottom:0!important;width:100vw!important;height:78px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:hidden!important;box-sizing:border-box!important}
 .mobileBottomNav a{display:flex!important;width:auto!important;min-width:0!important;max-width:100%!important;flex:none!important;box-sizing:border-box!important;overflow:hidden!important}
 .mobileBottomNav a b{font-size:9px!important;white-space:nowrap!important}
 .mobileBottomNav .mi{font-size:0!important;width:24px!important;height:24px!important;position:relative!important}
 .mobileBottomNav a:nth-child(1) .mi:before{content:""!important;position:absolute!important;width:15px!important;height:15px!important;border:2px solid currentColor!important;border-radius:3px!important;left:3px!important;top:4px!important}
 .mobileBottomNav a:nth-child(2) .mi:before{content:""!important;position:absolute!important;width:18px!important;height:14px!important;border:2px solid currentColor!important;border-radius:3px!important;left:2px!important;top:5px!important}
 .mobileBottomNav a:nth-child(3) .mi:before{content:""!important;position:absolute!important;width:15px!important;height:15px!important;border:2px solid currentColor!important;left:3px!important;top:4px!important;box-shadow:6px 0 0 -4px currentColor,0 6px 0 -4px currentColor,6px 6px 0 -4px currentColor!important}
 .mobileBottomNav a:nth-child(4) .mi:before{content:""!important;position:absolute!important;width:17px!important;height:12px!important;border-left:3px solid currentColor!important;border-bottom:3px solid currentColor!important;transform:skewY(-30deg) rotate(-30deg)!important;left:2px!important;top:5px!important}
 .mobileBottomNav a:nth-child(5) .mi:before{content:""!important;position:absolute!important;width:15px!important;height:15px!important;border:2px solid currentColor!important;border-radius:50%!important;left:3px!important;top:4px!important}
 .mobileBottomNav a:nth-child(5) .mi:after{content:""!important;position:absolute!important;width:7px!important;height:7px!important;border:2px solid currentColor!important;border-radius:50%!important;left:7px!important;top:8px!important}
 .mobileBottomNav a.active{background:linear-gradient(180deg,#fff8f1,#fff)!important;color:#ff5b18!important}
 body.night .mobileBottomNav a.active{background:#21332d!important}
 .mobileSearchBtn,.themeToggle,.topbar>.search,.topbar>.btn{display:none!important}
 .mobileHeaderActions{display:flex!important;position:fixed!important;right:18px!important;top:28px!important;width:78px!important;height:30px!important;z-index:2147483647!important;align-items:center!important;justify-content:space-between!important}
 .mobileHeaderActions button{display:block!important;background:transparent!important;border:0!important;padding:0!important;width:28px!important;height:28px!important;position:relative!important}
 .mobileHeaderActions .searchIcon:before{content:""!important;position:absolute!important;width:17px!important;height:17px!important;border:3px solid #0b315d!important;border-radius:50%!important;left:1px!important;top:1px!important;box-sizing:border-box!important}
 .mobileHeaderActions .searchIcon:after{content:""!important;position:absolute!important;width:10px!important;height:3px!important;background:#0b315d!important;transform:rotate(45deg)!important;left:15px!important;top:19px!important;border-radius:3px!important}
 .mobileHeaderActions .menuIcon:before{content:""!important;position:absolute!important;left:0!important;top:4px!important;width:27px!important;height:3px!important;background:#0b315d!important;border-radius:3px!important;box-shadow:0 9px 0 #0b315d,0 18px 0 #0b315d!important}
}
@media(min-width:721px){.mobileHeaderActions{display:none!important}}

@media(max-width:720px){
 .brand{width:190px!important}
 .brand b{white-space:normal!important;font-size:18px!important;line-height:18px!important}
 .mobileHeaderActions .searchIcon:before{content:""!important;position:absolute!important;width:17px!important;height:17px!important;border:3px solid #0b315d!important;border-radius:50%!important;left:1px!important;top:1px!important;box-sizing:border-box!important}
 .mobileHeaderActions .searchIcon:after{content:""!important;position:absolute!important;width:10px!important;height:3px!important;background:#0b315d!important;transform:rotate(45deg)!important;left:15px!important;top:19px!important;border-radius:3px!important}
 .mobileHeaderActions .menuIcon:before{content:""!important;position:absolute!important;left:0!important;top:4px!important;width:27px!important;height:3px!important;background:#0b315d!important;border-radius:3px!important;box-shadow:0 9px 0 #0b315d,0 18px 0 #0b315d!important}
 .mobileBottomNav{grid-template-columns:repeat(5,20vw)!important}
 .mobileBottomNav a{width:20vw!important;max-width:20vw!important;min-width:20vw!important}
}

@media(max-width:720px){
 #mobileFinalTotal{position:fixed!important;left:calc(100vw - 144px)!important;right:auto!important;top:85px!important;width:132px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;z-index:2147483646!important;border:1px solid #9ac8ff!important;border-radius:18px!important;background:#f3f8ff!important;box-sizing:border-box!important;color:#1769e8!important;font:700 12px Inter,sans-serif!important}
 #mobileFinalTotal span{font-size:9px!important;color:#1263d5!important}
 #mobileFinalTotal b{font-size:12px!important;color:#1263d5!important}
 #mobileFinalTotal small{font-size:9px!important;color:#52779f!important;font-weight:600!important}
 #mobileFinalActions{position:fixed!important;right:18px!important;top:27px!important;width:72px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:2147483647!important}
 #mobileFinalActions button{width:28px!important;height:28px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
 #mobileFinalActions svg{width:26px!important;height:26px!important;fill:none!important;stroke:#0b315d!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 #mobileFinalNav{position:fixed!important;left:0!important;bottom:0!important;width:100vw!important;height:78px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e6eaf0!important;display:flex!important;z-index:2147483647!important;box-sizing:border-box!important;padding:4px 0!important}
 #mobileFinalNav a{width:20vw!important;min-width:20vw!important;max-width:20vw!important;height:70px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-decoration:none!important;color:#6c8197!important;font:600 9px Inter,sans-serif!important;box-sizing:border-box!important;border-radius:14px!important}
 #mobileFinalNav a.active{color:#ff5b18!important;background:#fff7ef!important}
 #mobileFinalNav i{display:block!important;width:22px!important;height:22px!important;position:relative!important;box-sizing:border-box!important}
 #mobileFinalNav .homeIcon{border:2px solid currentColor!important;border-radius:4px!important;margin-top:2px!important}
 #mobileFinalNav .homeIcon:before{content:""!important;position:absolute!important;width:12px!important;height:12px!important;border-left:2px solid currentColor!important;border-top:2px solid currentColor!important;transform:rotate(45deg)!important;left:3px!important;top:-7px!important;background:#fff!important}
 #mobileFinalNav .rankIcon{border:2px solid currentColor!important;border-radius:3px!important}
 #mobileFinalNav .rankIcon:before{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:10px!important;height:2px!important;background:currentColor!important;box-shadow:0 5px 0 currentColor!important}
 #mobileFinalNav .catIcon{border:2px solid currentColor!important;border-radius:2px!important}
 #mobileFinalNav .catIcon:before{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:3px!important;height:3px!important;background:currentColor!important;box-shadow:6px 0 currentColor,0 6px currentColor,6px 6px currentColor!important}
 #mobileFinalNav .submitIcon{border-left:3px solid currentColor!important;border-bottom:3px solid currentColor!important;transform:rotate(-45deg)!important;border-radius:2px!important}
 #mobileFinalNav .accountIcon{border:2px solid currentColor!important;border-radius:50%!important}
 #mobileFinalNav .accountIcon:before{content:""!important;position:absolute!important;width:6px!important;height:6px!important;border:2px solid currentColor!important;border-radius:50%!important;left:6px!important;top:3px!important}
 #mobileFinalNav .accountIcon:after{content:""!important;position:absolute!important;width:12px!important;height:6px!important;border:2px solid currentColor!important;border-radius:8px 8px 0 0!important;left:3px!important;bottom:2px!important}
}

/* PHONE CANVAS: keep the reference layout at 390px while preserving desktop */
@media(max-width:720px){
 html,body{width:min(390px,100vw)!important;max-width:min(390px,100vw)!important;margin:0!important;overflow-x:hidden!important}
 .topbar,.hero,#mobileReferenceBoard,.mobileRefStats{width:min(390px,100vw)!important;max-width:min(390px,100vw)!important}
 .mobileRefStats{left:0!important}
 #mobileFinalTotal{left:calc(min(390px,100vw) - 144px)!important;right:auto!important}
 #mobileFinalActions{left:calc(min(390px,100vw) - 90px)!important;right:auto!important}
 #mobileFinalNav{left:0!important;right:auto!important;width:min(390px,100vw)!important;max-width:min(390px,100vw)!important}
 #mobileFinalNav a{width:20%!important;min-width:20%!important;max-width:20%!important}
 #mobileReferenceBoard{margin-left:12px!important;margin-right:12px!important;width:calc(min(390px,100vw) - 24px)!important;max-width:calc(min(390px,100vw) - 24px)!important}
 .refExactTop3{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}
 .refExactCard{min-width:0!important}
}

@media(max-width:720px){
 .brand:before{content:""!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;border:2px solid #ddd!important;box-sizing:border-box!important;background:radial-gradient(circle at 50% 50%,#1552a0 0 5%,transparent 6%),linear-gradient(180deg,#ff9933 0 33%,#fff 33% 66%,#138808 66% 100%)!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important}
 .heroCopy{width:100%!important}
 .hero h1:after,.hero h2:after{white-space:nowrap!important}
 .hero h1:after{font-size:34px!important}
 .hero h2:after{font-size:34px!important}
 .hero p:after{max-width:330px!important}
 .mobileTotalPill,#mobileTotalFloating,.mobileTotalFloating{display:none!important}
}