/* fix-team (2026-10-24): visual fixes from the team review — HiLo, Baccarat, Roulette.
   Layout only: no game logic, no amounts. Loaded last on the game pages.
   Older fixes use !important (some inside @layer, which beats unlayered !important),
   so these rules use !important with higher specificity, or properties those rules don't set. */

/* 1. «Своя фишка» (HiLo, Roulette and every page with the stake field):
      the focus ring wraps the number AND the «W», W keeps a gap from the edge,
      and the ring no longer runs into the «Макс» button above it. */
html body .stake-custom .stake-custom-shell.stake-custom-shell{box-sizing:border-box !important;padding-right:12px !important;border-radius:12px !important;margin-top:6px !important}
html body .stake-custom .stake-custom-shell.stake-custom-shell>span{margin-left:6px !important;flex:none !important}
html body .stake-custom .stake-custom-shell.stake-custom-shell input:focus,
html body .stake-custom .stake-custom-shell.stake-custom-shell input:focus-visible{outline:none !important}
html body .stake-custom .stake-custom-shell.stake-custom-shell:focus-within{outline:2px solid #de204f !important;outline-offset:2px !important}

/* 2. Baccarat HUD: an older layered rule pins `left:14px` on a relatively positioned row,
      so the whole row slid 14 px right and the round-timer circle was cut by the stage edge.
      Margins cancel the shift (the layered rule does not set margins). */
html body.g3p-baccarat .lrk-stage .lrk-hud.lv-hud{margin-left:-14px !important;margin-right:14px !important;padding-right:4px !important}
/* every live HUD: a few px of air so the badge border and the timer ring are never clipped */
html body .lrk-stage .lrk-hud.lv-hud .lv-badge{margin-left:2px !important}
html body .lrk-stage .lrk-hud.lv-hud .lv-ring{margin-right:2px !important}

/* 3. Baccarat: «VS» sat in a 20 px column with 4 px gaps, touching both hand frames.
      The column/gap are pinned by a layered !important rule, so the hand frames step
      back instead (10 px each side, the layered rule does not set margins). */
html body.g3p-baccarat .stage .bl-hands>.bl-hand:first-child{margin-right:10px !important}
html body.g3p-baccarat .stage .bl-hands>.bl-hand:last-child{margin-left:10px !important}
html body.g3p-baccarat .stage .bl-hands>.bl-vs{text-align:center !important;letter-spacing:.02em}
@media (max-width:600px){
  html body.g3p-baccarat .stage .bl-hands>.bl-hand:first-child{margin-right:6px !important}
  html body.g3p-baccarat .stage .bl-hands>.bl-hand:last-child{margin-left:6px !important}
}

/* 4. Roulette table: the «0» cell sat on the very edge of the scroll box and its rounded
      gold border was clipped. */
html body .lrk-rtable .lrk-rtable-scroll.lrk-rtable-scroll{padding:3px 3px 4px 5px !important}

/* 5. Roulette «Мои раунды»: the list was as wide as its longest line (1100 px) and ran out
      of the card; now it fits the card and long lines end with «…». */
html body .lv-mine.lv-mine{grid-template-columns:minmax(0,1fr) !important}
html body .lv-mine.lv-mine>h3,html body .lv-mine.lv-mine>ul{min-width:0 !important;max-width:100% !important}
html body .lv-mine.lv-mine ul{grid-template-columns:minmax(0,1fr) !important}
html body .lv-mine.lv-mine li{min-width:0 !important;gap:8px !important}
html body .lv-mine.lv-mine li>b{flex:none !important}

/* 6. Rules dialog (Roulette and the other live games): the dashed «Раунд каждую минуту»
      note stuck to the paragraph above, and the «Честный раунд» / «После обновления»
      cards touched each other. */
html body .wgf-modal-panel .lv-live-note.lv-live-note{margin-top:12px !important}
html body .wgf-modal-panel .details.details{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important}