/* Mobile composition follows the six supplied 330 px reference views. */
.mobile-only,.mobile-menu-backdrop{display:none}
.sports-block{display:contents}
.footer-social>picture{display:block}
.footer-social>picture img{width:196px}
.footer-section-toggle{font:inherit!important;color:inherit!important;line-height:inherit!important;margin:0!important;padding:0!important;cursor:default}
.footer-section-toggle svg{display:none}
@media(max-width:700px){
  :root{--m:clamp(1px,.30303vw,1.4px);--mobile-header:calc(42 * var(--m));--mobile-nav:calc(36 * var(--m));--mobile-bottom:calc(45 * var(--m));--page:#1f1732;--ink:#171329}
  html{scroll-padding-top:calc(var(--mobile-header) + var(--mobile-nav) + 12px)}
  body{background:#1f1732;color:#171329;padding-top:calc(var(--mobile-header) + var(--mobile-nav));padding-bottom:calc(var(--mobile-bottom) + env(safe-area-inset-bottom,0px));min-width:300px;overflow-x:clip}
  .mobile-only{display:flex}
  .container{width:calc(100% - 12px);max-width:none}
  .header{position:fixed;inset:0 0 auto;z-index:40;height:var(--mobile-header);border:0;background:radial-gradient(ellipse at 50% -50%,#482355 0%,#322040 52%,#20182f 100%)}
  .header-inner{width:calc(100% - 16px);height:var(--mobile-header);gap:calc(8 * var(--m));justify-content:flex-start}
  .mobile-grid-button{width:calc(16 * var(--m));height:calc(30 * var(--m));align-items:center;justify-content:center;padding:0;flex-shrink:0}
  .mobile-grid-button svg{fill:#b735ba;width:calc(12 * var(--m));height:calc(12 * var(--m))}
  .brand{width:calc(80 * var(--m));height:auto;margin-left:-2px;flex-shrink:0}
  .brand img{width:100%;height:auto;mix-blend-mode:lighten}
  .header-actions{margin-left:auto;gap:calc(5 * var(--m))}
  .header-button.login,.header-button.register{width:calc(48 * var(--m));height:calc(16 * var(--m));min-height:16px;padding:0;font-family:Roboto,Arial,sans-serif;font-size:calc(7 * var(--m));line-height:1;font-weight:700;border-radius:calc(4 * var(--m));gap:0}
  .header-button.login{background:#343454;color:#fff}
  .header-button.register{width:calc(46 * var(--m));background:#ffe689;color:#191324}
  .header-button.login img,.header-button.register img{display:none}
  .mobile-hamburger{width:calc(20 * var(--m));height:calc(30 * var(--m));padding:0;align-items:center;justify-content:center;color:#ddd6e8}
  .mobile-hamburger svg{width:calc(15 * var(--m));height:calc(15 * var(--m));stroke:currentColor;stroke-width:1.4;fill:none}
  .navigation{position:fixed;top:var(--mobile-header);left:0;right:0;z-index:39;height:var(--mobile-nav);background:#20182f;box-shadow:0 2px 4px #100c1c35}
  .nav-inner{width:100%;height:100%;padding:0 calc(6 * var(--m));gap:0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .nav-item{height:calc(30 * var(--m));font-family:Poppins,sans-serif;font-size:calc(8 * var(--m));font-weight:700;color:#fff;gap:calc(6 * var(--m));padding:0 calc(5 * var(--m));border-radius:calc(4 * var(--m));flex-shrink:0}
  .nav-item:nth-child(n+5){display:flex}
  .nav-item.home{width:calc(42 * var(--m));height:calc(29 * var(--m));padding:0;background:#352841;margin:0 calc(4 * var(--m)) 0 0;flex-shrink:0}
  .nav-item img{width:calc(19 * var(--m));height:calc(22 * var(--m));object-fit:contain}
  .nav-item.home img{mix-blend-mode:normal}
  .nav-item:hover:not(.bonus){background:#403049}
  main.container{display:flex;flex-direction:column}
  main>section,main>div{min-width:0;width:100%}
  .hero{order:0;margin:0;padding:0}
  .hero-track{border-radius:3px;gap:8px;scroll-snap-type:x mandatory;overflow-x:auto;scrollbar-width:none}
  .hero-track::-webkit-scrollbar{display:none}
  .hero-banner{flex:0 0 100%;min-width:100%;width:100%;border-radius:3px;scroll-snap-align:start;overflow:hidden}
  .hero-banner[data-promo=welcome]{order:-1}
  .hero-banner picture{display:block;width:100%}
  .hero-banner img{width:100%;height:auto;aspect-ratio:318/204;object-fit:cover}
  .hero .round-arrow{width:calc(32 * var(--m));height:calc(32 * var(--m));font-size:calc(21 * var(--m));background:#251b36;color:#ad3ba7;box-shadow:none;top:52%;transform:translateY(-50%)}
  .hero-prev{left:calc(-12 * var(--m))}.hero-next{right:calc(-12 * var(--m))}
  .categories{order:1;margin:calc(14 * var(--m)) 0 0;position:relative}
  .categories>h1,.categories>.category-track,.categories>.round-arrow,.categories>.carousel-dots{display:none}
  .mobile-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(6 * var(--m))}
  .mobile-category-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;aspect-ratio:74/72;padding:calc(4 * var(--m)) 2px calc(5 * var(--m));background:#ede7f3;border:1px solid #d7cddd;border-radius:calc(11 * var(--m));overflow:hidden;color:#08051c;gap:0;min-width:0}
  .mobile-category-tile img{width:calc(59 * var(--m));height:auto;max-height:73%;object-fit:contain;mix-blend-mode:normal}
  .mobile-category-tile>span{margin-top:auto;font-size:calc(8 * var(--m));line-height:calc(11 * var(--m));font-family:Roboto,Arial,sans-serif;font-weight:500;white-space:nowrap;max-width:100%;letter-spacing:-.12px}
  .mobile-category-tile.is-live:after{content:'';position:absolute;top:calc(5 * var(--m));right:calc(14 * var(--m));width:calc(7 * var(--m));height:calc(7 * var(--m));border-radius:50%;background:#ff6076;border:2px solid #fff;box-shadow:0 0 0 1px #ff7183}
  .mobile-category-tile:active{background:#e1d0ed;transform:scale(.98)}
  .bonus-row{order:2;display:grid;grid-template-columns:1fr;gap:calc(6 * var(--m));margin-top:calc(6 * var(--m));margin-bottom:calc(6 * var(--m))}
  .bonus-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:calc(24 * var(--m)) auto;gap:calc(6 * var(--m)) 5px;align-items:center;height:calc(97 * var(--m));padding:calc(11 * var(--m)) calc(12 * var(--m)) calc(16 * var(--m));border-radius:calc(4 * var(--m));background:#701a75}
  .bonus-card.monthly{background:#581c87}
  .bonus-card h2{grid-area:1/1;width:auto;gap:calc(6 * var(--m));font-size:calc(9 * var(--m));line-height:calc(14 * var(--m));letter-spacing:-.12px;font-weight:700;color:#ffe924}
  .gift-icon{width:calc(12 * var(--m));height:calc(14 * var(--m));flex-shrink:0;stroke-width:2;fill:#fff}
  .bonus-card .claim{grid-area:1/2;padding:0 calc(12 * var(--m));height:calc(24 * var(--m));font-size:calc(10 * var(--m));line-height:1;background:#b218b4;border-radius:calc(18 * var(--m));justify-self:end}
  .bonus-card.monthly .claim{background:#4934d7}
  .countdown{grid-area:2/1/3/3;justify-self:center;gap:calc(12 * var(--m));align-self:start;color:#20182e}
  .time-unit{gap:calc(4 * var(--m))}.time-digits{gap:calc(3 * var(--m))}
  .digit{width:calc(17 * var(--m));min-width:0;height:calc(21 * var(--m));font-size:calc(10 * var(--m));border-radius:calc(3 * var(--m));line-height:1;background:#e7e6e9}
  .time-unit:first-child .digit{background:#ffed83}
  .time-label{font-size:calc(8 * var(--m));line-height:calc(10 * var(--m));color:#f0e6f7}
  .sports-block{display:block;order:3;margin:0}
  .sports-row{display:flex;overflow-x:auto;margin:0;gap:calc(9 * var(--m));scroll-snap-type:x mandatory;padding:0;scrollbar-width:none}
  .sports-row button{flex:0 0 86%;border-radius:calc(13 * var(--m));scroll-snap-align:start;box-shadow:none}
  .sports-row img{width:100%;aspect-ratio:273/136;object-fit:cover}
  .mobile-sports-dots{height:calc(31 * var(--m));display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--m));padding-top:calc(5 * var(--m))}
  .mobile-sports-dots button{width:calc(5 * var(--m));height:calc(5 * var(--m));background:#59285e;border-radius:9px;padding:0}
  .mobile-sports-dots button.active{width:calc(13 * var(--m));background:#e116ce}
  .winners{order:4;background:#e1dbe7;margin:0 0 calc(18 * var(--m));padding:calc(9 * var(--m)) calc(9 * var(--m)) calc(11 * var(--m));height:auto;min-height:calc(480 * var(--m));border-radius:calc(11 * var(--m))}
  .winners-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:calc(19 * var(--m)) calc(24 * var(--m)) calc(27 * var(--m));gap:calc(2 * var(--m)) calc(5 * var(--m));margin:0 0 calc(10 * var(--m));min-height:0}
  .winners-heading h2{grid-area:1/1/2/3;font-size:calc(11 * var(--m));line-height:calc(18 * var(--m));font-family:Poppins,sans-serif;font-weight:400;white-space:nowrap}
  .spark{font-size:calc(16 * var(--m));line-height:1;color:#b63eab}
  .winner-tabs{grid-area:2/1/3/3;width:100%;order:initial;margin:0;display:flex;justify-content:space-between;gap:calc(2 * var(--m));overflow:visible}
  .winner-tabs button{padding:calc(1 * var(--m)) calc(7 * var(--m));font-size:calc(7 * var(--m));line-height:calc(17 * var(--m));letter-spacing:-.1px;border-radius:calc(6 * var(--m));background:none;border-color:transparent;color:#81758e;white-space:nowrap}
  .winner-tabs button.selected{border:1px solid #fff;background:#eee9ff;box-shadow:0 2px 4px #322b3718;color:#251c3b}
  .winners select{grid-area:3/1;justify-self:end;margin:0;padding:0 calc(8 * var(--m));width:calc(150 * var(--m));max-width:none;height:calc(19 * var(--m));font-size:calc(8 * var(--m));line-height:1;border-radius:calc(5 * var(--m));box-shadow:0 3px 5px #39253c20;background:#ab17b0}
  .small-arrows{grid-area:3/2;display:flex;gap:calc(5 * var(--m));height:calc(24 * var(--m))}
  .small-arrows button{width:calc(25 * var(--m));height:calc(24 * var(--m));font-size:calc(16 * var(--m));border-radius:calc(5 * var(--m));padding:0}
  .winner-track{display:flex;flex-direction:column;overflow:visible;gap:calc(8 * var(--m));padding:0}
  .winner-card{flex:none;width:100%;height:calc(57 * var(--m));padding:calc(4 * var(--m));gap:calc(9 * var(--m));border-radius:calc(9 * var(--m));box-shadow:none;background:#eee9ff;min-width:0}
  .winner-card img{width:calc(48 * var(--m));height:calc(48 * var(--m));flex-shrink:0}
  .winner-card div{text-align:left;display:grid;grid-template-columns:1fr auto;column-gap:5px;min-width:0}
  .winner-card h3{grid-area:1/1/2/3;font-size:calc(9 * var(--m));line-height:calc(13 * var(--m));font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .winner-user{font-size:calc(8 * var(--m));line-height:calc(16 * var(--m));color:#aaa4b0}
  .winner-amount{font-size:calc(11 * var(--m));line-height:calc(16 * var(--m));font-weight:700;padding-right:calc(7 * var(--m))}
  .jackpots{order:5;padding:calc(10 * var(--m)) calc(9 * var(--m)) calc(26 * var(--m));margin:0 0 calc(13 * var(--m));height:calc(180 * var(--m));border-radius:calc(11 * var(--m));background:#e1dbe7}
  .jackpots h2{font-size:calc(9 * var(--m));line-height:calc(22 * var(--m));margin:0 0 calc(9 * var(--m));font-weight:700}
  .jackpot-track{gap:calc(9 * var(--m));padding:0;scroll-snap-type:x mandatory}
  .jackpot-card{flex:0 0 70.5%;min-width:0;height:calc(113 * var(--m));padding:calc(7 * var(--m));border-radius:calc(11 * var(--m));scroll-snap-align:start;background:#fff}
  .jackpot-top{gap:calc(6 * var(--m));margin:0 0 calc(6 * var(--m));height:calc(22 * var(--m));position:relative}
  .jackpot-top img{width:calc(22 * var(--m));height:calc(22 * var(--m));border-radius:calc(6 * var(--m))}
  .jackpot-name{align-self:start;padding-top:calc(1 * var(--m))}
  .jackpot-name small{font-size:calc(7 * var(--m));line-height:calc(8 * var(--m));margin-bottom:calc(2 * var(--m))}
  .jackpot-name h3{font-size:calc(8 * var(--m));line-height:calc(10 * var(--m));letter-spacing:-.2px}
  .jackpot-total{font-size:calc(8 * var(--m));letter-spacing:-.2px;padding-top:calc(1 * var(--m));margin-left:auto;position:absolute;right:0;top:0}
  .jackpot-grid{gap:calc(5 * var(--m))}
  .jackpot-tier{height:calc(33 * var(--m));padding:calc(5 * var(--m));border-radius:calc(5 * var(--m));background:#eff0f4}
  .jackpot-tier>span{font-size:calc(6 * var(--m));line-height:calc(7 * var(--m));margin-bottom:calc(3 * var(--m));color:#766e82}
  .jackpot-tier b{font-size:calc(8 * var(--m));line-height:calc(10 * var(--m));display:block}
  .jackpot-arrow{top:calc(9 * var(--m));width:calc(24 * var(--m));height:calc(24 * var(--m));border-radius:calc(5 * var(--m));font-size:calc(16 * var(--m));line-height:calc(24 * var(--m));padding:0;box-shadow:none}
  .jackpot-arrow.previous{left:auto;right:calc(41 * var(--m));background:#f5f2f8}.jackpot-arrow.next{right:calc(9 * var(--m));background:#fff;box-shadow:0 3px 6px #241c3315}
  #game-sections{order:6}
  .game-section{padding:calc(10 * var(--m)) calc(11 * var(--m));margin:0 0 calc(12 * var(--m));height:auto;min-height:0;border-radius:calc(10 * var(--m));background:#e4e4e7}
  .game-section .section-heading{margin:0;min-height:0;align-items:center;gap:4px;height:calc(20 * var(--m))}
  .game-section .section-heading h2{font-size:calc(10 * var(--m));line-height:calc(17 * var(--m));font-weight:400;white-space:nowrap}
  .game-section .show-all{min-width:calc(84 * var(--m));font-size:calc(8 * var(--m));padding:calc(3 * var(--m)) calc(7 * var(--m));line-height:calc(12 * var(--m));border-radius:calc(5 * var(--m));white-space:nowrap}
  .game-section>.game-track{display:grid;grid-auto-columns:calc((100% - 16px)/3);gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:2px;scroll-snap-type:x mandatory}.game-section .game-card{scroll-snap-align:start;border-radius:8px}.game-section .game-card>img{width:100%;aspect-ratio:148/198;object-fit:cover}
  .mobile-banner{order:7;margin:0 0 calc(17 * var(--m))}
  .mobile-banner>button:first-child{display:block;width:100%;padding:0;border-radius:calc(10 * var(--m));box-shadow:none}
  .mobile-banner picture{display:block;width:100%}
  .mobile-banner>button:first-child img{width:100%;height:auto;aspect-ratio:318/240;object-fit:cover;object-position:center}
  .mobile-banner .round-arrow{width:calc(33 * var(--m));height:calc(33 * var(--m));font-size:calc(21 * var(--m));background:#241932;box-shadow:none;top:50%;transform:translateY(-50%)}
  .mobile-banner .previous{left:calc(-10 * var(--m))}.mobile-banner .next{right:calc(-10 * var(--m))}
  #live-section{order:8}
  .live-game-section{margin-top:0;margin-bottom:calc(14 * var(--m))}
  .live-game-section .section-heading h2{font-size:calc(9 * var(--m))}
  .providers{height:calc(55 * var(--m));background:#241a35;border-bottom:2px solid #b32cbb;justify-content:center;padding:0 calc(10 * var(--m));margin:0}
  .providers picture{width:100%;display:block}
  .providers img{width:100%;height:calc(35 * var(--m));min-width:0;object-fit:contain;max-width:100%}
  .footer{background:#1f1732;color:#fff}
  .footer-main{display:flex;flex-direction:column;gap:0;padding:calc(11 * var(--m)) calc(15 * var(--m)) calc(15 * var(--m));min-height:0;width:100%}
  .footer-columns{order:0;display:flex;flex-direction:column;align-items:center;gap:calc(23 * var(--m));padding:0;margin:0 0 calc(23 * var(--m))}
  .footer-column{width:100%;text-align:center}
  .footer-column:before{display:none!important}
  .footer-column h2{margin:0;font-size:calc(8 * var(--m));line-height:calc(12 * var(--m));text-align:center;display:flex;justify-content:center;font-family:Poppins,sans-serif;font-weight:700;color:#b40ac1}
  .footer-section-toggle{display:flex!important;align-items:center;justify-content:center;gap:calc(10 * var(--m));height:calc(26 * var(--m));min-width:calc(82 * var(--m));padding:0 calc(16 * var(--m))!important;border-radius:calc(25 * var(--m));background:#1a122c;color:#b919c0!important;font-size:calc(8 * var(--m))!important;font-weight:700;max-width:none!important;cursor:pointer}
  .footer-section-toggle svg{display:block;width:calc(6 * var(--m));height:calc(6 * var(--m));fill:#847396;transition:transform .2s}
  .footer-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
  .footer-links{display:none;padding-top:calc(12 * var(--m))}
  .footer-column.is-open .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding-inline:5px}
  .footer-links :is(button,a){font-size:calc(10 * var(--m));line-height:calc(16 * var(--m));margin:0;max-width:none;width:100%;text-align:center;color:#ded6e7}
  .footer-brand{order:1;display:block;padding:0 calc(6 * var(--m));margin:0}
  .footer-logo{width:calc(86 * var(--m));height:auto;margin:0 0 calc(12 * var(--m));mix-blend-mode:lighten}
  .company-copy{font-size:calc(7 * var(--m));line-height:calc(12 * var(--m));letter-spacing:-.15px;color:#79768f;max-width:100%}
  .company-copy:before{content:'© 2026 Onwin | Tüm Hakları Saklıdır.';display:block}
  .preview-note{margin:calc(10 * var(--m)) auto 0;width:calc(211 * var(--m));max-width:100%;padding:calc(5 * var(--m)) calc(8 * var(--m));height:calc(46 * var(--m));border-radius:calc(4 * var(--m));gap:calc(8 * var(--m));background:#28203b;border-color:#483550}
  .preview-mark{font-size:calc(26 * var(--m));line-height:1}
  .preview-note b{font-size:calc(8 * var(--m));letter-spacing:.5px}
  .preview-note span:not(.preview-mark){font-size:calc(6 * var(--m));margin-top:calc(3 * var(--m))}
  .age-icon{content:url('assets/mobile-age.webp');width:calc(41 * var(--m));height:calc(41 * var(--m));margin:calc(18 * var(--m)) auto calc(25 * var(--m))}
  .footer-social{order:2;position:static;display:flex;justify-content:center;align-items:center;gap:0;margin:0;padding:0;height:calc(39 * var(--m));right:auto;left:auto;bottom:auto}
  .footer-social>picture img{width:calc(154 * var(--m));height:auto}
  .footer-social>button{display:none}
  .banks{height:calc(127 * var(--m));align-items:flex-start;justify-content:flex-start;padding-top:calc(14 * var(--m));border-top:1px solid #34233f;margin-top:0}
  .banks img{height:calc(34 * var(--m));min-width:calc(735 * var(--m));width:calc(735 * var(--m));max-width:none;object-fit:contain;margin-left:calc(25 * var(--m));opacity:.8}
  .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--mobile-bottom) + env(safe-area-inset-bottom,0px));padding:calc(6 * var(--m)) 0 calc(3 * var(--m) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#271b36f5,#382342f5);border-top:1px solid #66516e;border-radius:calc(5 * var(--m)) calc(5 * var(--m)) 0 0;box-shadow:0 -4px 15px #10091d60;backdrop-filter:blur(12px)}
  .mobile-bottom-nav>button,.mobile-bottom-nav>a{padding:0;position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:column;min-width:0;color:#f8edf8;gap:calc(3 * var(--m));text-decoration:none}
  .mobile-bottom-nav>button:not(:first-child):not(.mobile-center-menu):before,.mobile-bottom-nav>a:before{content:'';position:absolute;left:0;top:0;bottom:calc(5 * var(--m));border-left:1px solid #5a3b61}
  .mobile-bottom-nav svg{width:calc(15 * var(--m));height:calc(15 * var(--m));stroke:#d253c2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
  .mobile-bottom-nav>button>span:not(.menu-diamond),.mobile-bottom-nav>a>span{font-family:Poppins,sans-serif;font-size:calc(7 * var(--m));font-weight:600;line-height:calc(10 * var(--m))}
  .mobile-bottom-nav .mobile-center-menu{display:flex;justify-content:center;overflow:visible}
  .menu-diamond{position:absolute;bottom:calc(8 * var(--m));width:calc(39 * var(--m));height:calc(39 * var(--m));border-radius:calc(10 * var(--m));background:linear-gradient(135deg,#dc4fcb,#a61c99);border:calc(3 * var(--m)) solid #8c267f;box-shadow:0 0 calc(15 * var(--m)) #dc3abe60;transform:rotate(45deg);display:flex;align-items:center;justify-content:center}
  .menu-diamond svg{transform:rotate(-45deg);stroke:#211a2d;stroke-width:1.5;width:calc(18 * var(--m));height:calc(18 * var(--m))}
  .mobile-center-menu[aria-expanded=true] .menu-diamond{background:linear-gradient(135deg,#f177df,#bf2aac)}
  .chat-launcher{right:calc(16 * var(--m));bottom:calc(var(--mobile-bottom) + env(safe-area-inset-bottom,0px) + 1px);width:calc(39 * var(--m));height:calc(39 * var(--m));background:#bd00a9;box-shadow:0 0 0 calc(5 * var(--m)) #dcd4e755;z-index:59}
  .chat-launcher svg{width:calc(23 * var(--m));height:calc(23 * var(--m))}
  .back-top{display:none!important}
  .mobile-menu-backdrop:not([hidden]){display:flex;position:fixed;inset:0;z-index:55;background:#0c0716bb;align-items:flex-end;padding:calc(var(--mobile-bottom) + env(safe-area-inset-bottom,0px) + 10px) 6px;backdrop-filter:blur(5px)}
  .mobile-menu-panel{width:100%;max-height:calc(100dvh - var(--mobile-header) - var(--mobile-bottom) - 45px);overflow:auto;background:#281c3d;border:1px solid #60376e;border-radius:16px;padding:14px 10px 12px;box-shadow:0 -15px 50px #0b07184d}
  .mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#fff}
  .mobile-menu-heading h2{font-family:Poppins,sans-serif;font-size:16px;font-weight:600}
  .mobile-menu-heading button{font-size:26px;background:#3a284c;color:#eee2f6;border-radius:50%;width:30px;height:30px;line-height:26px;padding:0}
  .mobile-menu-support{display:flex;justify-content:space-between;width:100%;margin-top:12px;background:#9e208f;color:white;border-radius:9px;padding:12px;font-size:12px;font-weight:600}
  .modal-backdrop{padding:16px 10px calc(var(--mobile-bottom) + 10px);z-index:100}
  .modal{max-height:calc(100dvh - var(--mobile-bottom) - 40px);background:#f1ebf6;color:#231c32}
  .modal p{color:#6b607a}.modal .modal-eyebrow{color:#ab259f}
  .toast{bottom:calc(var(--mobile-bottom) + 15px);z-index:110}
}

/* Mobile slide-out navigation, including its own scrolling content. */
@media(max-width:700px){
  .mobile-menu-backdrop:not([hidden]){z-index:80;padding:0;align-items:stretch;justify-content:flex-start;background:#110d20b0;backdrop-filter:blur(4px);opacity:0;transition:opacity .18s ease}
  .mobile-menu-backdrop.is-open{opacity:1}
  .mobile-menu-panel{width:calc(254 * var(--m));max-width:84vw;height:100dvh;max-height:100dvh;flex:0 0 auto;overflow:hidden;border:0;border-radius:0;padding:0;background:#fff;color:#241c33;box-shadow:4px 0 25px #0e071b35;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .18s ease}
  .mobile-menu-backdrop.is-open .mobile-menu-panel{transform:translateX(0)}
  .drawer-header{flex:0 0 auto;height:calc(95 * var(--m));background:#251c39;border-bottom:calc(2 * var(--m)) solid #c42bc6;box-shadow:0 4px 10px #b42ba922;padding:calc(7 * var(--m)) calc(11 * var(--m)) calc(10 * var(--m));position:relative;z-index:1}
  .drawer-brand-row{display:flex;align-items:center;justify-content:space-between;height:calc(33 * var(--m));margin-bottom:calc(8 * var(--m))}
  .drawer-brand-row>img{width:calc(100 * var(--m));height:auto;mix-blend-mode:lighten}
  #mobile-menu-close{width:calc(33 * var(--m));height:calc(33 * var(--m));border:1px solid #4e405b;border-radius:calc(12 * var(--m));background:#332940;color:#ddd5e8;font-family:Arial,sans-serif;font-size:calc(20 * var(--m));font-weight:300;line-height:1;padding:0;margin-right:calc(-7 * var(--m))}
  .drawer-auth{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--m));height:calc(33 * var(--m))}
  .drawer-auth button{display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--m));color:#f8f4ff;background:#332942;border:1px solid #53435d;border-radius:calc(10 * var(--m));font-family:Roboto,Arial,sans-serif;font-size:calc(10 * var(--m));font-weight:700;padding:0;box-shadow:inset 0 1px 2px #ffffff05}
  .drawer-auth .drawer-register{background:linear-gradient(110deg,#ffdd49,#f8bf09);border-color:#edb91d;color:#fff;box-shadow:0 4px 12px #eebb1829}
  .drawer-auth svg{width:calc(12 * var(--m));height:calc(12 * var(--m));fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(9 * var(--m)) calc(10 * var(--m)) calc(6 * var(--m));scrollbar-width:thin;scrollbar-color:#d3c6df #fff}
  .drawer-section-label{font-family:Roboto,Arial,sans-serif;font-size:calc(9 * var(--m));font-weight:500;line-height:calc(17 * var(--m));margin:0 0 calc(1 * var(--m));padding:0 calc(4 * var(--m));color:#71617f}
  .drawer-links{display:block;width:100%;margin:0}
  .drawer-link{display:flex;align-items:center;gap:calc(10 * var(--m));height:calc(36 * var(--m));width:100%;padding:0 calc(4 * var(--m));text-align:left;font-family:Roboto,Arial,sans-serif;font-size:calc(10 * var(--m));font-weight:700;line-height:calc(13 * var(--m));border-radius:calc(6 * var(--m));color:#241b31;white-space:nowrap}
  .drawer-link:hover{background:#f7f1fb}
  .drawer-link>img{width:calc(24 * var(--m));height:calc(25 * var(--m));object-fit:contain;flex-shrink:0}
  .drawer-link>span:not(.drawer-chevron){flex:1}
  .drawer-link .drawer-chevron{flex:none;margin-left:auto;width:calc(9 * var(--m));color:#9b87af;font-size:calc(17 * var(--m));font-weight:300;line-height:1;text-align:center}
  .drawer-badge{font-size:calc(8 * var(--m));line-height:calc(13 * var(--m));padding:0 calc(5 * var(--m));border-radius:calc(9 * var(--m));font-weight:700;margin-right:calc(1 * var(--m))}
  .drawer-badge.live{color:#fff;background:#df2a47;display:flex;align-items:center;gap:calc(2 * var(--m))}
  .drawer-badge.live i{width:calc(4 * var(--m));height:calc(4 * var(--m));border-radius:50%;background:#fff}
  .drawer-badge.new{color:#594812;background:#ffdb54}
  .quick-label{margin-top:calc(5 * var(--m));margin-bottom:calc(2 * var(--m))}
  .drawer-link small{display:block;font-size:calc(9 * var(--m));font-weight:400;line-height:calc(12 * var(--m));color:#776680}
  .drawer-settings{margin-top:calc(9 * var(--m))}
  .drawer-setting{min-height:calc(39 * var(--m));display:flex;align-items:center;gap:calc(10 * var(--m));padding:0 calc(4 * var(--m));font-size:calc(10 * var(--m));line-height:calc(12 * var(--m));font-weight:700}
  .drawer-setting>img{width:calc(24 * var(--m));height:calc(26 * var(--m));object-fit:contain;flex-shrink:0}
  .drawer-setting>span{flex:1}
  .drawer-theme{display:flex;align-items:center;gap:calc(11 * var(--m));font-size:calc(9 * var(--m));font-weight:500;color:#776883;padding:0 calc(1 * var(--m));background:none}
  .drawer-theme i{position:relative;display:block;width:calc(33 * var(--m));height:calc(19 * var(--m));border-radius:calc(15 * var(--m));background:#d1c6df}
  .drawer-theme i:after{content:'';position:absolute;left:calc(3 * var(--m));top:calc(3 * var(--m));width:calc(13 * var(--m));height:calc(13 * var(--m));border-radius:50%;background:#fff;box-shadow:0 1px 3px #71637820;transition:transform .15s}
  .drawer-theme[aria-checked=true] i{background:#ac28a3}.drawer-theme[aria-checked=true] i:after{transform:translateX(calc(14 * var(--m)))}
  .drawer-segmented{display:flex;align-items:center;background:#f3eef8;border:1px solid #e9deef;border-radius:calc(10 * var(--m));padding:calc(2 * var(--m));height:calc(35 * var(--m));flex-shrink:0}
  .drawer-segmented button{font-size:calc(8 * var(--m));line-height:calc(12 * var(--m));font-weight:500;color:#574867;min-width:calc(31 * var(--m));height:calc(30 * var(--m));padding:0 calc(7 * var(--m));border-radius:calc(8 * var(--m));background:none}
  .drawer-segmented button.active{background:linear-gradient(135deg,#ca23b9,#a4249e);color:white;box-shadow:0 3px 9px #c032b340;font-weight:700}
  .drawer-social{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e9f5;margin-top:calc(8 * var(--m));padding-top:calc(8 * var(--m))}
  .drawer-social button{padding:0;border-radius:calc(10 * var(--m));width:calc(35 * var(--m));height:calc(34 * var(--m));overflow:hidden;flex-shrink:0}
  .drawer-social img{width:100%;height:100%;object-fit:contain}
  .drawer-legal{color:#7b6c8c;display:flex;align-items:center;justify-content:center;gap:calc(5 * var(--m));font-size:calc(7 * var(--m));line-height:calc(13 * var(--m));margin-top:calc(6 * var(--m));white-space:nowrap}
  .drawer-legal>span{border:1px solid #d3c4e1;border-radius:calc(4 * var(--m));font-size:calc(8 * var(--m));padding:0 calc(3 * var(--m));line-height:calc(13 * var(--m));color:#665374}
  .drawer-open .chat-launcher{z-index:85;box-shadow:none}
  .dark .mobile-menu-panel,.dark .drawer-scroll{background:#2b213a;color:#f4eaf8;scrollbar-color:#745484 #2b213a}
  .dark .drawer-link,.dark .drawer-setting{color:#f3eafa}
  .dark .drawer-link>img,.dark .drawer-setting>img{border-radius:7px}
  .dark .drawer-link:hover{background:#41304f}
  .dark .drawer-section-label,.dark .drawer-link small{color:#c0aeca}
  .mobile-classic-menu .nav-inner{overflow-x:auto;justify-content:flex-start;gap:8px;scrollbar-width:none}
  .mobile-classic-menu .nav-item{flex-shrink:0}.mobile-classic-menu .nav-item:nth-child(n+5){display:flex}
}

@media(max-width:700px){
 .mobile-category-tile.is-live:after{display:none}
 .chat-launcher{background:#bd00a9 url('assets/mobile-chat.webp') center/cover no-repeat}
 .chat-launcher>svg{visibility:hidden}
 .mobile-bottom-nav>button:nth-child(1)>svg{background:url('assets/mobile-bottom-register.webp') center/contain no-repeat;stroke:transparent}
 .mobile-bottom-nav>button:nth-child(2)>svg{background:url('assets/mobile-bottom-login.webp') center/contain no-repeat;stroke:transparent}
 .mobile-bottom-nav>a>svg{background:url('assets/mobile-bottom-bonus.webp') center/contain no-repeat;stroke:transparent}
 .mobile-bottom-nav>button:nth-child(5)>svg{background:url('assets/mobile-bottom-deposit.webp') center/contain no-repeat;stroke:transparent}
}

/* Sports embeds have no fixed mobile quick-access bar or reserved space. */
@media(max-width:700px){
 body[data-page="sports"]{padding-bottom:0!important}
 body[data-page="sports"] .mobile-bottom-nav{display:none!important}
}