/* Rollgebra Arena: deliberately quiet, graph-inspired, responsive. */
*{box-sizing:border-box}
.arena-page{margin:0;min-height:100dvh;background:var(--rg-bg,#f7f5ef);color:var(--rg-text,#1f2f38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
.arena-page [hidden]{display:none!important}
.arena-page a{color:inherit}
.arena-header{min-height:68px;max-width:1160px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--rg-border,#dbe1df)}
.arena-wordmark{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:850;font-size:1.28rem;letter-spacing:-.035em}
.arena-wordmark img{border-radius:9px}
.arena-header nav{display:flex;align-items:center;gap:clamp(9px,2vw,24px);flex-wrap:wrap;font-size:.84rem;font-weight:650}
.arena-header nav a{text-decoration:none;color:var(--rg-muted,#667)}
.arena-header nav a:hover,.arena-footer a:hover{color:var(--rg-accent,#6e39d6)}
.arena-main{width:min(100%,1160px);margin:0 auto;padding:0 24px}
.arena-hero{padding:clamp(40px,6vw,76px) 0 clamp(30px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:32px;align-items:center}
.arena-kicker,.arena-panel-kicker{font-size:.7rem;font-weight:850;letter-spacing:.15em;color:var(--rg-accent,#6e39d6)}
.arena-hero h1{font-size:clamp(2.9rem,6vw,5.8rem);line-height:1.04;letter-spacing:-.065em;margin:12px 0 15px}
.arena-hero h1 em{font-style:normal;color:var(--rg-accent,#6e39d6)}
.arena-hero p{font-size:clamp(.96rem,1.8vw,1.13rem);line-height:1.65;max-width:620px;color:var(--rg-muted,#657)}
.arena-glyph{color:var(--rg-accent,#6e39d6);opacity:.63;transform:rotate(-9deg)}
.arena-glyph svg{width:100%;height:auto;overflow:visible}
.arena-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.arena-primary,.arena-secondary{min-height:42px;padding:11px 16px;border-radius:11px;font-size:.84rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:750;cursor:pointer}
.arena-primary{background:#6e39d6;border:1px solid #6e39d6;color:#fff!important}
.arena-primary:hover{background:#5a28bc}
.arena-secondary{border:1px solid var(--rg-border,#dfe4dd);background:var(--rg-surface,#fff);color:var(--rg-text,#243)}
.arena-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.arena-panel,.arena-ladder,.arena-records{background:var(--rg-surface,#fff);border:1px solid var(--rg-border,#dce5dc);border-radius:18px;box-shadow:var(--rg-shadow,0 6px 20px #00000008)}
.arena-panel{padding:clamp(20px,3vw,30px);min-height:258px}
.arena-panel h2{font-size:clamp(1.45rem,2.6vw,2.15rem);letter-spacing:-.045em;line-height:1.18;margin:13px 0}
.arena-panel p,.arena-records>p,.arena-account-state,.arena-ladder p{font-size:.93rem;line-height:1.65;color:var(--rg-muted,#667)}
.arena-founder-count{font-weight:850;letter-spacing:-.025em;font-size:1.2rem;margin:20px 0 2px;color:var(--rg-text,#223)}
.arena-muted{font-size:.79rem!important;color:var(--rg-muted,#687)!important}
.arena-text-link{display:inline-block;margin-top:9px;font-size:.84rem;font-weight:800;color:var(--rg-accent,#6e39d6)!important;text-underline-offset:3px}
.arena-benchmark{padding:12px 0;border-top:1px solid var(--rg-border,#dce5dc)}
.arena-benchmark strong{display:block;margin-bottom:4px;font-size:.9rem}
.arena-benchmark small{display:block;color:var(--rg-muted,#678);font-size:.78rem}
.arena-benchmark a{font-size:.83rem;color:var(--rg-accent,#6e39d6);font-weight:750}
.arena-ladder,.arena-records{margin-top:18px;padding:clamp(20px,3vw,30px)}
.arena-section-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
.arena-section-title h2{font-size:clamp(1.4rem,2.6vw,2.05rem);letter-spacing:-.04em;line-height:1.2;margin:8px 0 0}
.arena-rule{font-size:.74rem;max-width:340px;color:var(--rg-muted,#677);text-align:right}
.arena-personal{margin:0 0 18px}
.arena-empty{padding:22px;border:1px dashed var(--rg-border,#cdd);background:var(--rg-surface-muted,#f4f6f3);border-radius:12px}
.arena-empty strong{font-size:1rem}
.arena-empty p{margin:7px 0 12px}
.arena-table-wrap{overflow:auto;border:1px solid var(--rg-border,#ddd);border-radius:12px}
.arena-table{width:100%;border-collapse:collapse;text-align:left;font-size:.83rem;min-width:560px}
.arena-table th,.arena-table td{padding:13px 14px;border-bottom:1px solid var(--rg-border,#ddd);font-variant-numeric:tabular-nums}
.arena-table th{background:var(--rg-surface-muted,#f3f4f3);color:var(--rg-muted,#667);font-size:.72rem}
.arena-table tbody tr:last-child td{border-bottom:0}
.arena-table tr.mine{background:color-mix(in srgb,var(--rg-accent,#6e39d6) 9%,transparent)}
.arena-table td:first-child{font-weight:850}
.arena-hall{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}
.arena-record{padding:15px;background:var(--rg-surface-muted,#f3f4f3);border-radius:12px;min-width:0}
.arena-record strong{font-size:.87rem;display:block}
.arena-record small{display:block;font-size:.76rem;color:var(--rg-muted,#666);margin-top:6px;overflow-wrap:anywhere}
.arena-footer{margin:40px 0 0;padding:24px 0 46px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--rg-border,#ddd);font-size:.78rem;color:var(--rg-muted,#666)}
.arena-footer a{text-decoration:none}
.arena-footer span{margin-left:auto}
.arena-page a:focus-visible,.arena-page button:focus-visible{outline:3px solid var(--rg-accent,#6e39d6);outline-offset:3px}
@media(max-width:760px){.arena-main{padding:0 16px}.arena-header{padding:14px 16px}.arena-header nav{gap:11px;font-size:.75rem}.arena-hero{grid-template-columns:1fr;padding:32px 0}.arena-glyph{display:none}.arena-feature-grid{grid-template-columns:1fr}.arena-panel{min-height:0}.arena-section-title{align-items:flex-start;flex-direction:column}.arena-rule{text-align:left}.arena-hall{grid-template-columns:1fr}.arena-footer span{margin-left:0}}
@media(max-width:390px){.arena-header{flex-wrap:wrap}.arena-header nav{width:100%;justify-content:space-between}.arena-hero h1{font-size:2.75rem}}
@media(prefers-reduced-motion:reduce){.arena-glyph{transform:none}}