/* Fallbacks for iOS 14; newer engines keep the supplied layout. */
[hidden] { display: none !important; }
.language-option { width: 100%; border: 0; background: transparent; cursor: pointer; font-family: inherit; }
.language-trigger:focus, .language-option:focus, .skin-card:focus { outline: 2px solid #49d7f6; outline-offset: 2px; }
.card-art { height: 240px; }
.card-art .image-fallback { font-size: 15px; font-style: normal; font-weight: 500; color: #b8bfd4; text-shadow: none; }
.weapon-panel .card-art { height: 200px; }
@supports (aspect-ratio: 1/1) {
  .card-art, .weapon-panel .card-art { height: auto; }
}
.skin-dialog:not([open]) { display: none; }
.details-modal-open { overflow: hidden; }
.dialog-backdrop { position: fixed; inset: 0; z-index: 199; background: rgba(5,7,20,.85); }
.skin-dialog.legacy-dialog[open] {
  display: block; position: fixed; z-index: 200;
  top: 50%; left: 50%; margin: 0; transform: translate(-50%,-50%);
  width: min(1040px,calc(100% - 32px)); max-height: calc(100vh - 32px);
}
html[dir="rtl"] .skin-card, html[dir="rtl"] .competitive-summary,
html[dir="rtl"] .account-table th, html[dir="rtl"] .account-table td { text-align: right; }
html[dir="rtl"] .competitive-card[class*="tier-"] { border-left: 0; border-right: 4px solid var(--tier-color); }
@media (max-width: 480px) {
  .header { gap: 8px; }
  .header .brand { gap: 5px; }
  .header-actions { gap: 6px; }
  .lookup-controls button { white-space: normal; }
  .card-name { font-size: 15px; }
  .language-picker { min-width: 78px; }
  .card-art { height: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; scroll-behavior: auto !important; transition: none !important; }
}