:root{--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--verified-text:#22c55e;--verified-border:#22c55e73;--content-gap:20px;--element-gap:12px}.utility-page{--nav-height:56px}.utility-page .container{width:100%;max-width:960px;margin-inline:auto}.utility-page .container>*{padding-inline:1.5em}@media (min-width:1360px){.utility-page .container{max-width:1200px}}@media (min-width:1800px){.utility-page .container{max-width:1400px}}@media (min-width:2000px){.utility-page .container{max-width:1760px}}@media (min-width:2400px){.utility-page .container{max-width:1920px}}.utility-page{background:var(--bg);color:var(--text-secondary)}.page-stack,.page-arena,.page-trending{--cols-1360:2;--cols-1800:3;--cols-2000:4;--cols-2400:4}.page-tools{--cols-1360:2;--cols-1800:5;--cols-2000:5;--cols-2400:5}.page-roadmap{--cols-1360:2;--cols-1800:4;--cols-2000:4;--cols-2400:4}@media (min-width:2000px){.page-roadmap .roadmap-eras{gap:var(--content-gap,20px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.page-roadmap .roadmap-eras .era-block:last-child:nth-child(odd){grid-column:1/-1}}.utility-page__header{padding:28px 0 16px}.utility-page__header h1{color:var(--text-primary);margin:0}.utility-page__header p{color:var(--text-secondary);max-width:92ch;margin:8px 0 0}.utility-meta{min-height:25px;color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.utility-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.utility-control{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-height:34px;color:var(--text-primary);font:inherit;padding:6px 12px}.utility-control:hover{border-color:var(--border-hover)}.utility-control:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.utility-control[aria-pressed=true],.utility-control.is-active{color:var(--accent-primary);border-color:var(--accent-primary)}.utility-grid{grid-template-columns:repeat(var(--cols-base,1), minmax(0, 1fr));align-items:stretch;gap:20px;display:grid}@media (min-width:1360px){.utility-grid{grid-template-columns:repeat(var(--cols-1360,2), minmax(0, 1fr))}}@media (min-width:1800px){.utility-grid{grid-template-columns:repeat(var(--cols-1800,3), minmax(0, 1fr))}}@media (min-width:2000px){.utility-grid{grid-template-columns:repeat(var(--cols-2000,4), minmax(0, 1fr))}}@media (min-width:2400px){.utility-grid{grid-template-columns:repeat(var(--cols-2400,4), minmax(0, 1fr))}}.utility-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:24px;transition:border-color .2s,box-shadow .2s}.utility-card:hover,.utility-card:focus-within{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.utility-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:24px}.badge-verified{border:1px solid var(--verified-border);color:var(--verified-text);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:.75rem;line-height:18px;display:inline-block}.utility-load-more{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-height:34px;color:var(--text-primary);font:inherit;cursor:pointer;padding:6px 16px}.utility-load-more:hover{border-color:var(--border-hover)}.utility-load-more:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.utility-page a{color:var(--accent-primary)}.utility-page a:hover{color:var(--accent-primary-hover)}.page-arena .arena-shell{gap:var(--content-gap);grid-template-columns:minmax(0,1fr);display:grid}.page-arena .arena-shell>.hero,.page-arena .arena-shell>.match-history{grid-column:1/-1}@media (min-width:2000px){.page-arena .arena-shell>.match-history{grid-column:1}}.page-arena .arena-main,.page-arena .arena-aside{min-width:0}.page-arena .arena-main{gap:var(--content-gap);align-content:start;display:grid}.page-arena .arena-aside{gap:var(--content-gap);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.page-arena .lede{max-width:92ch}.page-arena .kpi-row{gap:var(--element-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:1360px){.page-arena .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.page-arena .arena-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.page-arena .leaderboard .table-wrap{overflow:visible}.page-arena .leaderboard thead th{top:var(--nav-height);z-index:2;background:var(--bg-card);position:sticky}.page-arena .lb-row{height:34px}}.page-arena .leaderboard .rank-cell{z-index:1;background:var(--bg-card);position:sticky;left:0}.page-arena .leaderboard thead th:first-child{z-index:3;background:var(--bg-card);position:sticky;left:0}@media (min-width:2000px){.page-arena .arena-shell{grid-template-columns:minmax(0,1fr) 300px}.page-arena .arena-aside{top:calc(var(--nav-height) + var(--content-gap));grid-template-columns:minmax(0,1fr);align-self:start;position:sticky}}@media (min-width:2400px){.page-arena .arena-shell{grid-template-columns:minmax(0,1fr) 320px}}.page-roadmap .roadmap-eras{gap:var(--content-gap);grid-template-columns:minmax(0,1fr);display:grid}.page-roadmap .roadmap-eras>.era-block{min-width:0;margin-bottom:0}.page-roadmap .roadmap-eras>.era-block .roadmap-list{min-width:0}.page-roadmap .era-progress-fill.is-complete{background:var(--verified-text)}.page-roadmap .roadmap-card .utility-meta.rc-meta{font-family:var(--font-mono);min-height:28px;font-size:11px}.page-roadmap .roadmap-card .rc-plus{font-family:var(--font-mono)}.page-roadmap .roadmap-card .rc-text p{max-width:92ch;margin:0}.page-roadmap .roadmap-card .rc-title,.page-roadmap .roadmap-card .rc-text{flex-direction:column;min-width:0;display:flex}@media (min-width:1360px){.page-roadmap .roadmap-card .rc-row{gap:var(--element-gap);grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;display:grid}}@media (min-width:2000px){.page-roadmap .roadmap-eras{grid-template-columns:repeat(2,minmax(0,1fr))}.page-roadmap .roadmap-eras>.era-block:last-child:nth-child(odd){grid-column:1/-1}}