@import url('/fonts/bungee.css');
:root{--club-display:'Bungee',Impact,sans-serif;--club-body:'Barlow',Arial,sans-serif;--club-score:'Barlow Condensed',Impact,sans-serif}
body,button,input,select{font-family:var(--club-body)}body{font-size:15px;line-height:1.6}.brand-name,.brand .brand-lockup{font-family:var(--club-display);font-size:23px;letter-spacing:.2px;line-height:1.3;white-space:nowrap}.brand-sub,.brand-lockup small{font:600 9px/1.5 var(--club-body);letter-spacing:2px}.logo,.brand-icon{font-family:var(--club-display);font-size:32px}.club-hero h1{font:400 62px/1.15 var(--club-display);letter-spacing:-1px;margin:12px 0 20px;text-shadow:2px 2px #4e4c70,4px 4px #08142b;max-width:610px}.club-hero h1 span{text-shadow:2px 2px #7c526b,4px 4px #08142b}.club-description{font:400 15px/1.7 var(--club-body);max-width:340px}.club-kicker{font:700 11px/1.6 var(--club-body);letter-spacing:2px}.club-nav button{font:600 16px/1.4 var(--club-body)}.sporttab{font:600 14px/1.5 var(--club-body)}.btn,.club-card .game-copy .btn{font:700 13px/1.4 var(--club-body);letter-spacing:1.2px}.club-play{font-size:14px;min-height:49px}.club-topline,.club-date,.club-card-state,.tag,.eyebrow,.tiny,.demo-badge,.club-bottomline{font-family:var(--club-body)}.club-topline{font-size:10px}.club-topline span:last-child{font-size:11px}.section-head h2,.lb-preview-head h3{font:400 23px/1.4 var(--club-display);letter-spacing:-.4px}.section-head p{font:400 14px/1.6 var(--club-body)}.club-card .game-copy h3{font:400 25px/1.4 var(--club-display);letter-spacing:-.5px;margin:9px 0 12px}.club-card .game-copy p{font:400 14px/1.6 var(--club-body)}.club-card-state{font-size:10px;font-weight:600;letter-spacing:.7px}.tag{font-size:11px;letter-spacing:.6px}.eyebrow{font:700 11px/1.6 var(--club-body);letter-spacing:1.7px}.club-compete-strip h3{font:600 16px/1.5 var(--club-body)}.club-compete-strip p{font:400 14px/1.6 var(--club-body)}.club-vs{font:400 30px/1.4 var(--club-display)}.club-compete-strip .backbtn,.club-bottomline button{font:700 12px/1.5 var(--club-body);letter-spacing:.6px}.club-bottomline{font-size:11px}.club-page-head h1{font:400 40px/1.4 var(--club-display);letter-spacing:-.8px}.club-page-head>p:last-child{font:400 16px/1.6 var(--club-body)}.club-compete .hero h1,.game-title{font:400 37px/1.4 var(--club-display);letter-spacing:-.5px}.club-compete .hero p,.game-sub{font:400 15px/1.7 var(--club-body)}.club-compete .hero-copy .actions .btn{font:700 13px/1.4 var(--club-body)}.metric strong{font:700 34px/1.2 var(--club-score);letter-spacing:.3px}.metric span{font:600 11px/1.6 var(--club-body);letter-spacing:1.2px}.ghost,.profile-pill,.chipbtn{font-family:var(--club-body);font-weight:600}.ghost{font-size:10px}.profile-pill{font-size:12px}.profile-pill b{font:700 16px/1 var(--club-score)}.lb-table{font:400 15px/1.5 var(--club-body)}.lb-table th{font:600 12px/1.6 var(--club-body);letter-spacing:1px}.lb-table td:nth-last-child(-n+2){font-family:var(--club-score);font-size:22px;font-weight:600}.profile-link{font:600 15px/1.5 var(--club-body)}.modal h2,.matchmaking-panel h1{font:400 28px/1.4 var(--club-display);letter-spacing:-.5px}.auth-form,.history-row,.notice,.notice.error,.roundbadge,.backbtn,.empty-state{font-family:var(--club-body)}.auth-form{font-size:15px}.field,.auth-form input,.tm-entry input{font:400 17px/1.5 var(--club-body)}.profile-box strong{font:700 35px/1.4 var(--club-score)}.profile-box span{font:600 12px/1.6 var(--club-body)}.history-row{font-size:14px}.season-name strong{font:600 14px/1.5 var(--club-body)}.season-name small{font:400 12px/1.5 var(--club-body)}.result-reveal h3,.tg-result-score-row strong{font:700 43px/1.2 var(--club-score)}.tg-result-context h2{font:400 24px/1.5 var(--club-display)}.tg-result-context p,.tg-score small,.tg-event-caption{font-family:var(--club-body)}.control-block label{font:600 12px/1.5 var(--club-body)}.control-block input,.control-block select{font:400 16px/1.5 var(--club-body)}.footer{font:500 10px/1.6 var(--club-body);letter-spacing:1px}
/* The dedicated deep-cut game shares the same display/body/score families. */
.topbar .brand{font-family:var(--club-display)}.topbar .brand-lockup{font-size:19px;letter-spacing:0}.topbar .brand-lockup small{font:600 8px/1.5 var(--club-body);letter-spacing:1.6px}.hud{font:600 12px/1.5 var(--club-body)}.hud .score b{font:700 36px/1.2 var(--club-score)}.hud .score small{font:400 12px/1.5 var(--club-body)}.question-dock h2{font:600 32px/1.3 var(--club-body);letter-spacing:-.4px}.question-meta{font:700 12px/1.7 var(--club-body);letter-spacing:1.4px}.timer b{font:700 37px/1 var(--club-score)}.timer small{font:500 11px/1.4 var(--club-body)}.scope,.fine,.question-fine{font:400 13px/1.7 var(--club-body)}.question-dock input{font:400 19px/1.5 var(--club-body)}.question-dock input::placeholder{font:400 17px/1.5 var(--club-body)}.primary,.share-button{font:700 14px/1.5 var(--club-body);letter-spacing:1.2px}.hero-copy h1{font:400 52px/1.25 var(--club-display);letter-spacing:-1px}.hero-copy .eyebrow{font:700 12px/1.7 var(--club-body);letter-spacing:1.8px}.hero-sub{font:400 16px/1.6 var(--club-body)}.intro-rules{font:500 13px/1.6 var(--club-body)}.intro-rules b{font:700 37px/1.3 var(--club-score)}.intro-dock .fine{font:400 13px/1.6 var(--club-body)}.intro-dock .primary{font:700 14px/1.5 var(--club-body)}.feedback .catch-card h2{font:600 30px/1.4 var(--club-body)}.feedback .catch-card strong{font:700 58px/1.3 var(--club-score);letter-spacing:.2px}.feedback .catch-card .eyebrow{font:700 13px/1.7 var(--club-body);letter-spacing:1.8px}.feedback .catch-card #reaction,.feedback .catch-card .catch-depth{font:400 15px/1.6 var(--club-body)}.results #result-rank{font:400 29px/1.5 var(--club-display);letter-spacing:-.5px}.results .final-score{font:700 70px/1.2 var(--club-score);letter-spacing:-1px}.results .final-score small{font:400 14px/1.6 var(--club-body)}.results .fine,.results #result-stats,.results #home,.results #recap,.results #ladder{font-family:var(--club-body)}.results .section-label,.results summary{font:700 13px/1.6 var(--club-body);letter-spacing:1px}dialog h2{font:400 25px/1.5 var(--club-display)}dialog p{font:400 15px/1.7 var(--club-body)}
@media(max-width:760px){.brand-name{font-size:18px}.brand-sub{font-size:7px;letter-spacing:1px}.brand{gap:8px}.logo{font-size:28px;width:25px}.club-hero h1{font-size:clamp(32px,8.2vw,40px);line-height:1.25;letter-spacing:-.8px;margin:20px 0 18px}.club-kicker{font-size:9px;line-height:1.7}.club-description{font-size:14px;max-width:235px}.club-play{font-size:12px;min-height:48px}.club-nav button{font-size:14px}.sporttab{font-size:12px;padding:6px 10px}.club-topline{font-size:9px}.club-topline span:last-child{font-size:9px;max-width:130px}.section-head h2{font-size:18px}.section-head p{font-size:12px}.club-date{font-size:10px}.club-card .game-copy h3{font-size:21px}.club-card .game-copy p{font-size:14px}.club-card .game-copy .btn{font-size:11px;letter-spacing:.8px}.club-card-state{font-size:9px}.eyebrow{font-size:10px}.tag{font-size:10px}.club-vs{font-size:24px}.club-compete-strip h3{font-size:15px}.club-compete-strip p{font-size:12px}.club-compete-strip .backbtn{font-size:11px}.club-bottomline,.club-bottomline button{font-size:10px}.club-page-head h1{font-size:30px}.club-page-head p:last-child{font-size:14px}.club-compete .hero h1,.game-title{font-size:29px}.club-compete .hero p,.game-sub{font-size:14px}.club-compete .hero-copy .actions .btn{font-size:12px}.metric strong{font-size:29px}.metric span{font-size:10px}.lb-preview-head h3{font-size:19px}.chipbtn{font-size:11px}.lb-table td{font-size:13px}.lb-table th{font-size:10px}.lb-table td:nth-last-child(-n+2){font-size:20px}.profile-link{font-size:13px}.modal h2{font-size:25px}.btn{font-size:12px}.profile-pill{font-size:11px}.sound-toggle{font-size:9px}.footer{font-size:9px}.topbar .brand-lockup{font-size:16px}.topbar .brand-lockup small{font-size:7px}.hud{font-size:9px}.hud .score b{font-size:27px}.hud .score small{font-size:10px}.question-meta{font-size:10px}.timer b{font-size:31px}.question-dock h2{font-size:27px}.scope,.fine{font-size:12px}.question-dock input{font-size:18px}.question-dock form .primary{font-size:13px}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{font-size:10px}.hero-sub{font-size:14px}.intro-rules{font-size:12px}.intro-rules b{font-size:31px}.intro-dock .fine{font-size:12px}.intro-dock .primary{font-size:13px}.feedback .catch-card h2{font-size:27px}.feedback .catch-card strong{font-size:48px}.feedback .catch-card .eyebrow{font-size:12px}.feedback .catch-card button{font-size:13px}.results #result-rank{font-size:24px}.results .final-score{font-size:58px}.results .primary,.results .share-button{font-size:13px}}
.sportbar .sporttab{font:400 13px/1.5 var(--club-display);letter-spacing:.3px;padding:9px 15px;text-transform:uppercase;min-height:38px}.sportbar .sporttab.active{color:var(--gold)}
@media(max-width:760px){.sportbar .sporttab{font-size:10px;letter-spacing:0;padding:9px 11px;min-height:35px}.sportbar{scrollbar-width:thin;scrollbar-color:#5b7794 transparent}}
@font-face{font-family:'Pixeloid Sans';src:url('/fonts/pixel/PixeloidSans-lxa3y.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Pixeloid Sans';src:url('/fonts/pixel/PixeloidSansBold-1jpBg.ttf') format('truetype');font-weight:600 900;font-display:swap}
@font-face{font-family:'Pixeloid Mono';src:url('/fonts/pixel/PixeloidMono-nAOpP.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Pixelated Elegance';src:url('/fonts/pixel/PixelatedEleganceRegular-ovawB.ttf') format('truetype');font-display:swap}
/* Bungee keeps its existing display roles; supporting text uses the supplied pixels. */
:root{--club-body:'Pixeloid Sans',monospace;--club-score:'Pixeloid Mono',monospace}
body{line-height:1.8}.club-card .game-copy p,.club-compete .hero p,.section-head p,.game-sub{line-height:1.8}.btn,.club-card .game-copy .btn,.club-compete .hero-copy .actions .btn{font-family:var(--club-body);font-size:12px;line-height:1.6;letter-spacing:0}.ghost,.profile-pill,.chipbtn,.field,.notice,.backbtn,.roundbadge,.duel-player strong,.duel-player span,.tm-status,.chain-name,.season-row,.control-block select,.control-block input,.control-head,.demo-banner,.profile-link,.empty-state{font-family:var(--club-body)}.brand-sub,.brand-lockup small,.eyebrow,.tag,.club-date,.club-card-state,.metric span,.lb-table th{font-family:'Pixelated Elegance',var(--club-body);font-weight:400;letter-spacing:.4px}.metric strong{font-size:27px}.lb-table td:nth-last-child(-n+2){font-size:18px}.profile-pill b{font-family:var(--club-score);font-size:13px}.club-home-compete .hero-copy>.actions{column-gap:12px}.club-card .game-copy .btn{white-space:normal}.club-card-state{font-size:9px}.tag{font-size:10px}
@media(max-width:760px){.btn,.club-card .game-copy .btn,.club-compete .hero-copy .actions .btn{font-size:10px}.club-compete .hero p,.club-card .game-copy p{font-size:12px}.metric strong{font-size:23px}.metric span{font-size:9px}.brand-sub{font-size:6px}.ghost{font-size:8px}.chipbtn{font-size:9px}.club-date{font-size:9px}}
.sportbar .sporttab.active{color:#132438}

/* Keep the original Bungee placements, including their nested text. */
body,body *,body *::before,body *::after{font-family:'Pixeloid Sans'!important}
:is(.brand-name,.brand .brand-lockup,.logo,.brand-icon,.club-hero h1,.section-head h2,.lb-preview-head h3,.club-card .game-copy h3,.club-vs,.club-page-head h1,.club-compete .hero h1,.game-title,.modal h2,.matchmaking-panel h1,.tg-result-context h2,.topbar .brand,.hero-copy h1,.results #result-rank,dialog h2,.sportbar .sporttab),:is(.brand-name,.brand .brand-lockup,.logo,.brand-icon,.club-hero h1,.section-head h2,.lb-preview-head h3,.club-card .game-copy h3,.club-vs,.club-page-head h1,.club-compete .hero h1,.game-title,.modal h2,.matchmaking-panel h1,.tg-result-context h2,.topbar .brand,.hero-copy h1,.results #result-rank,dialog h2,.sportbar .sporttab) *{font-family:'Bungee'!important}
.brand-sub,.brand-lockup small,.topbar .brand-lockup small,.eyebrow,.tag,.club-date,.club-card-state,.metric span,.lb-table th{font-family:'Pixelated Elegance'!important}
.metric strong,.profile-pill b,.lb-table td:nth-last-child(-n+2),.timer-ring strong,.timer b,.hud .score b,.final-score,.tg-result-score-row strong,.result-reveal h3,.profile-box strong{font-family:'Pixeloid Mono'!important}
body .topbar .brand .brand-sub,body .topbar .brand .brand-lockup small{font-family:"Pixelated Elegance"!important}
