.arena-tier-controls{margin-bottom:24px;padding:4px 12px;border:12px solid transparent;border-image:url(/wallpaper/main-page-rail-border.png) 13/12px stretch;background:#f8e7bf;background-clip:padding-box;box-shadow:0 5px 12px #3d291d20;color:#3d291d}.arena-tier-controls-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0}.arena-tier-classes{display:flex;flex-wrap:wrap;gap:4px}.arena-tier-classes button,.arena-tier-view button{display:grid;place-items:center;width:44px;height:44px;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer}.arena-tier-classes img{width:32px;height:32px;object-fit:contain}.arena-tier-classes button[aria-pressed=true]{border-color:#7e4b20;background:#eed39c}.arena-tier-classes button:hover,.arena-tier-view button:hover{background:#ecd29f}.arena-tier-search{display:flex;align-items:center;gap:8px;flex:1 1 260px;min-width:0;min-height:44px;height:46px;box-sizing:border-box;padding:0 12px;border:1px solid #ae8853;border-radius:6px;background:#fff4d9}.arena-tier-search input{width:100%;min-width:0;height:44px;background:transparent;font-size:14px;color:#3d291d;outline:none}.arena-tier-search input::placeholder{color:#745b40}.arena-tier-search input::-webkit-search-cancel-button{display:none}.arena-tier-search button{display:grid;place-items:center;min-width:44px;height:44px;cursor:pointer}.arena-tier-controls-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:12px 0 16px;border-top:1px solid #ad88554d}.arena-tier-selection{display:flex;align-items:baseline;gap:10px}.arena-tier-selection h2{font-family:var(--font-hs,"Cinzel",serif);font-size:22px;line-height:1.3}.arena-tier-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.arena-tier-select{position:relative;display:inline-flex;align-items:center}.arena-tier-select-icon{position:absolute;left:12px;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 1px #0006);pointer-events:none}.arena-tier-select-icon--rarity{width:21px;height:29px;left:14px}.arena-tier-select>svg{position:absolute;right:12px;pointer-events:none}.arena-tier-select>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.arena-tier-select select{height:44px;box-sizing:border-box;appearance:none;max-width:100%;padding:0 36px 0 44px;border:1px solid #ae8853;border-radius:6px;line-height:normal;color:#3d291d;background:#fff4d9;font-size:14px;cursor:pointer}.arena-tier-select select[data-selected=true]{border-color:#7e4b20;background:#eed39c;box-shadow:inset 0 0 0 1px #7e4b20}.arena-tier-select option{color:#3d291d;background:#fff4d9}.arena-tier-reset{min-height:44px;padding:0 12px;color:#6d1117;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.arena-tier-view{display:flex;height:44px;box-sizing:border-box;padding:0;border:1px solid #ae8853;border-radius:6px}.arena-tier-view button{width:44px;height:42px}.arena-tier-view button[aria-pressed=true]{color:#fff4d9;background:#6d1117}.arena-tier-controls :is(button,select,input):focus-visible{outline:2px solid #6d1117;outline-offset:3px}.arena-tier-search:focus-within{outline:2px solid #6d1117;outline-offset:2px}.arena-tier-search input:focus-visible{outline:none}.arena-tier-badge{--tier-color:#5a4430;--tier-shape:polygon(8% 0,92% 0,100% 8%,100% 68%,50% 100%,0 68%,0 8%);position:relative;display:inline-grid;place-items:center;flex-shrink:0;width:46px;height:52px;padding-bottom:6px;box-sizing:border-box;clip-path:var(--tier-shape);color:#fff4d9;background:linear-gradient(135deg,#f5d99a,#ac793c 38%,#f0ce87 58%,#76502b);font:900 26px/1 var(--font-hs,"Cinzel",serif)}.arena-tier-badge:after,.arena-tier-badge:before{content:"";position:absolute;clip-path:var(--tier-shape);pointer-events:none}.arena-tier-badge:before{inset:2px;background:#593a21}.arena-tier-badge:after{inset:4px;background:linear-gradient(150deg,#ffffff26,transparent 48%,#00000030),var(--tier-color)}.arena-tier-badge-letter{position:relative;z-index:1;text-shadow:0 1px 2px #21140dc0}.arena-tier-badge--small{width:28px;height:32px;padding-bottom:4px;font-size:16px}.arena-tier-badge--small:before{inset:1px}.arena-tier-badge--small:after{inset:3px}.arena-tier-badge[data-tier=S]{--tier-color:#911f2b}.arena-tier-badge[data-tier=A]{--tier-color:#87500e}.arena-tier-badge[data-tier=B]{--tier-color:#6d4193}.arena-tier-badge[data-tier=C]{--tier-color:#286a52}.arena-tier-badge[data-tier=D]{--tier-color:#346784}.arena-tier-badge[data-tier=E]{--tier-color:#73462e}.arena-tier-badge[data-tier=F]{--tier-color:#55524e}@media (max-width:639px){.arena-tier-controls{padding-inline:8px;border-width:8px;border-image-width:8px}.arena-tier-controls-top{gap:12px}.arena-tier-classes{width:100%}.arena-tier-controls-bottom{gap:12px}.arena-tier-filters{width:100%}.arena-tier-select{flex:1 1 160px;min-width:0}.arena-tier-select select{width:100%}.arena-tier-selection h2{font-size:20px}}@media (max-width:479px){.arena-tier-select{flex-basis:100%}}