.mobile-nav,.mobile-controls,.mobile-overlay,.mobile-panel-close{display:none}
@media(max-width:650px){
  html{scroll-padding-top:150px}body{padding-bottom:calc(72px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
  header{position:sticky;top:0;z-index:30;height:88px;gap:4px;padding:6px 10px;background:#1d2947;align-content:center}
  header nav{height:42px;gap:2px;scrollbar-width:none}header nav button{min-height:42px;font-size:11px;padding:0 12px}.account button{min-width:40px;min-height:32px;margin-left:4px}.brand{font-size:16px}
  .notice{min-height:22px;line-height:1.4;padding:5px 8px;font-size:8px}.notice>span{flex-shrink:0}
  .sportbar{position:sticky;top:88px;z-index:20;background:#0c0f16;height:64px;scrollbar-width:none}.sportbar button{min-width:72px;min-height:54px;font-size:9px}
  main{padding:6px;min-height:0;height:auto;gap:6px}.center{width:100%}
  .mobile-controls{display:flex;gap:8px;align-items:center;margin:0 0 6px}.mobile-controls button{min-height:44px;background:#30394b;border:1px solid #566077;padding:0 12px;font-size:12px;flex:1}.mobile-controls span{color:#aeb9cb;font-size:11px}
  .toolbar{padding:8px;min-height:76px;gap:6px}.toolbar>div:first-child{display:flex;align-items:center;gap:10px;width:100%}.toolbar h2{font-size:14px}.toolbar>div>span{font-size:10px}.filters{display:flex;width:100%;gap:4px}.filters button{min-height:40px;flex:1;padding:7px;font-size:11px}
  .tablehead,.match{grid-template-columns:31px minmax(86px,1fr) repeat(3,minmax(45px,1fr)) 26px}.tablehead{font-size:10px;min-height:30px}.match{min-height:66px}.teams{font-size:12px;padding:4px 5px;line-height:1.5}.teams>div{min-height:24px;gap:3px}.teams em{font-size:11px}.odd{min-height:64px;font-size:13px}.more{min-height:64px;padding:0}.match-time{font-size:9px}.match-time small{font-size:8px}.group-title{min-height:32px;font-size:11px;gap:4px}
  main>.sidebar,main>.right{display:none}.leagues-open main>.sidebar,.slip-open main>.right{display:block!important;position:fixed;z-index:60;top:12px;bottom:calc(78px + env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:none;overflow-y:auto;background:#171c26;border:1px solid #67728a;box-shadow:0 8px 30px #000a}
  .sidebar>.panel-title,.side-heading{display:flex}.sidebar .side-foot{display:none}.sidebar #leagues{display:block;overflow:visible;max-height:none}.country{width:auto;min-width:0;border-right:0}.country summary{min-height:46px;font-size:13px;padding:10px}.country .league{min-height:44px;padding:9px 14px;font-size:12px;line-height:1.4}.search input{min-height:44px;font-size:16px}.search button{min-width:44px;min-height:44px}
  .mobile-panel-close{display:block;width:100%;text-align:right;padding:8px 12px;min-height:44px;background:#26324a;color:#dee5f0;border-bottom:1px solid #4d596e;font-size:13px}.right .copyright{display:none}.slip-item{font-size:13px;padding:13px 10px}.remove{min-width:36px;min-height:36px}.slip-note{font-size:11px}.slip-empty{font-size:13px}.calculation{font-size:13px}#stake{font-size:16px;min-height:44px}.primary,.text-button{min-height:44px}
  .mobile-overlay{position:fixed;inset:0;z-index:50;background:#050a14bd;width:100%;height:100%;border:0}.leagues-open .mobile-overlay,.slip-open .mobile-overlay{display:block}.leagues-open,.slip-open{overflow:hidden}
  .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:70;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#1b2641;border-top:1px solid #52617d;gap:0}.mobile-nav button{flex:1;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;min-height:56px;color:#b5c0d2}.mobile-nav button b{font-weight:normal;font-size:20px;line-height:23px}.mobile-nav button.active{color:#e8c44f;background:#25324f}.mobile-nav small{font-size:10px;background:#4c5975;border-radius:8px;padding:1px 5px;margin-left:3px}
  .directory-row{min-height:54px;grid-template-columns:75px minmax(0,1fr) 60px 12px;font-size:12px}.directory-row span{font-size:10px}.directory-row small{font-size:9px}.empty{padding:20px 12px}.empty-button{min-height:44px}
  dialog{padding:18px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 30px);overflow:auto}dialog h2{font-size:18px;padding-right:18px}.close{min-width:44px;min-height:44px;top:0;right:0}.market-grid button{min-height:48px}.modal-note{font-size:12px}#toast{bottom:calc(78px + env(safe-area-inset-bottom));max-width:92vw;width:max-content;line-height:1.5}
  .casino-page main{padding:0 6px 12px;min-height:calc(100dvh - 170px)}.casino-page .mobile-controls{display:none}.casino-tabs{position:sticky;top:88px;z-index:20;background:#0b1016;height:50px;scrollbar-width:none}.casino-tabs button{min-height:48px;padding:0 15px;font-size:11px}.casino-searchbar{padding:10px 0;gap:6px}.casino-searchbar input{min-height:44px;font-size:16px;max-width:68%}.casino-searchbar span{font-size:10px}.provider-heading{padding:4px 0 10px;gap:8px}.provider-heading button{min-height:44px}.provider-heading>button:last-child{font-size:11px;padding:0 6px}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.provider-grid button{min-height:48px;height:auto;padding:8px 5px}.provider-grid strong{font-size:12px}.casino-caption{font-size:10px;line-height:1.6;padding:6px 2px 12px}.casino-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 7px}.casino-open span{font-size:12px;min-height:44px;padding:9px 5px;line-height:1.4}.casino-favourite{min-width:40px;min-height:40px;font-size:24px;right:3px;top:3px;background:#0a0f19c9}.casino-more{min-height:48px;width:100%;margin:12px 0}.casino-empty{padding:24px 12px}.casino-empty button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:650px){body:not(.casino-page) .tablehead,body:not(.casino-page) .match{grid-template-columns:minmax(108px,1.6fr) repeat(3,minmax(48px,.8fr)) 30px}body:not(.casino-page) .match-time,body:not(.casino-page) .tablehead>span:first-child{display:none}body:not(.casino-page) .match{background:#45516e;min-height:78px}body:not(.casino-page) .tablehead{background:#8490b1;color:#fff}body:not(.casino-page) .group-title{background:#7884a5;min-height:34px;color:#fff}body:not(.casino-page) .teams{font-size:13px;padding:7px 8px}body:not(.casino-page) .odd{color:#f8d02c;font-size:17px;font-weight:bold}body:not(.casino-page) .teams .compact-time{font-size:10px;color:#afc3e8;margin-top:3px}body:not(.casino-page) header{background:#233976}body:not(.casino-page) .toolbar{background:#7785a7;border-color:#8192b6}body:not(.casino-page) .match>button{border-color:#26314b}body:not(.casino-page) .more{font-size:26px}}
.compact-time{display:none}@media(max-width:650px){.compact-time{display:block}}