.klepto-menu-icon { width:32px !important; height:32px !important; margin:-3.5px 0 !important; opacity:1 !important; }
.klepto-pill { position:relative; display:inline-flex; align-items:center; overflow:hidden; background:#0b1230; border-radius:5px; height:1.25em; padding:0 5px; vertical-align:top; box-sizing:border-box; }
.klepto-pill img { height:1.05em; width:auto; display:block; }
.klepto-pill .shine { position:absolute; inset:0; pointer-events:none; mix-blend-mode:overlay; }
.klepto-pill .shine::before { content:''; position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.95) 46%, rgba(255,247,224,.6) 52%, rgba(255,255,255,0) 66%);
  background-size:250% 100%; animation:megashine 2.4s linear infinite; }
@keyframes megashine { 0% { background-position:220% 0; } 100% { background-position:-60% 0; } }
@media (prefers-reduced-motion: reduce) { .klepto-pill .shine::before { animation:none; } }
/* BetBureau: the top-menu label may be wider than the slot (the pill), and the side menu (GAMES tab) entry */
.klepto-menu { vertical-align:top !important; }   /* the menu items sit on a shared baseline; the pill (a box, not text) would move ours down — pin it to the row top like the others */
.klepto-menu > div { overflow:visible !important; text-overflow:clip !important; }
.klepto-side .icon img.klepto-side-icon { width:34px !important; height:34px !important; opacity:1 !important; }
.klepto-side .klepto-pill { font-size:24px; }   /* owner 2026-10-22: bigger, readable (was 17px) */
.klepto-menu .klepto-pill { font-size:14px; margin-top:1px; }   /* owner 2026-10-22: the top-bar wordmark was ~9 px tall next to 12 px labels; now 57x18 in the 60 px slot */
/* BetBureau top-menu labels under the icons (FOOTBALL, LIVE, ODDS BOOST, SPORTS ...): 9 px -> 11 px (owner 2026-10-22: "a tad bigger");
   11 px is the largest at which ODDS BOOST still fits its 60 px slot on a 360 px phone (13 px cuts it) */
#SPORT_TREE > a > div:not(.sport_tree_arrow):not(.sub) { font-size:11px !important; }
/* VERY SMALL PHONES (owner 2026-10-24): the 5 fixed 60 px items need 311 px, so KLEPTO was cut off below 311 px. Up to 340 px the
   items share the width, labels 10.5 px with a hair tighter spacing and allowed to use the gap (no "ODDS BOO..."); up to 310 px 10 px */
@media (max-width:340px) {
  #SPORT_TREE > a { width:calc((100vw - 13px) / 5) !important; }
  #SPORT_TREE > a > div:not(.sport_tree_arrow):not(.sub) { font-size:10.5px !important; letter-spacing:-.15px; overflow:visible !important; text-overflow:clip !important; }
  .klepto-menu .klepto-pill { font-size:13px; }
}
@media (max-width:310px) {
  #SPORT_TREE > a > div:not(.sport_tree_arrow):not(.sub) { font-size:10px !important; }
  .klepto-menu .klepto-pill { font-size:12px; }
}