.arena-categories{margin-top:10px}.arena-categories-head,.arena-category-title{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:24px}.arena-categories-head h2,.arena-category-title h2{margin:8px 0 0;font-size:clamp(38px,5vw,68px);line-height:.92;letter-spacing:-4px}.arena-categories-head>p,.arena-category-title>p{max-width:390px;margin:0;color:var(--muted);line-height:1.55}.arena-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.arena-category-card{--arena:#8757ff;position:relative;min-height:245px;padding:26px;text-align:left;color:#fff;border:1px solid #35353d;border-radius:26px;overflow:hidden;cursor:pointer;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--arena) 30%,transparent),transparent 34%),linear-gradient(145deg,#19191e,#0b0b0e);transition:transform .22s,border-color .22s,box-shadow .22s}.arena-category-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--arena) 70%,#fff);box-shadow:0 26px 70px #000}.arena-category-card:before,.arena-category-card:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--arena) 58%,transparent);border-radius:50%;pointer-events:none}.arena-category-card:before{width:190px;height:190px;right:-40px;bottom:-86px;box-shadow:0 0 0 20px #ffffff05,0 0 0 42px #ffffff03}.arena-category-card:after{width:8px;height:8px;right:49px;bottom:5px;background:var(--arena);box-shadow:0 0 22px var(--arena)}.arena-category-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.arena-category-number{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--arena)}.arena-category-live{padding:7px 10px;border:1px solid color-mix(in srgb,var(--arena) 45%,#303038);border-radius:99px;background:#09090c99;color:#d8d8dc;font-size:9px;font-weight:900;letter-spacing:1px}.arena-category-live i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--arena);box-shadow:0 0 10px var(--arena)}.arena-category-card strong{position:relative;z-index:1;display:block;max-width:75%;margin-top:50px;font-size:clamp(27px,3.1vw,43px);line-height:.88;letter-spacing:-2px;text-transform:uppercase}.arena-category-card footer{position:absolute;z-index:1;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;color:#a6a6ae;font-size:11px}.arena-category-card footer b{color:#fff;font-size:18px}.arena-category-empty{grid-column:1/-1;min-height:260px;padding:42px;border:1px dashed #3a3a43;border-radius:26px;background:linear-gradient(145deg,#141418,#0b0b0e);display:grid;place-content:center;text-align:center}.arena-category-empty span{color:var(--acid);font-size:10px;font-weight:950;letter-spacing:2px}.arena-category-empty h3{margin:12px 0 8px;font-size:30px;letter-spacing:-2px}.arena-category-empty p{max-width:520px;margin:0 auto;color:var(--muted);line-height:1.5}.arena-category-view{margin:4px 0 28px}.arena-category-back{margin-bottom:26px;padding:11px 15px;border:1px solid var(--line);border-radius:99px;background:#151519;color:#fff;font-weight:850;cursor:pointer}.arena-category-back:hover{border-color:var(--acid);color:var(--acid)}.arena-detail-mode .hero{display:none}.arena-detail-mode .battle-card{margin-top:0}.arena-hub-mode>.battle-card,.arena-hub-mode>.section-title,.arena-hub-mode>.battle-list,.arena-hub-mode>.battle-discussion,.arena-hub-mode>.live-reveal,.arena-hub-mode>#arenaEmpty{display:none!important}.arena-category-mode>.arena-categories{display:none}.arena-category-mode>.section-title{margin-top:42px}.arena-category-mode>.section-title h3{font-size:28px;letter-spacing:-1px}.arena-category-mode>.section-title button{display:none}.arena-category-mode>.battle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-category-mode .mini-card{cursor:pointer;text-align:left}.arena-category-mode .mini-card b{pointer-events:none}
@media(max-width:720px){.arena-categories-head,.arena-category-title{display:block}.arena-categories-head>p,.arena-category-title>p{margin-top:14px}.arena-categories-head h2,.arena-category-title h2{letter-spacing:-3px}.arena-category-grid{grid-template-columns:1fr}.arena-category-card{min-height:215px;padding:22px}.arena-category-card strong{margin-top:38px;font-size:34px}.arena-category-card footer{left:22px;right:22px}.arena-category-mode>.battle-list{grid-template-columns:1fr}.arena-category-view{margin-top:0}.arena-category-back{margin-bottom:20px}}