.hwp{gap:1.25rem;padding-block:.5rem 2rem;display:grid}.hwp__hero{aspect-ratio:3;-webkit-mask:var(--mask-round-24);mask:var(--mask-round-24);background:#120b22;border-radius:24px;align-items:center;padding:1.5rem clamp(1.5rem,3vw,2.5rem);display:flex;position:relative}.hwp__hero-art{object-fit:cover;object-position:70% 50%;background:var(--color-raised);width:100%;height:100%;position:absolute;inset:0}.hwp__hero:before{content:"";z-index:1;background:linear-gradient(90deg,#120b22f0,#120b22c7 38%,#0000 68%);position:absolute;inset:-2px}.hwp__hero:after{content:"";border-radius:inherit;z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ff9a3c40}.hwp__hero-text{z-index:2;gap:.6rem;min-width:0;max-width:34rem;display:grid;position:relative}.hwp__kicker{color:#ffb36b;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:700}.hwp__title{font-family:var(--font-display);color:#ff8a1f;text-shadow:0 3px #4a1a00;margin:0;font-size:clamp(2rem,4.6vw,3rem);font-weight:800;line-height:1.05}.hwp__lead{max-width:36rem;color:var(--color-hi);margin:0}.hwp__clock{color:#b8ff6a;text-shadow:0 2px #0009,0 0 14px #8dff3a8c;font-variant-numeric:tabular-nums;justify-self:start;margin:0;font-size:clamp(1.6rem,4.4vw,2.6rem);font-weight:800;line-height:1.2}.hwp__wallet{background:#0006;border-radius:99px;justify-self:start;align-items:center;gap:.5rem;padding:.45rem 1rem .45rem .6rem;font-size:1.05rem;display:inline-flex}.hwp__wallet b{color:#ffd27a;font-size:1.3rem}.hwp__candy{vertical-align:-.3em;object-fit:contain;width:1.25em;height:1.25em;display:inline-block}.hwp__candy--big{width:2rem;height:2rem}.hwp__signin{justify-self:start}.hwp__panel{background:var(--color-surface);border-radius:20px;padding:1.25rem}.hwp__h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.hwp__h2 b{color:#ff9a3c}.hwp__panel--night{isolation:isolate;background:radial-gradient(55% 90% at 100% 0,#ff7a1829,#0000 60%),radial-gradient(45% 80% at 0 100%,#8c46ff33,#0000 60%),linear-gradient(160deg,#23122f,#140c20 75%);position:relative;box-shadow:inset 0 0 0 1px #ff9a3c2e}.hwp__panel--night:before{content:"";z-index:-1;border-radius:inherit;opacity:.12;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180' fill='none' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M180 0L-10 0M180 0L5 74M180 0L50 139M180 0L115 179M180 0L180 190M142 0Q148 7 145 15Q153 19 154 28Q163 28 167 36Q174 32 180 38M106 0Q117 13 112 29Q128 37 130 54Q147 54 155 70Q169 63 180 74M68 0Q85 19 77 44Q101 55 104 82Q130 82 142 105Q163 96 180 112M28 0Q52 26 40 59Q73 75 76 111Q112 112 128 143Q157 130 180 152'/%3E%3C/svg%3E") 100% 0/180px no-repeat;position:absolute;inset:0}.hwp__panel--night .hwp__h2{font-family:var(--font-display);color:#ff9a3c;text-shadow:0 2px #4a1a00,0 0 18px #ff7a1859;align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:1.5rem;font-weight:800;display:flex}.hwp__panel--night .hwp__h2 .hwp__candy{width:1.4em;height:1.4em}.hwp__panel--night .hwp__way,.hwp__panel--night .hwp__item{transition:transform .2s var(--ease-out-soft), box-shadow .2s var(--ease-out-soft);background:linear-gradient(#2e1a44,#1d1230);box-shadow:inset 0 0 0 1px #b282ff33}.hwp__panel--night .hwp__way:hover,.hwp__panel--night .hwp__item:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ff9a3c8c,0 10px 26px #ff6a1a2e}.hwp__panel--night .hwp__item[data-worn=true]{box-shadow:inset 0 0 0 2px #ff9a3c,0 0 22px #ff7a184d}.hwp__panel--night .hwp__way img,.hwp__panel--night .hwp__item-art{background:radial-gradient(closest-side,#ff7a1852,#8c46ff1f 70%,#0000)}.hwp__panel--night .hwp__way img{filter:drop-shadow(0 4px 10px #00000073);border-radius:50%}.hwp__panel--night .hwp__item-art{width:100%}.hwp__panel--night .hwp__count{background:#ff9a3c24;border-radius:99px;justify-self:start;padding:.15rem .6rem;display:inline-block}.hwp__panel--night .hwp__btn,.hwp__panel--night .hwp__item-btn.btn--primary{color:#3a1300;background:linear-gradient(#ffb23f,#ff6a1a);border:0;font-weight:800;box-shadow:0 3px #9c3500,0 6px 16px #ff6a1a4d}.hwp__panel--night .hwp__btn:hover{filter:brightness(1.06)}.hwp__panel--night .hwp__btn:active{transform:translateY(2px);box-shadow:0 1px #9c3500,0 3px 10px #ff6a1a4d}.hwp__panel--night .hwp__item-kind{color:#b9a3d9}.hwp__panel--night .hwp__price{background:#0000004d;border-radius:99px;padding:.1rem .7rem}@media (prefers-reduced-motion:reduce){.hwp__panel--night .hwp__way:hover,.hwp__panel--night .hwp__item:hover{transform:none}}.hwp__h3{margin:0 0 .25rem;font-size:1rem;font-weight:700}.hwp__muted{color:var(--color-mid);margin:0 0 .5rem;font-size:.875rem}.hwp__cta{flex-wrap:wrap;gap:.6rem;margin-top:.35rem;display:flex}.hwp__fight{isolation:isolate;color:#2a0f00;background:linear-gradient(#ffb13d,#ff6a13);gap:.55rem;padding:.8rem 1.6rem .8rem 3.6rem;font-size:1.05rem;animation:2.4s ease-in-out infinite hwp-fight-glow,1.4s ease-in-out infinite hwp-fight-pulse;position:relative}.hwp__fight:hover,.hwp__fight:focus-visible{animation-play-state:paused}.hwp__fight-shine{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hwp__fight-shine:before{content:"";inset-block:-20%;background:linear-gradient(100deg,#0000,#ffffffbf,#0000);width:45%;animation:2.8s ease-in-out infinite hwp-fight-shine;position:absolute;left:-60%;transform:skew(-20deg)}.hwp__fight-icon{object-fit:contain;filter:drop-shadow(0 3px 6px #00000073);transform-origin:50% 90%;width:48px;height:48px;transition:transform .2s var(--ease-out-soft);position:absolute;bottom:.1rem;left:.35rem;mask:radial-gradient(52% 54% at 50% 44%,#000 72%,#0000 100%)}.hwp__fight:hover .hwp__fight-icon{transform:scale(1.12)rotate(-6deg)}.hwp__fight-label{position:relative}@keyframes hwp-fight-shine{0%,55%{left:-60%}to{left:130%}}@keyframes hwp-fight-pulse{0%,to{scale:1}50%{scale:1.07}}@keyframes hwp-fight-glow{0%,to{box-shadow:0 6px 18px #ff7a1859}50%{box-shadow:0 6px 26px #ff7a18b3,0 0 0 3px #ffbe5a59}}@media (prefers-reduced-motion:reduce){.hwp__fight,.hwp__fight-shine:before{animation:none}}.hwp__fight[hidden],.hwp__claim[hidden]{display:none}.hwp__claim{color:#fff;background:linear-gradient(#a35cff,#6d2fd6);padding:.8rem 1.3rem}.hwp__tickets{gap:10px;margin:0;padding:0;list-style:none;display:grid}.hwp__ticket{align-items:center;gap:12px;display:flex}.hwp__ticket img{object-fit:contain;flex:none;width:56px;height:56px}.hwp__ticket-text{flex:1;min-width:0}.hwp__ticket-text .hwp__muted{margin:2px 0 0}.hwp__ticket-n{color:#ffd23a;font-variant-numeric:tabular-nums}.hwp__ticket-ad{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;gap:6px;min-width:96px;font-size:1.125rem;display:inline-flex}.hwp__film{flex:none;width:26px;height:26px}.hwp__earn{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hwp__way{background:var(--color-raised);border-radius:16px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.hwp__way-head{align-items:center;gap:.75rem;display:flex}.hwp__way-head .hwp__h3{margin:0;font-size:1.125rem;line-height:1.2}.hwp__way img{object-fit:contain;flex:none;width:64px;height:64px}.hwp__way-text{flex:1;margin:0}.hwp__way-foot{gap:.6rem;display:grid}.hwp__way-foot .hwp__count{margin:0}.hwp__way-foot .hwp__btn{width:100%}.hwp__count{color:#ffd27a;margin:0 0 .5rem;font-size:.8125rem;font-weight:700}.hwp__btn{min-width:9rem;padding:.6rem 1.4rem;font-size:.9375rem}.hwp__shop{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hwp__item{background:var(--color-raised);text-align:center;border-radius:16px;justify-items:center;gap:.3rem;padding:1rem .75rem;display:grid}.hwp__item[data-worn=true]{box-shadow:inset 0 0 0 2px #ff9a3c}.hwp__item-art{place-items:center;height:104px;display:grid}.hwp__item-art>img{object-fit:contain;width:80px;height:80px}.hwp__frame-demo{width:62px;height:62px;margin:17px;position:relative}.hwp__frame-face{object-fit:contain;background:linear-gradient(#7ea8e8,#6f96d8);border-radius:50%;width:100%;height:100%;display:block}.hwp__frame-ring{--size:calc(100% / var(--hole,.65));left:calc(50% - var(--hx,.5) * var(--size));top:calc(50% - var(--hy,.5) * var(--size));width:var(--size);height:var(--size);max-width:none;position:absolute}.hwp__item-kind{color:var(--color-mid);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:700}.hwp__item-name{margin:0;font-size:.9375rem;font-weight:700}.hwp__price{color:#ffd27a;margin:0 0 .3rem;font-weight:800}.hwp__item-btn{width:100%}@media (width<=900px){.hwp__hero{aspect-ratio:auto;padding:0;display:block}.hwp__hero-art{aspect-ratio:3;height:auto;display:block;position:static}.hwp__hero:before{display:none}.hwp__hero-text{background:linear-gradient(#0000,#120b22 2rem);max-width:none;margin-top:-2rem;padding:2rem 1.5rem 1.5rem}}@media (width<=640px){.hwp__hero-text{padding:2rem 1.1rem 1.1rem}}