@layer components{.arena-browse{padding-top:var(--space-5)}.arena-browse__hero .arena-category__cover{display:flex;align-items:center;min-height:210px;height:auto}.arena-browse__hero .arena-category__heading{padding:28px 30px;width:100%}.arena-browse__hero h1{max-width:65%;font:900 clamp(2.25rem,5.8vw,3.875rem) / 1 var(--font-ui);letter-spacing:var(--tracking-display)}.arena-browse__hero .arena-category__heading p{max-width:min(48ch,51%);font-size:var(--text-compact);font-weight:450;line-height:1.5;margin-top:var(--space-3)}.arena-browse__hero .arena-category__image{left:auto;width:62%;object-position:right 20%;-webkit-mask-image:linear-gradient(to right,transparent,#000 28%);mask-image:linear-gradient(to right,transparent,#000 28%)}.arena-browse__inactive{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--ink-dim);font-size:var(--text-compact)}.arena-browse__inactive svg{flex-shrink:0}.arena-browse__controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:var(--space-6);border-bottom:1px solid var(--rule-soft)}.arena-browse__tabs{display:flex;gap:var(--space-6);flex-wrap:wrap}.arena-browse__tabs a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:46px;padding:12px 0;border-bottom:3px solid transparent;color:var(--ink-dim);font-size:var(--text-compact)}.arena-browse__tabs a>span:last-child{font:var(--type-meta);color:var(--ink-dim)}.arena-browse__tabs a[data-selected=true]{border-bottom-color:var(--foreground);color:var(--foreground);font-weight:700}.arena-browse__tabs .arena-live-dot{width:6px;height:6px}.arena-browse__tools{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2)}.arena-browse__search{display:flex;align-items:center;gap:var(--space-2);min-height:38px;padding:0 11px;border:1px solid var(--rule-soft);border-radius:var(--radius-control);color:var(--ink-dim);background:var(--card)}.arena-browse__search:focus-within{border-color:var(--foreground);outline:2px solid var(--ring);outline-offset:2px}.arena-browse__search svg{flex-shrink:0}.arena-browse__search input{width:155px;min-width:0;min-height:36px;padding:0;border:0;border-radius:0;background:transparent;color:var(--foreground);font:var(--type-compact);box-shadow:none;outline:none}.arena-browse__search input:focus-visible{outline:none;box-shadow:none}.arena-browse__prize-filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--prize-line);border-radius:var(--radius-control);color:var(--prize-ink);background:var(--prize-soft);font:var(--type-control);white-space:nowrap}.arena-browse__prize-filter[data-selected=true]{background:var(--prize-bg);box-shadow:inset 0 0 0 1px var(--prize-line)}.arena-list{margin-top:var(--space-5);overflow:hidden;border:1px solid var(--rule-soft);border-radius:var(--radius-surface);background:var(--card)}.arena-list>ul{margin:0;padding:0;list-style:none}.arena-list>ul>li+li{border-top:1px solid var(--rule-soft)}.arena-list__row{display:block;color:var(--foreground);transition:background var(--motion-fast)}a.arena-list__row:hover,a.arena-list__row:focus-visible{background:var(--success-surface)}a.arena-list__row:focus-visible{position:relative;outline-offset:-3px}.arena-list__row--disabled{color:var(--ink-dim)}.arena-list__row-grid{display:grid;grid-template-columns:minmax(0,1fr) 170px 138px 110px;align-items:center;gap:var(--space-6);min-height:122px;padding:22px 24px}.arena-list__head{min-height:36px;padding-block:var(--space-2);background:var(--paper-alt);border-bottom:1px solid var(--rule-soft);color:var(--ink-dim);font:var(--type-meta);font-size:.625rem;letter-spacing:.055em;text-transform:uppercase}.arena-list__head>span:first-child{padding-left:64px}.arena-list__identity{display:flex;align-items:center;gap:var(--space-4);min-width:0}.arena-list__identity>div{min-width:0}.arena-list__identity h2{font:750 1.1875rem / 1.3 var(--font-ui);letter-spacing:-.03em;overflow-wrap:anywhere}.arena-list__art{width:48px;height:58px;flex:0 0 48px;display:grid;place-items:center;border:1px solid var(--prize-line);border-radius:var(--radius-control);background:linear-gradient(135deg,var(--prize-soft),var(--prize-bg));color:var(--prize-ink)}.arena-list__art--free{background:var(--success-surface);color:var(--success);border-color:color-mix(in srgb,var(--success) 25%,var(--rule-soft))}.arena-list__art--past{background:var(--paper-alt);color:var(--ink-dim);border-color:var(--rule-soft)}.arena-list__meta{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-top:6px;color:var(--ink-dim);font-size:var(--text-meta);line-height:1.5}.arena-list__meta>span+span:before{content:"·";padding-right:var(--space-2);color:var(--ink-dim)}.arena-list__meta>span:first-child{font-family:var(--font-code);font-size:.6875rem}.arena-list__eligibility{display:flex;align-items:baseline;gap:5px;margin-top:6px;color:var(--ink-dim);font-size:var(--text-meta);line-height:1.5}.arena-list__eligibility svg{position:relative;top:2px;flex-shrink:0}.arena-list__entry{min-width:0}.arena-list__entry>strong{font-size:var(--text-compact);font-weight:650;line-height:1.5;font-variant-numeric:tabular-nums}.arena-list__entry>small{display:block;margin-top:2px;color:var(--ink-dim);font-size:var(--text-meta)}.arena-list__free{display:inline-block;padding:4px 8px;border-radius:var(--radius-badge);background:var(--success-surface);color:var(--success);font-size:var(--text-meta);font-weight:650}.arena-list__activity{color:var(--ink-dim);font-size:var(--text-meta);line-height:1.8;font-variant-numeric:tabular-nums}.arena-list__activity b{color:var(--foreground);font-weight:600}.arena-list__muted{color:var(--ink-dim);font-size:var(--text-meta)}.arena-list__action{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:var(--ink-dim);font-size:var(--text-meta);font-weight:600}.arena-list__action svg{box-sizing:content-box;flex-shrink:0;padding:6px;border:1px solid var(--rule-soft);border-radius:50%;color:var(--foreground);transition:background var(--motion-fast),transform var(--motion-fast)}a.arena-list__row:hover .arena-list__action svg{transform:translate(2px);background:var(--primary);border-color:var(--action-border)}.arena-list__cell-label{display:none}.arena-list__footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:11px 24px;border-top:1px solid var(--rule-soft);color:var(--ink-dim);font-size:.6875rem}.arena-list__footer>span{font-family:var(--font-code);font-size:.625rem}.arena-list>.arena-directory__empty{border:0;border-radius:0}@media(max-width:1000px){.arena-list__row-grid{grid-template-columns:minmax(0,1fr) 146px 116px 95px;gap:var(--space-4);padding-inline:var(--space-5)}.arena-browse__hero h1{max-width:80%}.arena-browse__tabs{gap:var(--space-4)}}@media(max-width:760px){.arena-browse{padding-top:var(--space-4)}.arena-browse__hero .arena-category__heading{padding:var(--space-6)}.arena-browse__hero .arena-category__cover{min-height:190px}.arena-browse__hero .arena-category__cover:after{background:linear-gradient(90deg,#050b09e0,#050b09a3 42%,#050b091f 85%)}.arena-browse__hero h1{max-width:100%}.arena-browse__hero .arena-category__heading p{max-width:min(40ch,88%);font-size:var(--text-meta)}.arena-browse__hero .arena-category__image{width:100%;object-position:65% center;-webkit-mask-image:none;mask-image:none}.arena-browse__controls{gap:var(--space-3)}.arena-browse__tools{width:100%;padding-bottom:var(--space-3)}.arena-browse__search{flex:1}.arena-browse__search input{width:100%}.arena-list__head{display:none}.arena-list__row-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px;gap:16px 12px;padding:20px 18px}.arena-list__identity{grid-column:1 / 3}.arena-list__identity h2{font-size:1.125rem}.arena-list__art{width:38px;height:48px;flex-basis:38px}.arena-list__entry{grid-column:1;grid-row:2}.arena-list__activity{grid-column:2;grid-row:2}.arena-list__cell-label{display:block;margin-bottom:5px;color:var(--ink-dim);font:var(--type-meta);font-size:.625rem;text-transform:uppercase;letter-spacing:.04em}.arena-list__action{grid-column:3;grid-row:1 / 3}.arena-list__action>span{display:none}.arena-list__footer{padding-inline:18px}}}