*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:clip;background:var(--color-ink);color:var(--color-paper)}body{font-family:var(--font-body);padding-bottom:var(--space-2xl)}a,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.arena-nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--page-gutter);border-bottom:1px solid var(--color-rule);background:var(--color-nav);font-size:var(--text-xs);backdrop-filter:blur(12px)}.brand,h1,h2,.connect-button,.stake-action button{font-family:var(--font-display)}.brand{font-size:var(--text-sm)}.arena-nav>a:last-child{color:var(--color-cyan);white-space:nowrap}main{padding:0 var(--page-gutter)}.arena-hero{min-height:53svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden}.arena-hero::after{content:'↟';position:absolute;right:4%;color:var(--color-rule-soft);font-family:var(--font-display);font-size:clamp(12rem,32vw,34rem);line-height:1;z-index:-1}.eyebrow{margin:0 0 var(--space-md);color:var(--color-cyan);font-size:var(--text-xs)}h1,h2{margin:0;line-height:1.08;overflow-wrap:anywhere;min-width:0;font-style:normal}h1{font-size:var(--text-2xl);letter-spacing:-.06em}h1 span{color:var(--color-accent)}.arena-hero>p:not(.eyebrow){max-width:61ch;color:var(--color-muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.connect-button,.stake-action button{padding:1rem 1.2rem;border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-xs);white-space:nowrap;transition:transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.connect-button:hover,.stake-action button:not(:disabled):hover{transform:translateY(-3px);background:var(--color-paper)}.chain-badge{padding:.8rem 1rem;border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-cyan);font-size:var(--text-xs)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--color-rule);background:var(--color-panel)}.stats article{display:grid;gap:var(--space-sm);padding:var(--space-lg);border-right:1px solid var(--color-rule)}.stats article:last-child{border:0}.stats span,.stake-summary>span{color:var(--color-muted);font-size:var(--text-xs)}.stats strong{color:var(--color-gold);font-family:var(--font-display);font-size:var(--text-lg)}.stats article:last-child strong{font-size:var(--text-sm);color:var(--color-paper)}.gate{padding:var(--space-2xl) 0;border-top:1px solid var(--color-rule)}.gate header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg)}.gate h2{font-size:var(--text-xl)}.gate header span{color:var(--color-muted);font-size:var(--text-xs)}.selection-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-xs);color:var(--color-cyan)}.selection-bar div{display:flex;gap:.5rem}.selection-bar button,.subtle-button{padding:.7rem .8rem;border:1px solid var(--color-rule);background:transparent;color:var(--color-paper);font-size:var(--text-xs)}.selection-bar button:disabled,.subtle-button:disabled{opacity:.4;cursor:not-allowed}.cat-select{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.empty-state{grid-column:1/-1;padding:var(--space-xl);border:1px dashed var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.arena-cat{position:relative;padding:var(--space-xs);border:1px solid var(--color-rule);background:var(--color-panel);color:var(--color-paper);text-align:left}.arena-cat.selected{border-color:var(--color-cyan);box-shadow:inset 0 0 0 1px var(--color-cyan)}.arena-cat img{display:block;width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;background:var(--color-ink)}.nft-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:1;background:var(--color-ink);color:var(--color-muted);font-size:var(--text-xs)}.cat-detail{display:flex;justify-content:space-between;gap:.5rem;padding-top:var(--space-sm);font-size:var(--text-xs)}.rarity{color:var(--color-lime);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-check{position:absolute;top:.75rem;right:.75rem;display:grid;place-items:center;width:1.45rem;height:1.45rem;border:1px solid var(--color-paper);background:var(--color-ink);font-size:.75rem}.arena-cat.selected .cat-check{border-color:var(--color-cyan);background:var(--color-cyan);color:var(--color-ink)}.stake-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.5fr) minmax(13rem,.6fr);gap:var(--space-xl);align-items:center;padding:var(--space-2xl);border:1px solid var(--color-rule);background:var(--color-panel)}.stake-panel h2{font-size:var(--text-xl)}.stake-panel p:not(.eyebrow),.soft-note p:not(.eyebrow){max-width:60ch;color:var(--color-muted);font-size:var(--text-sm)}.stake-panel ul{padding-left:1.25rem;color:var(--color-muted);font-size:var(--text-xs);line-height:2}.stake-summary{display:grid;gap:.5rem;min-height:10rem;padding:var(--space-lg);border:1px solid var(--color-rule);background:var(--color-ink)}.stake-summary strong{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-gold)}.stake-summary small{color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.stake-action{display:grid;gap:var(--space-md)}.stake-action span{color:var(--color-gold);font-size:var(--text-xs)}.stake-action button:disabled{cursor:not-allowed;opacity:.5}.stake-action .subtle-button{background:transparent;color:var(--color-paper);border-color:var(--color-rule)}.soft-note{margin:var(--space-2xl) 0;padding:var(--space-xl);border-left:3px solid var(--color-cyan);background:var(--color-panel)}footer{margin-top:var(--space-3xl);padding:var(--space-xl) var(--page-gutter);color:var(--color-muted);font-size:var(--text-xs)}.toast{position:fixed;z-index:40;right:var(--space-md);top:5.7rem;max-width:min(30rem,calc(100vw - 2rem));padding:var(--space-md);background:var(--color-cyan);color:var(--color-accent-ink);font-size:var(--text-xs);opacity:0;transform:translateY(-1rem);pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.toast.visible{opacity:1;transform:translateY(0)}@media(max-width:48rem){.arena-nav span{display:none}.arena-hero{min-height:48svh}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}.cat-select{grid-template-columns:repeat(2,minmax(0,1fr))}.stake-panel{grid-template-columns:minmax(0,1fr);padding:var(--space-lg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:150ms!important}}
.disconnect-button{padding:1rem 1.2rem;border:1px solid var(--color-rule);background:transparent;color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-xs);white-space:nowrap}.disconnect-button:hover{border-color:var(--color-cyan);color:var(--color-cyan)}