.h-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 6px;font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#f7fafc;background:#553c9a;box-shadow:0 -3px 0 0 #b794f4,0 3px 0 0 #b794f4,-3px 0 0 0 #b794f4,3px 0 0 0 #b794f4,0 7px 0 0 rgba(0,0,0,.45);margin:3px}.h-pill img{width:16px;height:16px;image-rendering:pixelated}.h-pill--gold{background:#7b341e;color:#fbd38d;box-shadow:0 -3px 0 0 #f6ad55,0 3px 0 0 #f6ad55,-3px 0 0 0 #f6ad55,3px 0 0 0 #f6ad55,0 7px 0 0 rgba(0,0,0,.45)}.h-pill--red{background:#63171b;color:#feb2b2;box-shadow:0 -3px 0 0 #fc8181,0 3px 0 0 #fc8181,-3px 0 0 0 #fc8181,3px 0 0 0 #fc8181,0 7px 0 0 rgba(0,0,0,.45)}@media (min-width:640px){.h-pill{font-size:12px;padding:6px 14px 7px}}.h-title{font-family:Ari,ui-monospace,monospace;font-weight:700;color:#f7fafc;letter-spacing:.02em;text-transform:uppercase;line-height:1.3;filter:drop-shadow(2px 0 0 #000) drop-shadow(-2px 0 0 #000) drop-shadow(0 2px 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(0 4px 0 #44337A)}@media (min-width:1024px){.h-title{filter:drop-shadow(3px 0 0 #000) drop-shadow(-3px 0 0 #000) drop-shadow(0 3px 0 #000) drop-shadow(0 -3px 0 #000) drop-shadow(0 6px 0 #44337A)}}.h-gold{background:linear-gradient(180deg,#feebc8,#fbd38d 42%,#f6ad55 58%,#ed8936);-webkit-background-clip:text;background-clip:text}.h-gold,.h-lav{color:transparent}.h-lav{background:linear-gradient(180deg,#fff,#e9d8fd 50%,#b794f4);-webkit-background-clip:text;background-clip:text}.h-gold,.h-green,.h-lav,.h-red{text-shadow:none}.h-red{background:linear-gradient(180deg,#fff5f5,#feb2b2 40%,#fc8181 60%,#f56565);-webkit-background-clip:text;background-clip:text}.h-green,.h-red{color:transparent}.h-green{background:linear-gradient(180deg,#f0fff4,#9ae6b4 50%,#68d391);-webkit-background-clip:text;background-clip:text}.h-body{font-family:Ari,ui-monospace,monospace;color:#cbd5e0;line-height:1.55;text-shadow:0 2px 0 rgba(0,0,0,.55)}@keyframes h-stamp{0%{opacity:0;transform:scale(1.9)}45%{opacity:1;transform:scale(.9)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes h-rise{0%{opacity:0;transform:translateY(18px)}50%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes h-drop{0%{opacity:0;transform:translateY(-40px)}60%{opacity:1;transform:translateY(4px) scale(1.06,.92)}80%{transform:translateY(-2px) scale(.97,1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.h-arm .h-drop,.h-arm .h-rise,.h-arm .h-stamp{opacity:0}.h-arm.h-live .h-stamp{animation:h-stamp .38s steps(7) both;animation-delay:var(--d,0ms)}.h-arm.h-live .h-rise{animation:h-rise .42s steps(6) both;animation-delay:var(--d,0ms)}.h-arm.h-live .h-drop{animation:h-drop .46s steps(8) both;animation-delay:var(--d,0ms)}.h-tap{cursor:pointer;-webkit-tap-highlight-color:transparent}.h-tap:focus-visible{outline:3px solid #fbd38d;outline-offset:4px}.h-hint{font-size:10px;letter-spacing:.12em;color:#a0aec0}.h-btn,.h-hint{font-family:Ari,ui-monospace,monospace;font-weight:700;text-transform:uppercase}.h-btn{--face:#9f7aea;--hi:#b794f4;--low:#805ad5;--side:#553c9a;--rim:#1a202c;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 28px 16px;margin:3px 3px 9px;overflow:hidden;font-size:16px;line-height:1;letter-spacing:.06em;text-shadow:0 2px 0 rgba(0,0,0,.35);background:linear-gradient(var(--hi),var(--hi)) top /100% 3px no-repeat,linear-gradient(var(--low),var(--low)) bottom /100% 5px no-repeat,var(--face);box-shadow:0 6px 0 0 var(--side),0 -3px 0 0 var(--rim),-3px 0 0 0 var(--rim),3px 0 0 0 var(--rim),-3px 6px 0 0 var(--rim),3px 6px 0 0 var(--rim),0 9px 0 0 var(--rim),0 13px 0 0 rgba(0,0,0,.35);transform:translateY(0);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.h-btn,a.h-btn,a.h-btn:active,a.h-btn:focus,a.h-btn:hover,a.h-btn:visited{text-decoration:none;color:#fff}a.h-btn--gold,a.h-btn--gold:active,a.h-btn--gold:focus,a.h-btn--gold:hover,a.h-btn--gold:visited{color:#1a202c}.h-btn:hover{--face:#a98bee}.h-btn:focus-visible{outline:3px solid #fbd38d;outline-offset:6px}.h-btn.is-pressed,.h-btn:active{transform:translateY(4px);box-shadow:0 2px 0 0 var(--side),0 -3px 0 0 var(--rim),-3px 0 0 0 var(--rim),3px 0 0 0 var(--rim),-3px 2px 0 0 var(--rim),3px 2px 0 0 var(--rim),0 5px 0 0 var(--rim),0 9px 0 0 rgba(0,0,0,.35)}.h-btn svg{flex-shrink:0}.h-btn--gold{--face:#f6ad55;--hi:#fbd38d;--low:#ed8936;--side:#9c4221;color:#1a202c;text-shadow:0 2px 0 hsla(0,0%,100%,.35)}.h-btn--gold:hover{--face:#f8b96a}.h-btn--red{--face:#fc8181;--hi:#feb2b2;--low:#f56565;--side:#9b2c2c}.h-btn--red:hover{--face:#fd9292}.h-btn--ghost{--face:#2d3748;--hi:#4a5568;--low:#1a202c;--side:#171923;--rim:#4a5568;color:#e2e8f0;min-height:44px;font-size:12px;padding:10px 18px 13px}.h-btn--ghost:hover{--face:#3a4556}.h-btn--lg{min-height:64px;font-size:18px;padding:14px 34px 18px}@media (min-width:640px){.h-btn--lg{min-height:70px;font-size:20px;padding:16px 40px 20px}}.h-hero{--hs:7;--k:4;--ground:calc(var(--hs) * 20px);position:relative;overflow:hidden;background:#271e2d;min-height:100svh}@media (min-width:640px){.h-hero{--k:5}}@media (min-width:1024px){.h-hero{--k:5;min-height:100dvh}}@media (min-width:1280px){.h-hero{--k:6}}@media (min-width:1280px) and (min-height:760px){.h-hero{--k:7}}@media (max-width:1023px) and (max-height:720px){.h-hero{--k:3;--hs:6}}@media (min-height:946px){.h-hero{--hs:8}}@media (min-height:1081px){.h-hero{--hs:9}}@media (min-height:1216px){.h-hero{--hs:10}}.h-scene{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.h-layer{position:absolute;left:-64px;right:-64px;bottom:0;height:calc(var(--hs) * 135px);background-repeat:repeat-x;background-position:bottom;background-size:calc(var(--hs) * 240px) calc(var(--hs) * 135px);image-rendering:pixelated;will-change:transform}.h-layer--sky{height:calc(var(--hs) * 382px);background-size:calc(var(--hs) * 240px) calc(var(--hs) * 382px)}.h-tint{position:absolute;inset:0;background:#6b46c1;mix-blend-mode:color;opacity:.32}@keyframes h-twinkle{0%,to{opacity:1}33%{opacity:.45}66%{opacity:.8}}.h-layer--fireflies{animation:h-twinkle 2.6s step-end infinite}.h-layer--stars{animation:h-twinkle 3.4s step-end infinite reverse}@keyframes h-mote{0%{transform:translate(0);opacity:0}10%{opacity:1}50%{transform:translate(var(--mx,12px),-90px)}90%{opacity:1}to{transform:translateY(-180px);opacity:0}}.h-mote{position:absolute;width:4px;height:4px;background:#fbd38d;box-shadow:0 0 0 2px hsla(38,93%,77%,.25);animation:h-mote var(--mt,7s) steps(36) infinite;animation-delay:var(--md,0s);opacity:0}.h-mote--lav{background:#e9d8fd;box-shadow:0 0 0 2px rgba(183,148,244,.3)}.h-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(26,32,44,.75),rgba(26,32,44,0) 22%),linear-gradient(90deg,rgba(26,32,44,.55),rgba(26,32,44,0) 55%)}@media (max-width:1023px){.h-vignette{background:linear-gradient(180deg,rgba(26,32,44,.8),rgba(26,32,44,.35) 42%,rgba(26,32,44,0) 62%)}}.h-fade{position:absolute;left:0;right:0;bottom:0;height:56px;pointer-events:none;background:linear-gradient(180deg,rgba(26,32,44,0),#1a202c)}.h-hero__inner{position:relative;z-index:10;min-height:100svh;padding:64px 16px 0;text-align:center}.h-hero__copy,.h-hero__inner{display:flex;flex-direction:column;align-items:center}.h-hero__copy{gap:14px;width:100%;max-width:560px}.h-hero__spacer{flex:1 1 auto;min-height:8px}.h-hero__cta{height:var(--ground);display:flex;align-items:flex-start;justify-content:center;width:100%;padding-top:18px}.h-hero__cta .h-btn{width:100%;max-width:420px}@media (min-width:1024px){.h-hero__inner{align-items:flex-start;justify-content:center;min-height:100dvh;padding:96px 56px var(--ground);text-align:left;max-width:1440px;margin:0 auto}.h-hero__copy{align-items:flex-start;max-width:min(620px,54vw);gap:18px}.h-hero__spacer{display:none}.h-hero__cta{height:auto;justify-content:flex-start;padding-top:12px}.h-hero__cta .h-btn{width:auto;min-width:300px}}@media (min-width:1280px){.h-hero__inner{padding-left:80px;padding-right:80px}}@media (max-width:1023px){.h-desk-only{display:none!important}}@media (min-width:1024px){.h-mob-only{display:none!important}}.h-logo{position:relative;margin:0;width:220px;height:176px}.h-logo img{position:absolute;left:50%;bottom:-22px;width:220px;height:220px;margin-left:-110px;image-rendering:pixelated;filter:drop-shadow(4px 6px 0 rgba(0,0,0,.45));animation:h-logo-in .56s steps(9) .12s both}@media (max-width:1023px) and (max-height:720px),(max-width:370px){.h-logo{width:160px;height:128px}.h-logo img{width:160px;height:160px;margin-left:-80px;bottom:-16px}.h-hero__inner{padding-top:52px}.h-hero__copy{gap:10px}.h-hero__sub{font-size:13px}}@media (min-width:1024px){.h-logo{width:360px;height:224px}.h-logo img{left:-12px;margin-left:0;width:360px;height:360px;bottom:-22px}}@media (min-width:1280px) and (min-height:820px){.h-logo{width:400px;height:248px}.h-logo img{width:400px;height:400px;bottom:-24px}}@keyframes h-logo-in{0%{opacity:0;transform:scale(.35)}30%{opacity:1;transform:scale(1.14,.84)}55%{transform:scale(.94,1.08)}78%{transform:scale(1.03,.98)}to{opacity:1;transform:scale(1)}}.h-logo.is-poked img{animation:h-logo-poke .32s steps(5) both}@keyframes h-logo-poke{0%{transform:scale(1)}30%{transform:scale(1.12,.86)}65%{transform:scale(.95,1.06)}to{transform:scale(1)}}.h-puff{--ps:3;position:absolute;width:calc(var(--ps) * 64px);height:calc(var(--ps) * 64px);margin:calc(var(--ps) * -32px) 0 0 calc(var(--ps) * -32px);background:url(/game/fx/logo_anim.png) no-repeat 0 0;background-size:calc(var(--ps) * 320px) calc(var(--ps) * 64px);image-rendering:pixelated;pointer-events:none;opacity:0;animation:h-puff .52s steps(5,jump-none) both;animation-delay:var(--pd,0ms)}@keyframes h-puff{0%{opacity:1;background-position:0 0;transform:translate(0)}99%{opacity:1;background-position:calc(var(--ps) * -256px) 0;transform:translate(var(--px,0),var(--py,-12px))}to{opacity:0;background-position:calc(var(--ps) * -256px) 0;transform:translate(var(--px,0),var(--py,-12px))}}.h-hero__headline{margin:0;font-size:24px;line-height:1.25}@media (min-width:640px){.h-hero__headline{font-size:30px}}@media (min-width:1024px){.h-hero__headline{font-size:38px}}@media (min-width:1280px){.h-hero__headline{font-size:44px}}.h-hero__sub{margin:0;max-width:34em;font-family:Ari,ui-monospace,monospace;font-size:14px;line-height:1.5;color:#f7fafc;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000}@media (min-width:640px){.h-hero__sub{font-size:16px}}@media (min-width:1024px){.h-hero__sub{font-size:18px}}@keyframes h-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.h-enter{animation:h-in-up .3s steps(4) both;animation-delay:var(--d,0ms)}.h-dock{position:relative;flex:none;width:calc(var(--k) * 71px);height:calc(var(--k) * 44px);margin:0 auto}@media (min-width:1024px){.h-dock{position:absolute;z-index:6;right:5%;bottom:var(--ground);margin:0}}.buddy-dock-placeholder{position:absolute;inset:0;background-repeat:no-repeat;background-size:calc(var(--k) * 1704px) calc(var(--k) * 396px);background-position:0 calc(var(--k) * -176px);image-rendering:pixelated;pointer-events:none;animation:h-idle 875ms steps(7,jump-none) infinite}@keyframes h-idle{0%{background-position:0 calc(var(--k) * -176px)}to{background-position:calc(var(--k) * -426px) calc(var(--k) * -176px)}}[data-buddy-docked="1"] .buddy-dock-placeholder{visibility:hidden}.buddy-dock-placeholder{transform:scaleX(-1);transform-origin:calc(var(--k) * 37px) 50%}@media (min-width:1024px){.buddy-dock-placeholder{transform:none}}.h-dock__shadow{position:absolute;left:50%;bottom:calc(var(--k) * -2px);width:calc(var(--k) * 22px);height:calc(var(--k) * 3px);margin-left:calc(var(--k) * -11px);background:rgba(0,0,0,.35);box-shadow:calc(var(--k) * 2px) 0 0 0 rgba(0,0,0,.2),calc(var(--k) * -2px) 0 0 0 rgba(0,0,0,.2);pointer-events:none}.h-section{position:relative;padding:56px 0}@media (min-width:640px){.h-section{padding:104px 0}}.h-head{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;margin:0 auto 40px;max-width:920px;padding:0 16px}@media (min-width:640px){.h-head{margin-bottom:56px}}.h-h2{margin:0;font-size:26px}@media (min-width:640px){.h-h2{font-size:34px}}@media (min-width:1024px){.h-h2{font-size:44px}}.h-dialog{position:relative;margin:0 auto;max-width:880px;padding:26px 20px 30px;text-align:left}@media (min-width:640px){.h-dialog{padding:34px 40px 38px}}.h-dialog__row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"face name" "face text";-moz-column-gap:22px;column-gap:22px;align-items:start}.h-dialog__row>.h-portrait{grid-area:face}.h-dialog__row>.h-nameplate{grid-area:name;justify-self:start}.h-dialog__row>.h-dialog__text{grid-area:text;min-width:0}@media (max-width:639px){.h-dialog__row{grid-template-areas:"face name" "text text";-moz-column-gap:14px;column-gap:14px}.h-dialog__row>.h-nameplate{align-self:end;margin-bottom:3px}.h-dialog__row>.h-dialog__text{margin-top:16px}}.h-portrait{position:relative;flex:none;width:96px;height:96px;overflow:hidden;background:#1a202c;box-shadow:0 -3px 0 0 #f6ad55,0 3px 0 0 #f6ad55,-3px 0 0 0 #f6ad55,3px 0 0 0 #f6ad55,inset 0 -18px 0 0 #2a2344;margin:3px}@media (max-width:639px){.h-portrait{width:72px;height:72px}}.h-portrait__ph{position:absolute;left:calc(50% - 71px);bottom:0;width:142px;height:88px;background-repeat:no-repeat;background-size:3408px 792px;background-position:0 -352px;image-rendering:pixelated;pointer-events:none;transform:scaleX(-1);transform-origin:74px 50%;animation:h-portrait-idle 875ms steps(7,jump-none) infinite}@keyframes h-portrait-idle{0%{background-position:0 -352px}to{background-position:-852px -352px}}[data-buddy-docked="1"]>.h-portrait__ph{visibility:hidden}@media (prefers-reduced-motion:reduce){.h-portrait__ph{animation:none}}.h-nameplate{display:inline-block;padding:5px 10px 6px;margin-bottom:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#1a202c;background:#f6ad55;box-shadow:0 3px 0 0 #9c4221}.h-dialog__h,.h-nameplate{font-family:Ari,ui-monospace,monospace;font-weight:700}.h-dialog__h{margin:0;font-size:24px;line-height:1.3;color:#f7fafc;filter:drop-shadow(0 3px 0 #000)}@media (min-width:640px){.h-dialog__h{font-size:34px}}@media (min-width:1024px){.h-dialog__h{font-size:40px}}.h-dialog__p{margin:14px 0 0;font-family:Ari,ui-monospace,monospace;font-size:15px;line-height:1.55;color:#cbd5e0}@media (min-width:640px){.h-dialog__p{font-size:18px}}.h-type{position:relative;display:block}.h-type__ghost{visibility:hidden}.h-type__live{position:absolute;left:0;top:0;right:0}.h-caret{display:inline-block;width:.5em;height:.95em;margin-left:2px;vertical-align:-.1em;background:#fbd38d;animation:g-blink .6s step-end infinite}.h-next{position:absolute;right:22px;bottom:16px;width:18px;height:12px;background:#f6ad55;clip-path:polygon(0 0,100% 0,100% 33%,83% 33%,83% 66%,66% 66%,66% 100%,33% 100%,33% 66%,17% 66%,17% 33%,0 33%);animation:h-next .8s steps(2,jump-none) infinite}@keyframes h-next{0%{transform:translateY(0)}to{transform:translateY(4px)}}.h-cards{display:grid;grid-template-columns:1fr;gap:22px;max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width:768px){.h-cards{grid-template-columns:1fr 1fr;gap:28px}}.h-card{padding:22px 20px 24px;height:100%}@media (min-width:640px){.h-card{padding:28px 28px 30px}}.h-card__top{gap:18px}.h-card__top,.h-stage{display:flex;align-items:center}.h-stage{position:relative;flex:none;width:104px;height:104px;background:#1a202c;box-shadow:0 -3px 0 0 #4a5568,0 3px 0 0 #4a5568,-3px 0 0 0 #4a5568,3px 0 0 0 #4a5568,inset 0 4px 0 0 rgba(0,0,0,.35);margin:3px;justify-content:center;overflow:visible}@media (min-width:640px){.h-stage{width:120px;height:120px}}.h-card__title{margin:0 0 2px;font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:17px;line-height:1.25;color:#f7fafc;text-shadow:0 2px 0 #000}@media (min-width:640px){.h-card__title{font-size:20px}}.h-stat{display:inline-block;margin-top:4px;font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:28px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}@media (min-width:640px){.h-stat{font-size:38px}}.h-stat__label{display:block;margin-top:8px;font-size:12px;line-height:1.3;color:#a0aec0;text-transform:uppercase;letter-spacing:.06em}.h-card__body,.h-stat__label{font-family:Ari,ui-monospace,monospace}.h-card__body{margin:16px 0 0;font-size:15px;line-height:1.5;color:#e2e8f0}@media (min-width:640px){.h-card__body{font-size:16px}}.h-stat.is-slam{animation:h-slam .3s steps(5)}@keyframes h-slam{0%{transform:scale(1)}30%{transform:scale(1.35) translateY(-6px)}60%{transform:scale(.92)}to{transform:scale(1)}}.h-emoji{image-rendering:pixelated;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.h-fog{position:absolute;inset:8px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);pointer-events:none}.h-fog i{display:block;background:#718096;opacity:.92}.h-fog i:nth-child(3n){background:#a0aec0}.h-fog i:nth-child(5n){background:#4a5568}.h-fog.is-clear i{opacity:0;transition:opacity 0s linear var(--fd,0ms)}.h-coin{top:6px;width:28px;height:28px;margin-left:-14px;image-rendering:pixelated;pointer-events:none}.h-coin,.h-sand{position:absolute;left:50%;opacity:0}.h-sand{top:50%;width:4px;height:4px;margin-left:-2px;background:#fbd38d}.h-why{display:grid;gap:28px;align-items:center;max-width:1100px;margin:0 auto;padding:0 16px}@media (min-width:768px){.h-why{grid-template-columns:1fr 1fr;gap:56px}.h-why--flip>:first-child{order:2}}.h-panel{position:relative;width:100%;max-width:360px;aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center}.h-why__kicker{font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#f6ad55}.h-why__h{margin:12px 0 0;font-size:24px;line-height:1.3;text-transform:none}@media (min-width:640px){.h-why__h{font-size:30px}}@media (min-width:1024px){.h-why__h{font-size:34px}}.h-why__body{margin:14px 0 0;font-family:Ari,ui-monospace,monospace;font-size:15px;line-height:1.55;color:#cbd5e0}@media (min-width:640px){.h-why__body{font-size:17px}}.h-combo{pointer-events:none;position:absolute;left:0;right:0;bottom:22px;gap:8px}.h-combo,.h-key{display:flex;justify-content:center}.h-key{width:34px;height:34px;align-items:center;background:#1a202c;box-shadow:0 -3px 0 0 #4a5568,0 3px 0 0 #4a5568,-3px 0 0 0 #4a5568,3px 0 0 0 #4a5568,0 6px 0 0 #000;color:#a0aec0}.h-key.is-on{background:#f6ad55;color:#1a202c;box-shadow:0 -3px 0 0 #fbd38d,0 3px 0 0 #fbd38d,-3px 0 0 0 #fbd38d,3px 0 0 0 #fbd38d,0 3px 0 3px #000;transform:translateY(3px)}.h-bang{position:absolute;left:50%;top:18%;transform:translateX(-50%) rotate(-8deg);font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:40px;white-space:nowrap;pointer-events:none;opacity:0}.h-bang__inner{display:inline-block}.h-proof{display:flex;flex-direction:column;gap:22px;max-width:960px;margin:0 auto;padding:0 16px}.h-proof__card{padding:24px 20px 26px}@media (min-width:640px){.h-proof__card{padding:32px 36px}}.h-proof__grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:center}@media (min-width:640px){.h-proof__grid{grid-template-columns:1fr auto;gap:36px}}.h-odo{display:inline-flex;gap:3px}.h-odo__wheel{position:relative;width:.72em;height:1.12em;overflow:hidden;background:#1a202c;box-shadow:inset 0 3px 0 rgba(0,0,0,.5),inset 0 -3px 0 hsla(0,0%,100%,.06)}.h-odo__strip{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center}.h-odo__strip span{display:block;height:1.12em;line-height:1.12em}.h-onair{display:inline-flex;align-items:center;gap:6px;font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:11px;letter-spacing:.14em;color:#fc8181}.h-onair:before{content:"";width:8px;height:8px;background:#fc8181;animation:g-blink 1s step-end infinite}.h-strip{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 24px;padding:12px 24px 28px;scrollbar-width:none;cursor:grab}.h-strip::-webkit-scrollbar{display:none}.h-strip.is-dragging{cursor:grabbing;scroll-snap-type:none}.h-strip.is-dragging *{pointer-events:none}.h-shot{flex:none;width:min(62vw,250px);scroll-snap-align:center;position:relative}@media (min-width:1024px){.h-shot{width:262px}}.h-shot__frame{position:relative;aspect-ratio:1320/2868;background:#2d3748;box-shadow:0 -3px 0 0 #4a5568,0 3px 0 0 #4a5568,-3px 0 0 0 #4a5568,3px 0 0 0 #4a5568,6px 9px 0 0 rgba(0,0,0,.45);margin:3px;overflow:hidden}@media (hover:hover) and (pointer:fine){.h-shot__frame{transition:transform 0s}.h-shot:hover .h-shot__frame{transform:translateY(-6px);box-shadow:0 -3px 0 0 #b794f4,0 3px 0 0 #b794f4,-3px 0 0 0 #b794f4,3px 0 0 0 #b794f4,6px 15px 0 0 rgba(0,0,0,.45)}}.h-shot.is-center .h-shot__frame{box-shadow:0 -3px 0 0 #f6ad55,0 3px 0 0 #f6ad55,-3px 0 0 0 #f6ad55,3px 0 0 0 #f6ad55,6px 9px 0 0 rgba(0,0,0,.45)}.h-strip-nav{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#f7fafc;background:#2d3748;box-shadow:0 -3px 0 0 #4a5568,0 3px 0 0 #4a5568,-3px 0 0 0 #4a5568,3px 0 0 0 #4a5568,0 6px 0 0 #000;margin:3px}.h-strip-nav:hover{background:#4a5568}.h-strip-nav:active{transform:translateY(3px);box-shadow:0 -3px 0 0 #4a5568,0 3px 0 0 #4a5568,-3px 0 0 0 #4a5568,3px 0 0 0 #4a5568,0 3px 0 0 #000}.h-strip-nav:focus-visible{outline:3px solid #fbd38d;outline-offset:4px}.h-strip-nav:disabled{opacity:.35;cursor:default}.h-dots{display:flex;gap:6px;justify-content:center}.h-dots i{width:6px;height:6px;background:#4a5568;display:block}.h-dots i.is-on{background:#f6ad55;width:18px}@keyframes h-swipe{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}.h-swipe-arrow{display:inline-block;animation:h-swipe .9s steps(2,jump-none) infinite}.h-arena{position:relative;max-width:880px;margin:0 auto;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.h-arena__bg{position:absolute;inset:0;background-repeat:repeat-x;background-position:bottom;image-rendering:pixelated}.h-hp{font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:12px;color:#f7fafc;text-shadow:0 2px 0 #000}.h-hp__bar{position:relative;height:12px;margin-top:6px;background:#1a202c;box-shadow:0 -3px 0 0 #000,0 3px 0 0 #000,-3px 0 0 0 #000,3px 0 0 0 #000}.h-hp__fill,.h-hp__ghost{position:absolute;left:0;top:0;bottom:0}.h-hp__ghost{background:#fc8181}.h-hp__fill{background:#68d391;box-shadow:inset 0 3px 0 hsla(0,0%,100%,.35),inset 0 -3px 0 rgba(0,0,0,.2)}.h-hp__fill.is-low{background:#f6ad55}.h-hp__fill.is-crit{background:#fc8181}.h-fighter{position:absolute;bottom:0}.h-fighter canvas{display:block}.h-white canvas{filter:brightness(0) invert(1)}.h-banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);white-space:nowrap;font-family:Ari,ui-monospace,monospace;font-weight:700;font-size:20px;pointer-events:none;z-index:5}@media (min-width:400px){.h-banner{font-size:22px}}@media (min-width:640px){.h-banner{font-size:38px}}.h-loot{position:absolute;width:24px;height:24px;image-rendering:pixelated;pointer-events:none;z-index:4}.h-bigcta{--ds:2;padding:96px 0 calc(var(--ds) * 100px)}@media (min-width:640px){.h-bigcta{--ds:3;padding-top:128px}}.h-bigcta__h{font-size:34px;line-height:1.25}@media (min-width:640px){.h-bigcta__h{font-size:48px}}@media (min-width:1024px){.h-bigcta__h{font-size:64px}}.h-dawn{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(26,32,44,0),rgba(35,29,58,.55) 24%,rgba(35,29,58,.55) 40%,#2c2250 0,#2c2250 54%,#3b2a6b 0,#3b2a6b 64%,#553c9a 0,#553c9a 73%,#6b46c1 0,#6b46c1 80%,#9c4221 0,#9c4221 86%,#ed8936 0,#ed8936 92%,#f6ad55 0)}.h-live .h-dawn{animation:h-dawn-in .9s steps(5) both}@keyframes h-dawn-in{0%{opacity:0}to{opacity:1}}.h-rays{position:absolute;left:50%;bottom:calc(var(--ds) * 40px);width:1600px;height:1600px;margin:0 0 -800px -800px;background:repeating-conic-gradient(from 0deg,hsla(38,93%,77%,.22) 0deg 6deg,hsla(38,93%,77%,0) 6deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 0 16%,rgba(0,0,0,.55) 16% 27%,rgba(0,0,0,.28) 27% 38%,transparent 38%);mask-image:radial-gradient(circle,#000 0 16%,rgba(0,0,0,.55) 16% 27%,rgba(0,0,0,.28) 27% 38%,transparent 38%);opacity:0}.h-live .h-rays{animation:h-rays-in .8s steps(4) .9s both,h-spin 120s steps(240) .9s infinite}.h-bigcta :not(.is-on)>.h-dawn .h-rays{animation-play-state:paused}@keyframes h-rays-in{0%{opacity:0}to{opacity:1}}@keyframes h-spin{to{transform:rotate(1turn)}}.h-sun{position:absolute;left:50%;bottom:calc(var(--ds) * 12px);width:calc(var(--ds) * 56px);height:calc(var(--ds) * 56px);margin-left:calc(var(--ds) * -28px);background:#feebc8;clip-path:polygon(30% 0,70% 0,70% 6%,82% 6%,82% 12%,88% 12%,88% 18%,94% 18%,94% 30%,100% 30%,100% 70%,94% 70%,94% 82%,88% 82%,88% 88%,82% 88%,82% 94%,70% 94%,70% 100%,30% 100%,30% 94%,18% 94%,18% 88%,12% 88%,12% 82%,6% 82%,6% 70%,0 70%,0 30%,6% 30%,6% 18%,12% 18%,12% 12%,18% 12%,18% 6%,30% 6%);box-shadow:inset 0 calc(var(--ds) * -14px) 0 #f6ad55,inset 0 calc(var(--ds) * -26px) 0 #fbd38d;transform:translateY(110%)}.h-live .h-sun{animation:h-sunrise 1.4s steps(8) .25s both}@keyframes h-sunrise{0%{transform:translateY(110%)}82%{transform:translateY(-6%)}to{transform:translateY(0)}}.h-horizon{position:absolute;left:-64px;right:-64px;bottom:0;height:calc(var(--ds) * 135px);background:url(/game/bg/summer_forest/pixel_forest_summer_layer05.png) repeat-x bottom;background-size:calc(var(--ds) * 240px) calc(var(--ds) * 135px);image-rendering:pixelated;filter:brightness(.16) saturate(.4)}.h-horizon:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--ds) * 10px);background:#1a202c}@media (prefers-reduced-motion:reduce){.buddy-dock-placeholder,.h-arm.h-live .h-drop,.h-arm.h-live .h-rise,.h-arm.h-live .h-stamp,.h-caret,.h-enter,.h-layer--fireflies,.h-layer--stars,.h-live .h-dawn,.h-live .h-rays,.h-live .h-sun,.h-logo img,.h-mote,.h-next,.h-onair:before,.h-puff,.h-swipe-arrow{animation:none!important}.h-mote,.h-puff{display:none}.h-arm .h-drop,.h-arm .h-rise,.h-arm .h-stamp,.h-live .h-dawn,.h-live .h-rays{opacity:1}.h-live .h-sun{transform:none}}.h-battle-slot{--arena-h:434px;min-height:var(--arena-h);max-width:880px;margin:0 auto}@media (min-width:640px){.h-battle-slot{--arena-h:470px}}