@font-face{font-family:Silkscreen;src:url('assets/silkscreen-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Silkscreen;src:url('assets/silkscreen-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:VT323;src:url('assets/vt323-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--pixel:VT323,monospace;--tiny:Silkscreen,monospace;--display:Silkscreen,monospace}
body{font-family:var(--pixel);font-size:20px;font-weight:400}
.brand{font-family:var(--display);font-size:17px;letter-spacing:0}.brand>span>span{font-size:12px;letter-spacing:1.3px;margin-top:7px}
.intro h1{font:700 clamp(52px,5.9vw,91px)/1.05 var(--display);letter-spacing:-2px;text-shadow:0 3px #79613a,0 6px #312d20,4px 9px #0b1714;margin:24px 0}.intro h1>span{margin-top:2px}
.opening-title{font:700 clamp(40px,6.5vw,88px)/1.12 var(--display);letter-spacing:-2px}.opening-title span{margin-top:5px}
.intro p{font:22px/1.35 var(--pixel);max-width:440px}.title-rule span{font-size:8px}.tag,.intro .tag{font-size:9px}.title-actions .primary{font-size:11px}.secondary-guide{font-size:8px}.menu-controls{font-size:15px}.menu-controls kbd{font-family:var(--pixel);font-size:12px}.record{font-size:16px}.title-stats strong{font-size:35px}.title-stats span{font-size:8px}.title-stats p{font-size:15px}.title-stats p b{font-size:20px}.gold-callout b{font-size:8px}.gold-callout span{font-size:16px}
.modal h2,.modal.wide h2,.shop-heading h2,.community-hero h2,.board-heading h2,.rewards-intro h2{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.4;letter-spacing:-.5px}
.community-hero h2{font-size:22px}.board-heading h2{font-size:24px}.modal p,.community-hero p,.board-heading p,.rewards-intro p{font:19px/1.35 var(--pixel)}
.wallet-option strong{font:28px var(--pixel)}.wallet-option small{font:9px var(--tiny)}.community-note,.reward-launch-note{font:16px/1.4 var(--pixel)}.community-kicker,.rewards-status,.rewards-titlebar,.community-titlebar{font-size:8px;line-height:1.7}
.community-tabs button,.community-secondary,.board-sort button{font:8px/1.5 var(--tiny)}.community-tabs button{padding:10px 14px}.board-sort button{padding:8px 10px}
.header-right .wallet-button,.header-right .leaderboard-nav,.header-right .rewards-nav{font-size:8px!important}.header-right .contract-status{font-size:9px}
.rewards-facts span,.rewards-footer>div>span,.rewards-rule>span,.practice-heading>span{font-size:8px;line-height:1.5}.rewards-facts strong{font:34px var(--pixel)}.rewards-facts .rewards-coming{font-size:29px}.rewards-facts small,.rewards-footer small{font:16px/1.4 var(--pixel)}.rewards-rule p{font:20px/1.4 var(--pixel)}.rewards-rule small{font:16px/1.4 var(--pixel)}.journey-stops strong{font-size:8px}.journey-stops small{font-size:7px}.journey-detail span{font-size:8px}.journey-detail strong{font:27px var(--pixel)}.journey-detail p{font:17px/1.4 var(--pixel)}.reward-milestone strong{font-size:23px}.reward-milestone small{font:8px/1.5 var(--tiny)}.rewards-practice p{font:16px/1.4 var(--pixel)}.rewards-footer strong{font-size:28px}.rewards-footer button{font-size:8px}
.board-totals strong{font:36px var(--pixel)}.board-totals span{font-size:8px}.board-column-labels{font-size:8px;grid-template-columns:45px minmax(0,1fr) 110px 100px 60px}.score-row{grid-template-columns:45px minmax(0,1fr) 110px 100px 60px}.board-player strong{font:24px var(--pixel)}.board-player small{font:16px var(--pixel)}.board-rank{font-size:25px}.board-time,.board-kills,.board-level{font:23px var(--pixel)}.board-details code{font:19px var(--pixel)}.board-details>span{font-size:17px}.board-pages>span{font-size:8px}.board-empty>strong{font:28px var(--pixel)}.board-empty>p{font:18px var(--pixel)}
#displayName,#boardSearch{font:20px var(--pixel)}#profileForm label{font-size:8px}#profileForm label small{font-size:7px}.wallet-full{font:22px var(--pixel)}#communityNotice{font:18px/1.4 var(--pixel)}
.health-block .eyebrow,.health-block .eyebrow b,.health-block .eyebrow span{font:8px var(--tiny)}.vital-line>span{font:8px var(--pixel)}.health strong{font:13px var(--pixel)}.experience-line small{font:13px var(--pixel)}.timer-panel>span{font:7px var(--tiny)}.timer{font:38px var(--pixel);letter-spacing:1px}.kill-block .eyebrow{font:7px/1.6 var(--tiny)}.kill-block strong{font:35px var(--pixel)}.zone-name{font:8px/1.6 var(--tiny)}.map-heading b{font:7px var(--tiny)}.map-legend{font:11px var(--pixel)}.hud-bottom{font:13px var(--pixel);letter-spacing:0}.wallet-amount b{font:28px var(--pixel)}.wallet-amount small{font:8px var(--pixel)}.shop-key{font:8px var(--tiny)}
.shop-heading .tag,.shop-titlebar,.shop-info span:last-child{font-size:8px}.shop-heading p,.shop-info{font:17px/1.4 var(--pixel)}.wallet>span{font-size:8px}.wallet strong{font:40px var(--pixel)}.wallet>small{font:13px var(--pixel)}.shop-item h3,.card h3{font:27px/1.1 var(--pixel);letter-spacing:0}.shop-item p,.card p{font:18px/1.3 var(--pixel)}.shop-item-top>span,.card small,.unlock small{font:8px/1.6 var(--tiny)}.buy-button{font:8px/1.5 var(--tiny)}.buy-button strong{font:20px var(--pixel)}.unlock strong{font:29px var(--pixel)}.unlock p{font:17px/1.4 var(--pixel)}.choose-note{font-size:16px!important}.evolution-card h3{font:24px var(--pixel)}.evolution-card .ability,.evolution-card p{font:16px/1.3 var(--pixel)}.stats strong{font:35px var(--pixel)}.stats small{font:8px/1.5 var(--tiny)}
#toast{font:18px/1.3 var(--pixel)}.opening-kicker{font-size:8px}.opening-content p{font:16px var(--pixel)}#skipIntro{font-size:8px}footer,footer>div{font:13px var(--pixel)}footer>div:first-child,.version{font-size:8px}
@media(max-width:1120px){.header-right .wallet-button,.header-right .leaderboard-nav,.header-right .rewards-nav{font-size:7px!important}.intro h1{font-size:65px}.shop-heading h2{font-size:21px}.tag,.intro .tag{font-size:8px}}
@media(max-width:760px){
 .brand{font-size:13px}.brand>span>span{font-size:9px;letter-spacing:1.3px}.header-right{max-width:250px}.header-right .wallet-button,.header-right .leaderboard-nav,.header-right .rewards-nav{font-size:6px!important}
 .intro h1{font-size:clamp(34px,10.5vw,61px);letter-spacing:-1px;line-height:1.1;margin:22px 0}.intro h1>span{margin-top:1px}.intro .tag{font-size:7px}.title-rule span{font-size:6px}.intro p{font-size:20px;max-width:295px}.title-actions .primary{font-size:9px}.secondary-guide{font-size:8px}.menu-controls{font-size:12px;gap:8px}.title-stats strong{font-size:30px}.title-stats span{font-size:6px}.record{font-size:14px}
 .community-hero h2,.board-heading h2,.rewards-intro h2,.modal h2,.modal.wide h2,.shop-heading h2{font-size:17px;line-height:1.45;letter-spacing:-.3px}.community-hero p,.board-heading p,.rewards-intro p,.modal p{font-size:18px}.community-kicker,.rewards-status{font-size:6px}.community-titlebar,.rewards-titlebar{font-size:7px}.community-tabs button,.community-secondary{font-size:7px;padding:8px 9px}.wallet-option strong{font-size:26px}.wallet-option small{font-size:7px}.community-note,.reward-launch-note{font-size:16px}
 .rewards-facts span,.rewards-footer>div>span,.rewards-rule>span,.practice-heading>span{font-size:7px}.rewards-facts strong{font-size:31px}.rewards-facts small,.rewards-footer small,.rewards-rule small{font-size:16px}.rewards-rule p{font-size:19px}.journey-stops strong{font-size:6px}.journey-stops small{font-size:6px}.journey-detail span{font-size:7px}.journey-detail strong{font-size:25px}.journey-detail p{font-size:17px}.reward-milestone strong{font-size:21px}.reward-milestone small{font-size:6px}.rewards-footer button{font-size:7px}
 .board-totals span{font-size:6px}.board-totals strong{font-size:31px}.board-column-labels,.score-row{grid-template-columns:23px minmax(0,1fr) 46px 46px 26px;gap:5px}.board-column-labels{font:10px var(--pixel)}.board-player strong{font-size:20px}.board-player small{font-size:14px}.board-rank{font-size:22px}.board-time,.board-kills,.board-level{font-size:17px}.board-pages>span{font-size:6px}.board-sort button{font-size:6px}.board-empty>strong{font-size:25px}.board-empty>p{font-size:17px}#boardSearch{font-size:18px}#displayName{font-size:17px}#profileForm label{font-size:7px}#profileForm label small{font-size:6px}.wallet-full{font-size:19px}
 .health-block .eyebrow,.health-block .eyebrow b,.health-block .eyebrow span{font-size:6px}.health strong{font-size:11px}.experience-line small{font-size:11px}.timer-panel>span{font-size:5px}.timer{font-size:30px}.kill-block .eyebrow{font-size:5px}.kill-block strong{font-size:25px}.zone-name{font-size:6px}.map-heading b{font-size:5px}.map-legend{font-size:8px}.hud-bottom{font-size:11px}.wallet-amount b{font-size:25px}.wallet-amount small{font-size:7px}.shop-key{font-size:6px}
 .shop-heading .tag,.shop-titlebar{font-size:6px}.shop-heading p,.shop-info{font-size:15px}.shop-info span:last-child{font-size:6px}.wallet>span{font-size:7px}.wallet strong{font-size:31px}.shop-item h3,.card h3{font-size:24px}.shop-item p,.card p{font-size:17px}.shop-item-top>span,.card small,.unlock small{font-size:6px}.buy-button{font-size:6px}.buy-button strong{font-size:17px}.unlock strong{font-size:25px}.unlock p{font-size:16px}.evolution-card h3{font-size:22px}.evolution-card .ability,.evolution-card p{font-size:15px}.stats small{font-size:6px}#toast{font-size:17px}
 .opening-title{font-size:43px;letter-spacing:-1px}.opening-kicker{font-size:6px}.opening-content p{font-size:14px;letter-spacing:0}#skipIntro{font-size:6px}footer>div{font-size:11px}
}
@media(max-width:360px){.header-right{max-width:205px}.header-right .wallet-button,.header-right .leaderboard-nav,.header-right .rewards-nav{font-size:5px!important}.intro h1{font-size:33px}.wallet-option small{font-size:6px}.health-block .eyebrow,.health-block .eyebrow b,.health-block .eyebrow span{font-size:5px}.shop-key{font-size:5px}}

/* Contract announcement above the game title. */
.hero-contract{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;margin:14px 0 0;padding:9px 14px;background:#14271fee;border:2px solid #ac8c48;box-shadow:inset 0 0 0 2px #344331,3px 3px 0 #091810;color:#f4d789;font:10px/1.4 var(--display);text-shadow:1px 1px #091810}
.hero-contract-label{padding-right:13px;border-right:2px solid #667044;color:#e5b85e}
.hero-contract-status{color:#f2e8c8}
.hero-contract-spark{width:6px;height:6px;background:#e5b85e;box-shadow:0 0 0 2px #544b2d}
.hero-contract+h1{margin-top:14px}
@media(max-width:760px){.hero-contract{margin:12px auto 0;padding:8px 12px;font-size:9px;gap:12px}.hero-contract+h1{margin-top:14px}}

.official-social{display:inline-flex;align-items:center;gap:10px;margin-top:15px;padding:7px 11px;border:1px solid #8b7d4e;background:#13291fdb;color:#e9d194;text-decoration:none;font:17px/1.1 var(--pixel);box-shadow:2px 2px #0a1711}
.official-social:hover{background:#34432a;border-color:#e9c66f;color:#fff0c6}.official-social .social-x{font:12px var(--display);border-right:1px solid #776c47;padding-right:10px}.official-social:focus-visible{outline:2px solid #fff1ae;outline-offset:4px}