/* Arena refinements are scoped to this screen and its own overlays. */
.page.ar { padding-bottom:calc(var(--tab-h) + var(--safe-b) + 24px); }
.ar .ar-panel { margin-bottom:12px; padding:0; border:0; border-radius:20px; background:transparent; box-shadow:none; }
.ar .ar-top { padding:13px 2px 14px; gap:14px; }
.ar .ar-board { border-radius:16px; background:#202027; box-shadow:none; }
.ar .ar-field { inset:0; box-shadow:none; }
.ar .ar-field.is-empty { border-radius:0; }
.ar .ar-over .ar-mark, .ar .ar-over .ar-aim { width:1em; font-size:14.56cqw; }
.ar .ar-bet { position:static; left:auto; bottom:auto; transform:none; z-index:auto; width:100%; max-width:none; margin:0 0 18px; padding:14px 12px 12px; background:#111116; border-radius:18px; border:1px solid #2a2a31; box-shadow:none; }
@media (max-width:360px) {
  .ar .ar-bet__row2 { min-width:0; gap:4px; }
  .ar .ar-bet .ar-circ { width:38px; height:38px; }
  .ar .ar-bet .ar-chip { height:38px; font-size:13px; gap:3px; }
  .ar .ar-bet .ar-chip--all { font-size:12px; }
  .ar .ar-bet .ar-chip .ar-gem { width:12px; height:12px; }
}
.ar .ar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 0 6px; }
.ar .ar-toolbar button { width:100%; display:inline-flex; align-items:center; justify-content:center; gap:7px; border-radius:11px; background:#fff; color:#14141b; font-size:13px; font-weight:800; padding:9px 12px; box-shadow:none; }
.ar .ar-toolbar button svg { width:17px; height:17px; }
.ah-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:4px 0 0; }
.ah-highlight { display:block; text-align:left; min-width:0; padding:10px; background:#18181f; border:1px solid #30303b; border-radius:14px; box-shadow:none; }
.ah-highlight:disabled { opacity:.7; }
.ah-highlight__label { display:flex; align-items:center; gap:4px; font-size:9px; line-height:1.2; font-weight:800; text-transform:uppercase; color:#9c9caa; letter-spacing:.02em; margin-bottom:8px; }
.ah-highlight__label svg { width:12px; height:12px; }
.ah-highlight__result { display:flex; align-items:center; gap:5px; min-width:0; }
.ah-highlight__result > b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; color:#f6f6fa; font-size:11px; }
.ah-highlight__result .ah-avatar { width:22px; height:22px; font-size:10px; }
.ah-highlight__result .ah-amount { font-size:12px; gap:2px; }
.ah-highlight__result .ah-amount svg { width:12px; height:12px; }
.ah-highlight__none { font-size:12px; color:#aaaab7; }
.ah-avatar { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:50%; background:#655cdb; color:white; font-size:17px; font-weight:800; overflow:hidden; }
.ah-avatar img { width:100%;height:100%;object-fit:cover; }
.ah-amount { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; font-size:16px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.2; color:#f5f5fa; }
.ah-amount svg { width:16px; height:16px; color:#55a9ff; }
.ah-dialog { margin:auto; width:min(100% - 20px,540px); padding:0; max-height:calc(100dvh - 24px); border:1px solid #30303c; border-radius:23px; background:#111116; color:#f5f5fa; overflow-y:auto; scrollbar-width:thin; overscroll-behavior:contain; }
.ah-dialog::backdrop { background:rgba(0,0,0,.75); backdrop-filter:blur(7px); }
.ah-header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; background:#17171e; border-bottom:1px solid #292933; }
.ah-header h2 { margin:0; font-size:20px; font-weight:850; line-height:1.2; }
.ah-back, .ah-close { display:grid; place-items:center; flex:none; width:32px; height:32px; background:#2b2b35; border-radius:50%; color:#fff; }
.ah-back svg { width:18px; height:18px; }
span.ah-back { background:none; }
.ah-list, .ah-detail { padding:14px; }
.ah-mode { display:inline-flex; margin-bottom:14px; padding:8px 14px; border-radius:100px; background:#fff; color:#17171e; font-weight:800; font-size:12px; }
.ah-search { display:flex; gap:9px; align-items:center; border:1px solid #3a3a48; border-radius:12px; padding:10px 12px; }
.ah-search svg { width:17px; height:17px; flex:none; color:#9191a0; }
.ah-search input { flex:1; min-width:0; border:0; outline:0; background:none; color:#fff; font:inherit; font-size:13px; }
.ah-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:4px; border-radius:14px; background:#21212a; margin:12px 0 16px; }
.ah-filters button { padding:8px 4px; font-size:10px; font-weight:750; line-height:1.1; border-radius:10px; color:#a8a8b4; text-wrap:balance; }
.ah-filters button.on { background:#fff; color:#111116; }
.ah-games { display:grid; gap:12px; }
.ah-game { display:block; width:100%; text-align:left; background:#1c1c24; padding:13px; border:1px solid #30303c; border-radius:17px; }
.ah-game__head { display:flex; align-items:center; gap:7px; font-size:9px; color:#b5b5c2; }
.ah-game__head b { font-size:12px; color:#efeff6; margin-right:auto; }
.ah-game__head > span { display:inline-flex; align-items:center; gap:3px; white-space:nowrap; }
.ah-game__head svg { width:13px; height:13px; }
.ah-game__winner { display:flex; align-items:center; gap:9px; margin:19px 0; }
.ah-game__name { display:flex; flex:1; flex-direction:column; min-width:0; gap:3px; text-align:left; }
.ah-game__name b { color:#f5f5fa; font-size:14px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ah-game__name small { color:#b1b1bf; font-size:11px; font-weight:600; }
.ah-game__value { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.ah-game__value small { font-size:10px; color:#aaaab7; }
.ah-game__winner > svg { width:12px; height:16px; color:#9191a0; }
.ah-game__foot { display:flex; justify-content:space-between; gap:8px; padding-top:10px; border-top:1px solid #30303b; font-size:10px; color:#aaaab6; }
.ah-game__foot b { color:#dedee8; font-weight:700; }
.ah-pagination { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-top:17px; font-size:12px; color:#a1a1af; }
.ah-pagination button { border-radius:10px; padding:9px 14px; background:#fff; color:#15151b; font-weight:700; }
.ah-pagination button:disabled { opacity:.3; }
.ah-empty { padding:32px 8px; text-align:center; color:#a5a5b3; font-size:13px; }
.ah-detail__date { font-size:12px; text-align:center; margin:1px 0 18px; color:#aaaab8; }
.ah-proof { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ah-proof button { display:flex; align-items:center; gap:5px; min-width:0; padding:11px 9px; background:#292933; border-radius:11px; color:#eeeef5; font-size:10px; }
.ah-proof span { color:#9898a7; }
.ah-proof b { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--font-mono,monospace); font-size:10px; }
.ah-proof svg { width:13px; height:13px; flex:none; }
.ah-actions, .ah-detail__footer { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.ah-button, .ah-actions .btn { display:flex; align-items:center; justify-content:center; gap:7px; padding:12px 7px!important; min-width:0; background:#fff!important; color:#13131a!important; font-size:12px!important; font-weight:800; border-radius:11px; line-height:1.2; border:0!important; box-shadow:none!important; text-shadow:none!important; margin:0!important; }
.ah-button svg, .ah-actions .btn svg { width:16px; height:16px; flex:none; }
.ah-button:disabled { opacity:.5; }
.ah-heading { margin:24px 0 13px; font-size:14px; font-weight:800; text-align:center; }
.ah-winner { display:flex; align-items:center; gap:9px; background:#182a24; border:1px solid #35654c; border-radius:16px; padding:15px 12px; }
.ah-totals { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:12px 2px 0; }
.ah-totals > span { display:flex; flex-direction:column; gap:4px; font-size:10px; color:#9999a9; }
.ah-totals > span:last-child { grid-column:1 / -1; }
.ah-totals b { font-size:13px; color:#e5e5ed; }
.ah-totals > span:last-child b { color:#77dfab; }
.ah-participants { display:grid; gap:10px; }
.ah-player { position:relative; border-radius:14px; background:#22222b; overflow:hidden; padding:12px; }
.ah-player.is-winner { background:#1f302a; }
.ah-player__top { display:flex; gap:9px; align-items:center; }
.ah-player__chance { position:absolute; bottom:0;left:0;height:3px;background:#6c98f1; }
.ah-player.is-winner .ah-player__chance { background:#6cdda6; }
.ah-stakes { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.ah-stake { display:inline-flex; align-items:center; gap:4px; background:#16161d; padding:5px 7px; border-radius:8px; }
.ah-stake .ah-amount { font-size:11px; }
.ah-stake .ah-amount svg { width:12px; height:12px; }
.ah-stake--gift { font-size:10px; color:#c5c5d2; }
.ah-stake--gift img { width:24px; height:24px; object-fit:contain; }
.ah-detail__footer { margin-top:20px; }
.ah-note { margin:14px 0 0; font-size:10px; line-height:1.5; color:#898999; }
.ah-check { display:grid; gap:6px; padding:12px; margin-top:12px; border-radius:12px; font-size:11px; background:#1a2e25; color:#9ce4ba; }
.ah-check b { font-weight:700; margin-bottom:4px; }
.ah-check.failed { background:#352125; color:#f8b3bd; }
.ah-check.limited { background:#302b20; color:#e9d399; }
.ar-replay { margin-top:16px; padding:10px; border:1px solid #343441; border-radius:16px; background:#191921; }
.ar-replay__label { display:flex; flex-direction:column; gap:3px; margin:2px 0 12px; }
.ar-replay__label b { font-size:13px; }
.ar-replay__label span { font-size:10px; color:#a5a5b4; }
.ar-replay .ar-board { border-radius:11px; }
.ar-replay__progress { display:flex; gap:10px; align-items:center; margin:12px 0; }
.ar-replay__progress input { width:100%; min-width:0; accent-color:#fff; }
.ar-replay__progress span { white-space:nowrap; font-size:10px; color:#b4b4c4; font-variant-numeric:tabular-nums; }
.ar-replay__controls { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
@media (prefers-reduced-motion: reduce) { .ah-dialog, .ah-highlight, .ar-replay { scroll-behavior:auto; } }

.ah-actions > .ah-button, .ah-actions > .btn { height:52px!important; min-height:52px!important; padding:10px 7px!important; }
.ah-actions .btn { white-space:normal; text-align:center; overflow-wrap:anywhere; }
.ah-actions .btn svg { flex:none; }
.ar .ar-win__card .btn { background:linear-gradient(180deg, #5c9dff 0%, #2f6bff 58%, #2a60f0 100%); color:#fff; box-shadow:none; text-shadow:none; border:0; }
.ar .ar-win__card--mine .btn { background:linear-gradient(180deg, #5c9dff 0%, #2f6bff 58%, #2a60f0 100%); color:#fff; }

.ah-game > .ah-stakes, .ah-game > .ah-stake--summary { margin:-6px 0 11px; }
.ah-stake--summary { color:#aaaab8; font-size:10px; gap:7px; }

.ar .ar-bet__row2--gifts .ar-white { background:linear-gradient(180deg, #44a2ff, #1f7cf2); color:#fff; }