/* User-supplied display fonts. See fonts/supplied-fonts.txt for provenance. */
@font-face{font-family:'City Stencil';src:url('../fonts/city-stencil.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Punk Grandmother';src:url('../fonts/punk-grandmother.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Punk Grandmother Simple';src:url('../fonts/punk-grandmother-simple.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Espia Hungaro';src:url('../fonts/espia-hungaro.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Invert Stencil';src:url('../fonts/invert-stencil.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Spanish Stencil';src:url('../fonts/spanish-stencil.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Dirty Stencil';src:url('../fonts/dirty-stencil.ttf') format('truetype');font-weight:400;font-display:swap}

.brand{font-family:'Espia Hungaro',Impact,sans-serif;font-size:42px;line-height:.95;letter-spacing:0;font-weight:400}
.brand-bottom{font-size:50px}
.hero h1{font-family:'Punk Grandmother',Impact,sans-serif;font-size:clamp(60px,6.4vw,92px);line-height:1.12;letter-spacing:0;font-weight:400;-webkit-text-stroke:0;text-shadow:3px 4px #32133e}
.hero h1 span{font-family:'Dirty Stencil',Impact,sans-serif;-webkit-text-stroke:0;text-shadow:3px 4px #203813}
.scene-banner strong{font-family:'Invert Stencil',Impact,sans-serif;font-size:clamp(27px,3.8vw,46px);line-height:1.2;font-weight:400;letter-spacing:0;text-shadow:2px 3px #4d246f}
.hero-game-badge{font-family:'City Stencil',Impact,sans-serif;font-size:19px;line-height:1.2}
.hero-game-badge b{font-family:'City Stencil',Impact,sans-serif;font-size:15px;font-weight:400;margin-top:5px}
.profile-heading h2,.community-card strong{font-family:'Espia Hungaro',Impact,sans-serif;font-weight:400;letter-spacing:0}
.profile-heading h2{font-size:30px}
.community-card strong{font-size:38px;line-height:1.1}
.section-heading h1,.archive-heading h2,.event-feature h2,.faq-title,.fanclub-header h2{font-family:'Spanish Stencil',Impact,sans-serif;font-weight:400;letter-spacing:0;line-height:1.2}
.section-heading h1,.archive-heading h2{font-size:30px}
.event-feature h2{font-size:40px}
.faq-title{font-size:30px}.fanclub-header h2{font-size:25px}
.community-feature h2{font-family:'Punk Grandmother Simple',Impact,sans-serif;font-size:54px;line-height:1.15;font-weight:400;letter-spacing:0;text-shadow:2px 3px #532851}
.hero-copy>.primary,.header-ticket,.event-feature .primary{font-family:'Spanish Stencil',Impact,sans-serif;font-size:22px;font-weight:400;letter-spacing:.3px}
.ticket-content h2,#saved-title{font-family:'Spanish Stencil',Impact,sans-serif;font-size:36px;line-height:1.2;font-weight:400;letter-spacing:0}
.issued-pass h4,.ticket-stub>.pixel{font-family:'Espia Hungaro',Impact,sans-serif;font-size:25px;line-height:1.2;font-weight:400}
/* The chat, wardrobe options, names and checkout controls keep their readable UI faces. */
@media(max-width:620px){
 .brand{font-size:33px}.brand-bottom{font-size:39px}
 .hero h1{font-size:clamp(38px,10.4vw,63px);line-height:1.15}
 .scene-banner strong{font-size:clamp(24px,6vw,34px)}
 .section-heading h1,.archive-heading h2{font-size:25px}
 .ticket-content h2,#saved-title{font-size:30px}
 .community-feature h2{font-size:42px}
 .header-ticket{font-size:18px}
 .fanclub-header h2{font-size:22px}
}
@media(max-width:360px){.brand{font-size:28px}.brand-bottom{font-size:34px}.ticket-content h2,#saved-title{font-size:27px}}
.hero-copy>#play-dressup{width:fit-content;max-width:70%;text-align:left;position:relative;z-index:1}