/* MAXNOW v41 requested lobby / sidebar / mobile polish */

/* 1) Desktop left live-winner area fills the usable viewport and keeps Telegram at bottom. */
@media (min-width:1000px){
  .sidebar{display:flex!important;flex-direction:column!important;height:100vh!important;padding-bottom:16px!important;box-sizing:border-box!important}
  .side-nav{flex:0 0 auto!important}
  .side-live-panel{
    flex:1 1 auto!important;min-height:0!important;margin:18px 10px 0!important;padding:14px 10px 10px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;display:flex!important;flex-direction:column!important;
  }
  .side-live-title{font-size:13px!important;letter-spacing:.4px!important}
  .side-live-sub{font-size:12px!important;margin:6px 0 10px!important}
  .winner-list{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:3px!important}
  .winner-mini{margin:3px 0!important;gap:9px!important;min-height:45px!important;padding:3px 0!important}
  .winner-mini>span{width:38px!important;height:38px!important;flex:0 0 38px!important;font-size:19px!important}
  .winner-mini div{line-height:1.15!important}
  .winner-mini b{font-size:12px!important}.winner-mini small{font-size:10px!important;margin:2px 0!important}.winner-mini strong{font-size:11px!important}
  .telegram-mini{flex:0 0 auto!important;margin-top:auto!important;padding:13px 12px!important;min-height:66px!important}
  .telegram-mini b{font-size:11px!important}.telegram-mini strong{font-size:12px!important}.telegram-mini small{font-size:9px!important}
}
@media (min-width:1000px) and (max-height:760px){
  .winner-mini{min-height:38px!important;margin:1px 0!important}.winner-mini>span{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:16px!important}
  .winner-mini:nth-child(n+7){display:none!important}.telegram-mini{min-height:58px!important;padding:9px 10px!important}
}

/* 2) Top game filters/search: stronger type contrast. */
.quick-strip .quick{color:#dce6f4!important;font-size:14px!important;font-weight:900!important;letter-spacing:-.1px!important;text-shadow:0 1px 0 rgba(0,0,0,.28)!important}
.quick-strip .quick.active,.quick-strip .quick:hover{color:#04140c!important}
.quick-strip .search{color:#c4d0e0!important;border-color:#2a3a50!important}
.quick-strip .search span{font-size:18px!important;color:#edf5ff!important}
.quick-strip .search input{font-size:14px!important;font-weight:850!important;color:#f5f8fd!important}
.quick-strip .search input::placeholder{color:#bdc9d8!important;opacity:1!important}

/* 3) Restore the larger, first-version feel for game/bet history. */
.bet-history-head h2{font-size:30px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.7px!important}
.bet-history-head .eyebrow{font-size:12px!important;font-weight:950!important}
.bet-history-tabs button{font-size:14px!important}
.bet-row{font-size:14px!important}.bet-row-head{font-size:13px!important}.bet-empty b{font-size:18px!important}.bet-empty small{font-size:13px!important}
#sidebarBetHistory{font-size:14px!important;font-weight:900!important}

/* 4) Every requested shelf has the same next-arrow behavior and clearer all-view action. */
.row-actions{display:flex!important;align-items:center!important;gap:9px!important}
.row-actions .more{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 10px!important;color:#c9d5e5!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}
.row-arrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;font-size:28px!important;line-height:1!important}
#featuredShelf,#publisherShelf,#liveShelf,#slotShelf{scroll-snap-type:x mandatory!important}
#featuredShelf>* ,#publisherShelf>* ,#liveShelf>* ,#slotShelf>*{scroll-snap-align:start!important}

/* 5) Emoji flags must stay visible on PC even when a local font stack changes. */
.maxnow-language-v23 .mn-lang-current,.maxnow-language-v23 .mn-lang-menu button{font-family:system-ui,-apple-system,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important}
#mnLangFlag,.mn-lang-menu button[data-lang]{font-variant-emoji:emoji!important}
#mnLangFlag{display:inline-flex!important;min-width:24px!important;align-items:center!important;justify-content:center!important;font-size:20px!important;line-height:1!important}
.mn-lang-menu button{font-size:14px!important}.mn-lang-menu button::first-letter{font-size:18px}

/* 6) Mobile top controls sit inside the viewport; chat and hamburger are both visible. */
@media(max-width:820px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  .app-shell,.main{width:100%!important;max-width:100%!important;min-width:0!important}
  .topbar{width:100%!important;max-width:100vw!important;box-sizing:border-box!important;padding:8px 10px!important;gap:5px!important}
  .topbar .mobile-menu{display:flex!important;order:1!important;flex:0 0 38px!important;width:38px!important;height:46px!important;padding:0!important;margin-left:0!important;font-size:19px!important}
  .topbar .chat-toggle{display:flex!important;order:2!important;flex:0 0 38px!important;width:38px!important;height:46px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:0!important}
  .topbar .chat-toggle .chat-bubble{display:block!important;font-size:18px!important;line-height:1!important}
  .topbar .profile-wrap{order:3!important;flex:0 0 38px!important;width:38px!important;height:46px!important}
  .topbar .profile-btn{width:38px!important;min-width:38px!important;height:46px!important}
  .topbar .wallet-wrap{order:4!important;flex:1 1 auto!important;min-width:0!important}
  .topbar .wallet-button{height:46px!important;min-width:0!important;width:100%!important;padding:0 5px!important;gap:4px!important}
  .topbar .wallet-button #walletOpenLabel{min-width:42px!important;padding:0 6px!important;font-size:12px!important}
  .topbar .wallet-button .wallet-balance{min-width:0!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .topbar .wallet-button .coin-badge{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important}
  .topbar .join-btn{order:5!important;flex:0 0 68px!important;width:68px!important;height:46px!important;padding:0 5px!important;font-size:11px!important}
  .hero,.quick-strip,.section,.site-footer,.bet-history{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important;margin-left:10px!important;margin-right:10px!important}
  .section{padding-left:4px!important;padding-right:4px!important}
  .poster-section,.publisher-section{padding-left:4px!important;padding-right:4px!important}
  .quick-strip{overflow-x:auto!important;padding-bottom:3px!important}.quick-strip .quick{font-size:13px!important;padding:0 14px!important}
  .section-head h2{font-size:22px!important}.row-actions{gap:5px!important}.row-actions .more{padding:0 5px!important;font-size:11px!important}.row-arrow{width:34px!important;height:34px!important;flex-basis:34px!important}
  .bet-history-card{width:calc(100vw - 24px)!important;padding:18px 14px!important}.bet-history-head h2{font-size:26px!important}
}
@media(max-width:390px){
  .topbar{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
  .topbar .mobile-menu,.topbar .chat-toggle{flex-basis:34px!important;width:34px!important}
  .topbar .profile-wrap{flex-basis:34px!important;width:34px!important}.topbar .profile-btn{width:34px!important;min-width:34px!important}
  .topbar .join-btn{flex-basis:61px!important;width:61px!important;font-size:10px!important}
  .topbar .wallet-button #walletOpenLabel{min-width:38px!important;font-size:11px!important;padding:0 4px!important}
}

/* Local SVG flags: reliable on Windows desktop browsers. */
.mn-flag-img{display:inline-block!important;width:24px!important;height:16px!important;object-fit:cover!important;border-radius:2px!important;vertical-align:middle!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
#mnLangFlag{min-width:26px!important}
.mn-lang-menu button .mn-flag-img{flex:0 0 24px!important;margin-right:7px!important}

/* v42 uploaded publisher/casino/slot packs + clearer horizontal scrolling */
#featuredShelf,#publisherShelf,#liveShelf,#slotShelf{display:flex!important;overflow-x:auto!important;scroll-behavior:smooth!important;overscroll-behavior-x:contain!important;padding-bottom:10px!important}
.publisher-card,.poster-card{flex-shrink:0!important}
.publisher-card{cursor:default!important}

.publisher-logo img{max-width:92%!important;max-height:52px!important;object-fit:contain!important}
@media(min-width:1280px){#featuredShelf .poster-card,#liveShelf .poster-card,#slotShelf .poster-card{flex:0 0 calc((100% - 7*12px)/8)!important;max-width:none!important;min-width:150px!important}#publisherShelf .publisher-card{flex:0 0 calc((100% - 7*10px)/8)!important;max-width:none!important;min-width:160px!important}}

/* v44 — align crown-M vertically with MAXNOW wordmark */
.sidebar .maxnow-brand .maxnow-brand-mark{
  transform:translateY(-6px)!important;
}
.footer-maxnow-brand .maxnow-brand-mark{
  transform:translateY(-6px)!important;
}