.sp-arena-hall{position:absolute;inset:0;padding:34px 55px;color:#f0dfb9;font-family:var(--f-ui,Georgia);background:linear-gradient(#0b0805b8,#100a05f0)}
.sp-arena-hall [hidden]{display:none!important}.arena-hall-header{height:114px;display:flex;align-items:center;justify-content:space-between;gap:28px}.arena-eyebrow{font:17px var(--f-num,Arial);color:#c5a566;letter-spacing:6px}.arena-hall-header h1{font:62px var(--f-title,Georgia);margin-top:8px;color:#ffd579;text-shadow:0 4px 5px #000}.arena-hall-header>div:last-child{display:flex;align-items:center;gap:25px}.arena-server-status{font-size:21px;color:#c8d59f}.arena-server-status:before{content:'●';color:#80b446;margin-right:10px}.arena-server-status.is-offline:before{color:#c9422d}.sp-arena-hall .sp-wowbtn{--h:58px;font-size:24px;min-width:170px}.arena-hall-body{position:absolute;left:55px;right:55px;top:162px;bottom:40px;display:grid;grid-template-columns:510px minmax(0,1fr);gap:28px}
.arena-profile,.arena-ladder{border:2px solid #8e733d;box-shadow:inset 0 0 0 4px #1e170d,inset 0 0 0 6px #8e733d44,0 10px 30px #0009;background:linear-gradient(#100d09b8,#080604cc),url('/assets/ui/classhall-stone-tile.png') center/680px;border-radius:3px;padding:28px;position:relative}.arena-profile{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#907540 #151008}.arena-hero-banner{display:flex;gap:20px;align-items:center;border-bottom:1px solid #95763c77;padding-bottom:18px}.arena-hero-banner img{border:3px ridge #b29653;border-radius:50%;box-shadow:0 0 0 4px #080604}.arena-hero-banner h2{font:38px var(--f-title,Georgia);color:#ffda79}.arena-hero-banner p{font-size:23px;margin:5px 0}.arena-hero-banner small{font-size:18px;color:#ad9872}.arena-rank-seal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 0 12px;background:radial-gradient(ellipse,#a7782126,transparent 70%)}.arena-rank-seal>span:first-child{font:44px Georgia;color:#cba657}.arena-rating{font:88px/1 var(--f-title,Georgia);color:#ffda7b;text-shadow:0 3px #000,0 0 35px #e8a94022}.arena-rank{font-size:22px;letter-spacing:4px;text-transform:uppercase;color:#cfb784;margin-top:6px}.arena-personal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 22px;text-align:center}.arena-personal-stats b{font-size:28px;color:#f6df9f;display:block}.arena-personal-stats small{font:17px var(--f-num,Arial);color:#b4a180;display:block;margin-top:6px}.sp-arena-hall .arena-queue-btn{width:100%;--h:78px;font-size:32px}.arena-queue-status{font:20px/1.4 var(--f-num,Arial);text-align:center;color:#bba481;min-height:62px;padding:12px 8px}.arena-queue-status.is-searching{color:#ffe08c}.arena-rules-box{padding:20px 0;border-top:1px solid #90723b70;border-bottom:1px solid #90723b70;display:grid;gap:10px;font:18px/1.4 var(--f-num,Arial);color:#bdab89}.arena-rules-box b{color:#e6ca8a;font:22px var(--f-ui,Georgia)}.arena-rules-box small{color:#a08f73;font-size:17px}.arena-friendly{width:100%;margin-top:22px}.arena-friendly-hint{display:block;font:17px var(--f-num,Arial);text-align:center;margin-top:9px;color:#aa9876}
.arena-ladder{display:flex;flex-direction:column;min-width:0;overflow:hidden}.arena-tabs{display:flex;gap:12px;border-bottom:1px solid #8e733d88;padding-bottom:18px}.arena-tabs .sp-wowbtn{flex:1}.arena-tabs .sp-wowbtn[aria-pressed=true]{filter:brightness(1.32);color:#fff3bd;box-shadow:0 5px 0 -3px #edc36a}.arena-table-toolbar{display:flex;align-items:center;gap:20px;padding:22px 0;font:21px var(--f-num,Arial)}.arena-table-toolbar input[type=search]{min-width:180px;flex:1;max-width:430px;background:#080604;border:2px ridge #8f7440;padding:13px;color:#ebd5a5;font-size:22px}.arena-table-toolbar input[type=checkbox]{accent-color:#ae8036;width:22px;height:22px;vertical-align:middle}.arena-table-toolbar>span{margin-left:auto;color:#a89062;font-size:18px}.arena-table-wrap{flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#907540 #151008}.arena-table{width:100%;border-collapse:collapse;text-align:left}.arena-table th{font:17px var(--f-num,Arial);text-transform:uppercase;letter-spacing:2px;padding:15px 10px;background:#241a0c;color:#b6a078;position:sticky;top:0;z-index:1}.arena-table td{border-bottom:1px solid #91744133;padding:17px 10px;font-size:23px}.arena-table tr.is-me{background:linear-gradient(90deg,#8f672333,#bb913015)}.arena-table tbody tr:hover{background-color:#c99e3012}.arena-table small{display:block;font:17px var(--f-num,Arial);color:#a69676;margin-top:7px}.arena-player-cell{display:flex;align-items:center;gap:15px}.arena-player-cell img{border:2px ridge #a38243;width:52px;height:52px}.arena-player-cell b{color:#e7c98d;font-weight:400}.arena-table-rating{color:#f7d376;font-weight:600}.arena-table .arena-challenge-btn{--h:47px;min-width:135px;font-size:21px}.arena-top-place{color:#f9d971}.arena-pagination{display:flex;align-items:center;justify-content:center;gap:25px;padding-top:20px;color:#bba579}.arena-pagination .sp-wowbtn{--h:47px;font-size:20px}.arena-empty{text-align:center;padding:55px!important;color:#b8a481;font:25px/1.5 var(--f-ui,Georgia)}.arena-empty h2{color:#f3d28a;font:45px var(--f-title,Georgia);margin-bottom:25px}.arena-empty .sp-wowbtn{margin:20px}.arena-hall-error{color:#f1a58c;font-size:19px;margin-top:14px;min-height:22px}.arena-positive{color:#9cce73!important}.arena-negative{color:#e78c73!important}.arena-muted{color:#aa9673}.arena-challenges article{border:1px solid #ccaa55;padding:17px;margin-top:15px;background:#49301866;display:grid;gap:10px}.arena-challenges b{font-size:23px;color:#ffe394}.arena-challenges small{font:17px var(--f-num,Arial);color:#c8ae82}.arena-challenges article>div{display:flex;gap:12px}.arena-challenges .sp-wowbtn{--h:48px;min-width:130px;font-size:21px}.sp-pvp-rating-result{font-size:32px;color:#ffda7b}
.sp-portrait .sp-arena-hall{overflow-y:auto;padding:30px}.sp-portrait .arena-hall-header{height:auto;min-height:170px;align-items:flex-start;gap:15px;flex-direction:column}.sp-portrait .arena-hall-header h1{font-size:70px}.sp-portrait .arena-hall-header>div:last-child{width:100%;justify-content:space-between}.sp-portrait .arena-hall-body{position:relative;inset:auto;display:flex;flex-direction:column;margin-top:30px}.sp-portrait .arena-profile{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:20px}.sp-portrait .arena-hero-banner{grid-column:1/-1}.sp-portrait .arena-rank-seal{grid-row:2/4}.sp-portrait .arena-personal-stats{grid-template-columns:1fr 1fr;margin:0}.sp-portrait .arena-queue-btn{grid-column:1/-1;--h:100px;font-size:40px}.sp-portrait .arena-queue-status,.sp-portrait .arena-rules-box,.sp-portrait .arena-challenges,.sp-portrait .arena-friendly,.sp-portrait .arena-friendly-hint{grid-column:1/-1}.sp-portrait .arena-rules-box{font-size:25px}.sp-portrait .arena-rules-box small{font-size:23px}.sp-portrait .arena-ladder{min-height:1100px;padding:20px}.sp-portrait .arena-table-wrap{overflow:auto}.sp-portrait .arena-table-toolbar{flex-wrap:wrap}.sp-portrait .arena-table{min-width:920px}.sp-portrait .arena-table td{font-size:27px}.sp-portrait .arena-table small{font-size:21px}.sp-portrait .sp-arena-hall .sp-wowbtn{--h:75px;font-size:28px}.sp-portrait .arena-table .sp-wowbtn{--h:60px;font-size:24px}
.arena-queue-card{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:-8px -8px 24px;padding:26px 30px;border:1px solid #9b7e45;background:linear-gradient(90deg,#1b1205ee,#201106b0),url('/spiresofazeroth/assets/scenery/zones/durotar.jpg') center 46%/cover;box-shadow:inset 0 0 0 4px #08050177,0 8px 20px #0006}
.arena-queue-card small{font:16px var(--f-num,Arial);letter-spacing:3px;color:#ba9d65}.arena-queue-card h2{font:37px/1.1 var(--f-title,Georgia);color:#ffe0a0;margin:10px 0}.arena-queue-card p{font:19px var(--f-num,Arial);color:#c9b89a;margin:8px 0}.arena-gold-prize{display:block;color:#edc45f;font:21px var(--f-ui,Georgia);margin-top:14px}.arena-queue-actions{flex:0 0 320px}.sp-arena-hall .arena-queue-card .arena-queue-btn{--h:70px;font-size:28px}.arena-queue-card .arena-queue-status{font-size:17px;min-height:24px;padding:7px 0;margin:5px 0}
.arena-rank-progress{margin:8px 0 24px;text-align:center}.arena-rank-progress small{display:block;margin-top:10px;font:17px var(--f-num,Arial);color:#c1ad83}.arena-rank-track{height:12px;border:1px solid #8e7237;background:#080502;box-shadow:inset 0 2px 4px #000}.arena-rank-track i{display:block;height:100%;background:linear-gradient(#e4c16a,#836022)}
.arena-recent-form{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0;padding:18px 0;border-top:1px solid #8f73384d}.arena-recent-form small{font:17px var(--f-num,Arial);color:#bca987}.arena-recent-form>div>div{display:flex;gap:7px;margin-top:10px}.arena-recent-form span{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid #887240;font:17px var(--f-num,Arial);color:#deca9d;background:#2c2619}.arena-recent-form .is-win{background:#263e1e;border-color:#6a8849;color:#c8e6ac}.arena-recent-form .is-loss{background:#411b15;border-color:#9f5441;color:#f2b0a3}.arena-recent-form b{font:20px var(--f-ui,Georgia);color:#dfcba3}
.arena-profile .arena-rank-seal{padding:22px 0 10px}.arena-profile .arena-rules-box{padding:16px 0}.arena-profile .arena-friendly{margin-top:24px}.arena-challenges article{border:2px ridge #d2a749;background:linear-gradient(120deg,#601e14bb,#281909);box-shadow:0 0 22px #c8851730}.arena-challenges article>div{flex-wrap:wrap}.arena-table td{padding:13px 10px}.arena-ladder .arena-tabs{flex-shrink:0}.arena-ladder .arena-table-toolbar{padding:18px 0}
.arena-map-picker{margin:20px 0;color:#dcc497}.arena-map-picker label{display:grid;gap:10px;font:20px var(--f-ui,Georgia)}.arena-map-picker select{width:100%;padding:12px;background:#120c06;color:#f1d49b;border:2px ridge #96743d;font:20px var(--f-ui,Georgia)}.arena-map-preview{position:relative;height:155px;overflow:hidden;margin-top:12px;border:1px solid #896b38}.arena-map-preview img{width:100%;height:100%;object-fit:cover}.arena-map-preview span{position:absolute;inset:auto 0 0;padding:15px;background:linear-gradient(transparent,#070403ed);font:18px var(--f-num,Arial)}
/* The in-combat arena panel uses the same stone, bronze and red controls. */
.sp-modal:has(.arena-duel-panel){width:1080px;max-width:calc(100vw - 36px);padding:24px;background:linear-gradient(#1b120c,#0c0805);border:3px ridge #b28a49;color:#e7d4af}.arena-duel-panel{font:22px var(--f-ui,Georgia);color:#e7d4af}.arena-duel-panel [hidden]{display:none!important}.arena-duel-scene{height:180px;margin:16px 0 22px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background-position:center 48%;background-size:cover;border:1px solid #90713a}.arena-duel-scene small{font:15px var(--f-num,Arial);letter-spacing:4px;color:#e8c575}.arena-duel-scene h3{font:43px/1.2 var(--f-title,Georgia);color:#ffe0a0;margin:8px 0 0}.arena-duel-fighters{display:grid;grid-template-columns:1fr 1fr;gap:22px}.arena-duel-fighters article{display:flex;gap:20px;align-items:center;border:1px solid #79603b;background:#090603;padding:20px}.arena-duel-fighters article.is-active{border-color:#d6ae56;box-shadow:inset 0 0 22px #cb8b1726}.arena-duel-fighters article>div{flex:1;min-width:0}.arena-duel-fighters img{width:85px;height:85px;object-fit:cover;border:3px ridge #b69a57;border-radius:50%}.arena-duel-fighters h3{font:31px var(--f-title,Georgia);color:#ffda89;margin:4px 0}.arena-duel-fighters p{font:18px var(--f-num,Arial);margin:4px 0 10px;color:#bca98b}.arena-duel-fighters small{font:16px var(--f-num,Arial);color:#bfad8b}.arena-duel-health{position:relative;height:25px;background:#180a08;border:1px solid #79693f;margin-bottom:8px}.arena-duel-health i{height:100%;display:block;background:linear-gradient(#558942,#28491c)}.arena-duel-health span{position:absolute;inset:0;text-align:center;font:15px/23px var(--f-num,Arial);color:#fff5d5;text-shadow:0 1px #000}.arena-duel-turn{text-align:center;color:#eed18b;margin:20px 0 8px}.arena-duel-initiative{text-align:center;font:17px var(--f-num,Arial);color:#baa785;margin-bottom:22px}.arena-duel-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px}.arena-duel-rules article{display:flex;align-items:flex-start;gap:14px;background:#25190d77;border:1px solid #7e62373b;padding:17px}.arena-duel-rules img{width:40px;height:40px;border:1px solid #9d7e47}.arena-duel-rules b{font-size:21px;color:#e8cd93}.arena-duel-rules p{font:17px/1.5 var(--f-num,Arial);margin:6px 0 0;color:#bdad92}.arena-duel-actions,.arena-duel-confirm{display:flex;justify-content:center;gap:20px;padding-top:24px}.arena-duel-panel .sp-wowbtn{--h:60px;font-size:23px;min-width:225px}.arena-duel-confirm{flex-wrap:wrap;border-top:1px solid #735231;margin-top:24px}.arena-duel-confirm p{width:100%;text-align:center;color:#f0ba9b;margin:0}
.sp-portrait .arena-queue-card{flex-direction:column;align-items:stretch;gap:18px}.sp-portrait .arena-queue-actions{flex-basis:auto}.sp-portrait .arena-queue-card h2{font-size:45px}.sp-portrait .arena-queue-card p{font-size:25px}.sp-portrait .arena-recent-form,.sp-portrait .arena-rank-progress{grid-column:1/-1}.sp-portrait .arena-rank-seal{grid-row:auto}.sp-portrait .arena-ladder{min-height:1450px}.sp-portrait .arena-queue-card .arena-queue-btn{--h:90px;font-size:36px}.sp-portrait .arena-duel-fighters,.sp-portrait .arena-duel-rules{grid-template-columns:1fr}
.arena-rule-symbol{display:block;width:40px;height:40px;flex-shrink:0;color:#d8b46c;background:linear-gradient(#403521,#151006);border:1px solid #9d7e47;padding:4px;box-sizing:border-box}.arena-rule-symbol svg{width:100%;height:100%}@media(max-width:700px){.sp-modal:has(.arena-duel-panel){padding:15px}.arena-duel-scene{height:120px;padding:18px}.arena-duel-scene h3{font-size:30px}.arena-duel-fighters,.arena-duel-rules{grid-template-columns:1fr}.arena-duel-fighters article{padding:12px}.arena-duel-fighters h3{font-size:26px}.arena-duel-actions,.arena-duel-confirm{flex-wrap:wrap;gap:12px}.arena-duel-panel .sp-wowbtn{--h:48px;font-size:19px;min-width:180px}}
.arena-table td{padding:7px 10px}.sp-portrait .arena-table td{padding:13px 10px}
/* A compact framed search row, with the native checkbox inside a larger hit area. */
.sp-arena-hall .arena-table-toolbar.arena-search-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:16px 0;min-width:0}
.sp-arena-hall .arena-search-tools .arena-search-field{position:relative;display:flex;align-items:center;min-width:0;height:64px;border:2px ridge #907447;border-radius:4px;background:#0d0b08;box-shadow:inset 0 2px 8px #0009}
.sp-arena-hall .arena-search-tools .arena-search-field:focus-within{border-color:#e6c67c;outline:2px solid #b6954b66;outline-offset:2px}
.sp-arena-hall .arena-search-tools .arena-search-icon{position:absolute;left:20px;width:19px;height:19px;border:3px solid #bea16a;border-radius:50%;pointer-events:none;box-sizing:border-box}
.sp-arena-hall .arena-search-tools .arena-search-icon:after{content:'';position:absolute;width:12px;height:3px;left:12px;top:12px;background:#bea16a;transform:rotate(45deg);transform-origin:left center;border-radius:2px}
.sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-search-field input[type=search]{appearance:none;-webkit-appearance:none;width:100%;max-width:none;min-width:0;min-height:0;height:100%;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;padding:12px 18px 12px 59px;color:#f0dfba;font:23px/1.2 var(--f-num,Arial);box-sizing:border-box}
.sp-arena-hall .arena-search-tools input[type=search]::placeholder{color:#ad9b7e;opacity:1}
.sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-online-filter{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;min-height:64px;padding:0 16px;box-sizing:border-box;border:1px solid #77603e;border-radius:4px;background:#17130ee0;color:#c8b78f;font:20px/1.2 var(--f-ui,Georgia);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sp-arena-hall .arena-search-tools .arena-online-filter:hover,.sp-arena-hall .arena-search-tools .arena-online-filter.is-active{border-color:#b38e48;background:#2c2416;color:#f0d48e}
.sp-arena-hall .arena-search-tools .arena-online-filter:focus-within{outline:2px solid #e5c170;outline-offset:3px}
.sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-online-filter input[type=checkbox]{width:22px;height:22px;min-height:0;min-width:0;margin:0;flex:none;accent-color:#bc9649;cursor:pointer}
.sp-arena-hall .arena-table-toolbar.arena-search-tools>.arena-results-count{display:block;grid-column:auto;width:110px;margin:0;padding-left:12px;border-left:1px solid #9e7e3c44;color:#bca77f;text-align:center;font:18px/1.3 var(--f-num,Arial);white-space:normal;overflow-wrap:normal}
body.sp-mobile-landscape .sp-arena-hall .arena-table-toolbar.arena-search-tools{--as-px:calc(1px / var(--ui-scale,1));--as-touch:calc(42 * var(--as-px));grid-template-columns:minmax(0,1fr) auto auto;gap:calc(6 * var(--as-px));padding:calc(6 * var(--as-px)) 0}
body.sp-mobile-landscape .sp-arena-hall .arena-search-tools .arena-search-field{height:var(--as-touch);border-width:calc(1 * var(--as-px));border-radius:calc(3 * var(--as-px))}
body.sp-mobile-landscape .sp-arena-hall .arena-search-tools .arena-search-icon{left:calc(10 * var(--as-px));width:calc(12 * var(--as-px));height:calc(12 * var(--as-px));border-width:calc(1.5 * var(--as-px))}
body.sp-mobile-landscape .sp-arena-hall .arena-search-tools .arena-search-icon:after{width:calc(7 * var(--as-px));height:calc(1.5 * var(--as-px));left:calc(7 * var(--as-px));top:calc(7 * var(--as-px))}
body.sp-mobile-landscape .sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-search-field input[type=search]{height:100%;min-height:0;font-size:calc(12 * var(--as-px));padding:calc(6 * var(--as-px)) calc(8 * var(--as-px)) calc(6 * var(--as-px)) calc(30 * var(--as-px))}
body.sp-mobile-landscape .sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-online-filter{min-height:var(--as-touch);height:var(--as-touch);gap:calc(5 * var(--as-px));padding:0 calc(7 * var(--as-px));font-size:calc(10.5 * var(--as-px));border-width:calc(1 * var(--as-px));border-radius:calc(3 * var(--as-px))}
body.sp-mobile-landscape .sp-arena-hall .arena-table-toolbar.arena-search-tools .arena-online-filter input[type=checkbox]{width:calc(14 * var(--as-px));height:calc(14 * var(--as-px));min-height:0;min-width:0}
body.sp-mobile-landscape .sp-arena-hall .arena-table-toolbar.arena-search-tools>.arena-results-count{grid-column:auto;width:calc(54 * var(--as-px));padding-left:calc(4 * var(--as-px));font-size:calc(10.5 * var(--as-px));line-height:1.15}