@font-face{font-family:Jersey;src:url('assets/Jersey10-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
/* Jersey's simple pixel glyphs for reading; Press Start for display headings. */
html body.metal-ui{font-family:Jersey,monospace;font-size:24px}
html body.metal-ui :is(p,a,button,label,span,strong,b,summary,input,select,textarea,legend,output,small,li,.card-spec,.logo-controls,.map-pixel-controls,.text-controls){font-family:Jersey,monospace;font-weight:400}
html body.metal-ui :is(h1,h2,h3),html body.metal-ui :is(h1,h2,h3)>span{font-family:Pixel,monospace;font-weight:400;line-height:1.6;letter-spacing:0}
html body.metal-ui h1{font-size:clamp(32px,3.8vw,52px)}
html body.metal-ui h2{font-size:clamp(25px,2.7vw,38px)}
html body.metal-ui :is(.mode-copy h3,.agent-heading h3){font-size:22px;line-height:1.6}
html body.metal-ui :is(.mode-copy p,.intro-copy>p,.section-intro,.agent-intro,.analysis-item p,.agent-conclusion p,.collection-copy>p,.collection-benefits p,.faq-list p,.battle-dialogue p,dialog>p){font-size:26px;font-weight:400;line-height:1.35;letter-spacing:.015em}
html body.metal-ui .intro-copy .lead{font-size:32px;line-height:1.3}
html body.metal-ui :is(.faq-list summary,.analysis-item h4,.collection-benefits strong){font-family:Jersey,monospace;font-size:29px;line-height:1.25;font-weight:400}
html body.metal-ui :is(.button,.mode-action,.header-cta,.desktop-nav a,.menu-button,.segmented button,.filter-row button,.next-encounter){font-size:23px;font-weight:400;letter-spacing:.035em;line-height:1.2}
html body.metal-ui :is(.window-top,.eyebrow,.tiny-code,.demo-badge){font-size:20px;font-weight:400;letter-spacing:.05em;line-height:1.3}
html body.metal-ui .brand{font-size:30px}
html body.metal-ui :is(.battle-info strong,.dex-tile strong){font-size:26px;line-height:1.2}
html body.metal-ui :is(.card-spec,.value-label,.demo-disclosure,.benefit-note,.compact-footer p){font-size:20px;line-height:1.35}
html body.metal-ui .value-label b{font-size:28px}
html body.metal-ui :is(.logo-controls summary,.map-pixel-controls summary,.text-controls>summary){font:400 20px/1.3 Jersey,monospace}
html body.metal-ui .compact-footer>span{font-size:18px}
html body.metal-ui .faq-list summary>span::after{font-family:Jersey,monospace}
html body.metal-ui .title-tagline .tagline-copy{font-family:inherit}
@media(max-width:600px){
 html body.metal-ui h1{font-size:32px}html body.metal-ui h2{font-size:25px}
 html body.metal-ui :is(.mode-copy h3,.agent-heading h3){font-size:20px}
 html body.metal-ui :is(.mode-copy p,.intro-copy>p,.section-intro,.agent-intro,.analysis-item p,.agent-conclusion p,.collection-copy>p,.collection-benefits p,.faq-list p,.battle-dialogue p,dialog>p){font-size:24px}
 html body.metal-ui :is(.button,.mode-action,.header-cta,.menu-button,.segmented button,.filter-row button,.next-encounter){font-size:21px}
 html body.metal-ui .faq-list summary{font-size:27px}
 html body.metal-ui :is(.window-top,.eyebrow,.tiny-code,.demo-badge){font-size:18px}
 html body.metal-ui .card-spec{font-size:18px}
}
html body.metal-ui :is(.section-heading,.questions,.collection-copy,.intro-copy) :is(h1,h2)>span{font-family:Pixel,monospace;font-size:inherit;line-height:inherit}
/* Title screen retains its original lettering and the saved caption settings. */
html body.metal-ui .title-page :is(.title-corner,.title-corner>span,.contract-placeholder){font-family:var(--pixel);font-weight:400}
html body.metal-ui .title-page .title-tagline{font-family:var(--text-font,var(--pixel));font-weight:var(--text-weight,700)}
html body.metal-ui .title-page .title-tagline>.tagline-copy{font-family:inherit;font-weight:inherit}
html body.metal-ui .title-page .logo-controls :is(label,output,p,button,span){font-family:Chakra,Arial,sans-serif}
html body.metal-ui .title-page .logo-controls>summary{font:400 9px/1.6 var(--pixel)}
/* Temporarily hidden art-direction UI. Remove the root attribute to restore it. */
html[data-controls=hidden] body.metal-ui :is(.logo-controls,.map-pixel-controls,.text-controls){display:none}