/* Layout only. Window surface, title, buttons and scrollbar use shared gameWindow classes. */
#arenaModal .arenaWindowIntro{margin:0 0 12px;color:#b6a8c3;text-align:center}
#arenaModal .arenaWindowRules{margin:0 0 14px;padding-left:18px;color:#c9bed2;line-height:1.7}
#arenaModal .arenaWindowRules li{margin:3px 0}
#arenaModal #arenaQueueInfo{margin:0 0 14px;padding:10px 12px;border:1px solid #34283f;background:#120e18;color:#c5b3d7;min-height:42px}
#arenaModal .arenaWindowActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#arenaModal .arenaWindowActions button{width:100%;min-width:0}
#arenaModal .arenaWindowFooter{margin-top:14px;padding-top:12px;border-top:1px solid #31263f}
#arenaModal .arenaWindowFooter button{width:100%}
@media(max-width:380px){#arenaModal .arenaWindowActions{grid-template-columns:1fr}}

/* Arena messages use the same typography and restrained gold/purple game palette. */
#arenaModal,#arenaTutorialModal{z-index:1050;display:none;font-family:Arial,sans-serif}
#arenaHud,#arenaBig,#arenaRoyal{position:fixed;pointer-events:none;z-index:900;color:#d1ad58;text-shadow:0 2px 3px #000,0 0 8px #000;font-family:Arial,sans-serif;text-align:center}
#arenaHud{top:20%;left:50%;transform:translateX(-50%);background:linear-gradient(#17131ef2,#0b0910f2);border:1px solid #3b2f50;padding:8px 20px;border-radius:2px;font-size:12px;color:#d8cbb8}
#arenaBig{top:62px;left:50%;transform:translateX(-50%);font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}
#arenaBig small{display:block;font:700 12px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#d8cbb8;margin-bottom:12px}
#arenaRoyal{top:29%;left:50%;transform:translateX(-50%);font-size:22px;font-weight:700;background:linear-gradient(90deg,transparent,#100d16f2 20%,#100d16f2 80%,transparent);padding:18px 42px;max-width:90vw;box-sizing:border-box}
#arenaTutorialModal p,#arenaTutorialModal li{color:#d8cbb8;line-height:1.65;font-size:12px}
#arenaTutorialModal ul{padding-left:20px;margin:14px 0}
#arenaTutorialModal li{margin-bottom:7px}
#arenaTutorialModal strong{color:#d1ad58}
.arenaTutorialActions{display:flex;gap:8px;justify-content:flex-end}

#arenaModal .arenaRegistrationBox{width:min(560px,calc(100vw - 34px))!important}
.arenaProfileSummary,.arenaLeaderboardPersonal{color:#d1ad58;font:600 12px/1.6 Arial,sans-serif;text-align:center;margin:0 0 12px}
.arenaMarksIcon{display:inline-block;flex:0 0 auto;width:30px;height:30px;object-fit:contain;vertical-align:middle}
.arenaMarksBalance{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;color:#b8d6e8;font-size:12px}
.arenaMarksBalance strong{font-size:16px;color:#d9efff;font-variant-numeric:tabular-nums}
.arenaRewardRow .gameWindowButton{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.arenaRewardRow .arenaMarksIcon{width:25px;height:25px}
.arenaTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.arenaTabs [aria-pressed="true"]{border-color:#927648!important;color:#e8cf8f!important}
#arenaRewardList{display:grid;gap:8px}
.arenaRewardRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;background:#120e18;border:1px solid #34283f}
.arenaRewardRow strong{display:block;color:#d8cbb8;font-size:12px}
.arenaRewardRow small{display:block;font-size:10px;line-height:1.5;color:#ab9db7;margin-top:3px}
.arenaRewardRow .arenaRewardUnavailable{color:#bd9b78}
.arenaRewardIcon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #403349;background:#0b0910;color:#d1ad58;font-size:24px}
.arenaRewardIcon img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
#arenaTitleToggle{margin-top:12px;width:100%}
.arenaPurchaseNotice{font-size:12px;line-height:1.5;color:#9bc68d;margin:12px 0 0}
.arenaPurchaseNotice:empty{display:none}
.arenaPurchaseNotice.arenaError{color:#d88282}
#arenaResultModal{z-index:1060;display:none;font-family:Arial,sans-serif}
#arenaResultDetails{font-size:12px;line-height:1.65;color:#d8cbb8;margin-bottom:18px}
.arenaRatingDelta{font-size:18px;font-weight:700;color:#e4dce8}
.arenaGain{color:#8fce94}.arenaLoss{color:#dd8585}
.arenaResultNote{font-size:11px;line-height:1.6;color:#ae9dbd}
#leaderboardBox{width:min(590px,calc(100vw - 34px))!important}
#leaderboardList{max-height:55vh;overflow:auto;padding-right:5px}
#leaderboardList .arenaLeaderboardRow{display:grid!important;grid-template-columns:40px minmax(90px,1fr) 85px;align-items:center;gap:6px;padding:9px 7px;border-bottom:1px solid #30263b;color:#d8cbb8;font:12px Arial,sans-serif}
#leaderboardList .arenaLeaderboardRow span:not(:nth-child(2)){text-align:right;font-variant-numeric:tabular-nums}
#leaderboardList .arenaLeaderboardRow span:nth-child(2){overflow-wrap:anywhere}
#leaderboardList .arenaLeaderboardHead{color:#ad98bf;font-size:10px;position:sticky;top:0;background:#17131e}
#leaderboardList .arenaLeaderboardRow.me{background:#251b32;color:#e8cf8f}
@media(max-width:430px){#leaderboardList .arenaLeaderboardRow{grid-template-columns:28px minmax(60px,1fr) 64px;gap:3px;font-size:10px;padding:8px 3px}.arenaRewardRow{grid-template-columns:30px minmax(0,1fr);gap:7px}.arenaRewardRow button{grid-column:2}.arenaRewardIcon{width:28px;height:28px}.arenaRewardIcon img{width:26px;height:26px}}

.arenaRewardGroupTitle{margin:8px 0 2px;color:#d1ad58;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.6px}
#arenaRewardList{max-height:min(490px,52dvh);overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#59447b #15111d}
#arenaRewardList::-webkit-scrollbar{width:8px}
#arenaRewardList::-webkit-scrollbar-track{background:#15111d}
#arenaRewardList::-webkit-scrollbar-thumb{background:#59447b;border:2px solid #15111d;border-radius:5px}