/* Heladería: modo Infinito (Arcade) y sus rankings (js/ice-arcade.js) */
.ic-arcade { display: flex; gap: 20px; justify-content: center; align-items: center; margin: -6px 0 20px; }
.diff.arcade { width: 520px; padding: 14px 20px; background: linear-gradient(#4ad8ff, #2a7ce0 55%, #7a4ae0); cursor: pointer; }
.diff.arcade b { font-size: 38px; }
.ic-arcade #icRankBtn { font-size: 30px; padding: 22px 28px; }

.ic-rank { z-index: 12; width: 860px; padding: 32px 48px; }
.ic-rank h2 { font-size: 56px; margin-bottom: 10px; }
.ir-tabs { display: flex; justify-content: center; gap: 14px; }
.ir-tabs button { font: 700 28px var(--font); padding: 10px 26px; border-radius: 999px; border: 4px solid #7a4a25; background: #fff; color: #7a4a25; cursor: pointer; }
.ir-tabs button.on { background: #7a4a25; color: #fff; }
.ic-rank .sub { margin: 10px 0; }
.ic-rank .sub.small { font-size: 22px; }
.ir-list { list-style: none; margin: 6px auto; padding: 0; max-width: 680px; display: grid; gap: 6px; }
.ir-list li { display: flex; align-items: center; gap: 14px; padding: 6px 16px; border-radius: 18px; background: rgba(255,255,255,.65); font: 500 28px var(--font); color: #4d3a28; text-align: left; }
.ir-list li:nth-child(-n+3) { background: rgba(255,226,140,.75); }
.ir-list li.me { outline: 4px solid #3aa836; background: #e4ffd9; }
.ir-pos { width: 60px; font-weight: 700; text-align: center; }
.ir-face { width: 44px; height: 44px; display: inline-flex; }
.ir-face svg { width: 100%; height: 100%; }
.ir-list b { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ir-s { font-weight: 700; color: #6b3a14; }
.ir-wait { font: 500 28px var(--font); color: #6d5640; padding: 30px 0; }
.ir-me { font: 600 26px var(--font); color: #2c8a29; }