/* ═══ Rounded corners on the pixel UI — keeps pixel fills + bevels, just softens corners ═══ */
/* Overrides the border-radius:0 rules from menu-v2 / pixel-ui (higher specificity + !important). */

/* Universal: kill every sharp corner (overrides the border-radius:0 from menu-v2/pixel-ui). */
#screen-menu *,
.screen:not(#screen-game) *,
.invite-modal * { border-radius: 8px !important; }
/* keep genuinely round things round */
#screen-menu .free-dot, #screen-menu .daily-btn-dot,
.info-star, .pixel-coin, #coin-canvas,
.rk-medal, .rk-medal-pips i { border-radius: 50% !important; }

/* ---- main menu ---- */
#screen-menu .m2-btn   { border-radius: 16px !important; }
#screen-menu .m2-tile  { border-radius: 14px !important; }
#screen-menu .m2-best,
#screen-menu .m2-rank,
#screen-menu .m2-pill,
#screen-menu .event-banner,
#screen-menu .menu-season,
#screen-menu .daily-btn { border-radius: 14px !important; }
#screen-menu .m2-lang .lang-btn { border-radius: 10px !important; }

/* ---- internal screens ---- */
.screen:not(#screen-game) .btn,
.screen:not(#screen-game) .back-btn,
.screen:not(#screen-game) .shop-tab,
.screen:not(#screen-game) .compete-tab,
.screen:not(#screen-game) .clan-card,
.screen:not(#screen-game) .clan-row,
.screen:not(#screen-game) .tourn-pool,
.screen:not(#screen-game) .vip-card,
.screen:not(#screen-game) .starter-pack,
.screen:not(#screen-game) .ranked-hero,
.screen:not(#screen-game) .ranked-rewards,
.screen:not(#screen-game) .ranked-lb,
.screen:not(#screen-game) .coin-pack,
.screen:not(#screen-game) .boost-pack,
.screen:not(#screen-game) .trail-card,
.screen:not(#screen-game) .compete-btn,
.screen:not(#screen-game) .vip-buy,
.screen:not(#screen-game) .starter-pack-buy,
.screen:not(#screen-game) .dailych-play,
.screen:not(#screen-game) .clan-input { border-radius: 14px !important; }
.screen:not(#screen-game) .back-btn { border-radius: 12px !important; }
.screen:not(#screen-game) .clan-row .join-b { border-radius: 10px !important; }

/* short list rows: gentle radius + extra left room so the first chars never
   get pinched by the rounded corner */
.screen:not(#screen-game) .clan-row,
.screen:not(#screen-game) .ranked-lb-row,
.screen:not(#screen-game) .ranked-rw-row,
.screen:not(#screen-game) .dailych-lb-row {
  border-radius: 10px !important;
  padding-left: 20px !important;
  padding-right: 14px !important;
}
/* give the position number its own breathing room from the rounded corner */
.screen:not(#screen-game) .clan-row .pos,
.screen:not(#screen-game) .ranked-lb-row .ranked-lb-pos { padding-left: 2px !important; }

/* ---- modals ---- */
.invite-modal .invite-sheet { border-radius: 18px !important; }
.invite-modal .btn,
.invite-modal .invite-share,
.invite-modal .daily-claim { border-radius: 14px !important; }

/* ---- gameover buttons ---- */
#screen-gameover .btn { border-radius: 14px !important; }