/* Alali's Randomizer · Icon sizing + transparent trophy + Origin Ball · 30 */
:root{
  --alali-pearl:url("https://play.pokemonshowdown.com/sprites/itemicons/pearl.png");
  --alali-mail:url("https://play.pokemonshowdown.com/sprites/itemicons/bridgemail-m.png");
  --alali-star:url("https://play.pokemonshowdown.com/sprites/itemicons/star-piece.png");
  --alali-league-source:url("assets/sinnoh-trophy-transparent.png");
}
/* Item icons — larger but still predictable across buttons and small screens. */
.alali-item-icon,.alali-origin-ball{
  display:inline-block;
  width:26px;
  height:26px;
  min-width:26px;
  max-width:none;
  flex:none;
  object-fit:contain;
  vertical-align:middle;
  image-rendering:pixelated;
}
.alali-item-icon-large{width:34px;height:34px;min-width:34px}
/* The Origin Ball is a Hisuian ball sprite, not a user emoji. */
.alali-origin-ball{width:29px;height:29px;min-width:29px}
#leaderboardNav,#accountNav,.ta-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
#leaderboardNav .alali-origin-ball,#accountNav .alali-origin-ball{width:29px;height:29px;min-width:29px}
/* Transparent local crop of the user's existing golden Sinnoh trophy. */
.alali-league-trophy{
  --trophy-size:30px;
  position:relative;
  display:inline-block;
  flex:none;
  width:var(--trophy-size);
  height:var(--trophy-size);
  vertical-align:middle;
  background:var(--alali-league-source) center / contain no-repeat;
  image-rendering:pixelated;
}
/* Only show an emoji if the local trophy image fails to load. */
.alali-league-trophy::after{
  content:"🏆";
  position:absolute;inset:0;
  display:grid;place-items:center;
  font-size:calc(var(--trophy-size) * .84);line-height:1;
  image-rendering:auto;
}
html.alali-trophy-ready .alali-league-trophy::after{display:none}
.alali-league-trophy-large{--trophy-size:52px}
#leaderboardNav .alali-league-trophy,.ta-nav .alali-league-trophy{--trophy-size:30px}
.lb-title-mark.alali-league-trophy-large{font-size:inherit;line-height:1;width:52px;height:52px}
.alali-section-label{display:inline-flex;align-items:center;gap:8px}
.ahm-price{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.ahm-wallet>span.alali-section-label{display:flex}
.ahm-replay-form button,.lb-match-bottom .ahm-save-replay,.ahm-history-tools button,.mail-claim-area button,#mailSend{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.mail-reward-tag{display:inline-flex;align-items:center;gap:4px}
.alali-trophy-winner{display:inline-flex;align-items:center;gap:3px}
.alali-trophy-winner .alali-league-trophy{--trophy-size:23px}
.mail-reward-tag .alali-item-icon{width:21px;height:21px;min-width:21px}
#trainerTabLeaderboard,#trainerTabAccount,#trainerTabShop,#trainerTabSavedReplays,#trainerTabMailbox{white-space:normal;text-align:center}
@media(max-width:550px){
  .ta-nav button{gap:6px}
  .ta-nav .alali-item-icon,.ta-nav .alali-origin-ball{width:27px;height:27px;min-width:27px}
  .ta-nav .alali-league-trophy{--trophy-size:27px}
  #leaderboardNav .alali-league-trophy{--trophy-size:27px}
  #accountNav .alali-origin-ball{width:27px;height:27px;min-width:27px}
  .alali-item-icon-large{width:31px;height:31px;min-width:31px}
}

/* Patch 31: the four redundant top links are replaced by one Randomizer tab.
   The built-in data-generator-link handler returns from Leaderboard / Account. */
.quick-nav #randomizerNav{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none;min-height:34px}
.quick-nav #randomizerNav .alali-randomizer-pikachu{display:block;flex:none;width:31px;height:31px;object-fit:contain;image-rendering:pixelated}
.dashboard:has(#generatorView:not([hidden])) #randomizerNav{color:#8fe9d6}
@media(max-width:550px){
 .quick-nav #randomizerNav{gap:5px}
 .quick-nav #randomizerNav .alali-randomizer-pikachu{width:29px;height:29px}
}