body:has(.nhp-rules){overflow-x:clip}.nhp-rules{--tv-lum: .3;--si: 0;position:relative;height:320svh;background:var(--ink-0);color:var(--cream)}.nhp-rules:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--plate) 0 0 / 512px 512px repeat;opacity:var(--nhp-plate-strength);pointer-events:none}.nhp-rules__stage{position:sticky;top:0;height:100svh;overflow:hidden}.nhp-rules__view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 17%,#000 60%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 0,#000 17%,#000 60%,transparent 90%)}.nhp-rules__cam{position:absolute;top:0;left:0;width:var(--cam-w, 100vw);aspect-ratio:1448 / 1086;transform:translate3d(var(--cam-x, 0px),var(--cam-y, 0px),0) scale(var(--cam-s, 1));transform-origin:0 0;transition:transform 1.6s cubic-bezier(.45,0,.2,1);will-change:transform}.nhp-rules__plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transition:opacity .9s ease}.nhp-rules__plate--dark,.nhp-rules__plate--tv,.nhp-rules__plate--storm{opacity:0}.nhp-rules:not([data-act="0"]) .nhp-rules__plate--dark{opacity:1;transition-duration:.12s}.nhp-rules:not([data-act="0"]) .nhp-rules__plate--tv{opacity:calc(.25 + var(--tv-lum) * .95);transition:opacity .14s linear}.nhp-rules.is-strike .nhp-rules__plate--storm,html.nhp-strike .nhp-rules__plate--storm{opacity:calc(.25 + var(--si, .6) * .75);transition:none}.nhp-rules.is-strike .nhp-rules__sky,html.nhp-strike .nhp-rules__sky{opacity:1;transition:none}.nhp-rules__sky{position:absolute;left:12.8%;top:0;width:14.7%;height:31%;background:radial-gradient(ellipse 120% 70% at 60% 30%,#e8eefc 0,#9fb0d6 35%,#2a3350 75%,#0b0f1a);opacity:.08;transition:opacity .5s ease}.nhp-rules[data-act="0"] .nhp-rules__sky{opacity:.14}.nhp-rules__screen{position:absolute;left:55.2%;top:22.2%;width:18.1%;height:17.1%;overflow:hidden;background:#0c0d10}.nhp-rules__channels,.nhp-rules__video,.nhp-rules__snow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nhp-rules__chan{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0}.nhp-rules__chan.is-on{opacity:1}.nhp-rules[data-act="3"] .nhp-rules__channels{visibility:hidden}.nhp-rules__chan-hero{position:absolute;left:4%;top:6%;width:40%;height:88%;object-fit:contain;object-position:50% 50%}.nhp-rules__chan-title{position:absolute;left:46%;top:16%;width:50%;height:68%;object-fit:contain;object-position:50% 50%}.nhp-rules__chan-name{position:absolute;inset:40% 4% auto 46%;color:var(--red);font-family:var(--font-horror);font-size:11px;text-align:center}.nhp-rules__video{object-fit:cover;filter:contrast(1.15) brightness(1.05);opacity:0;transition:opacity .2s linear}.nhp-rules[data-act="1"] .nhp-rules__video,.nhp-rules[data-act="2"] .nhp-rules__video{opacity:1}.nhp-rules__snow{image-rendering:pixelated;opacity:0}.nhp-rules.is-tuning .nhp-rules__snow,.nhp-rules[data-act="3"] .nhp-rules__snow{opacity:.85}.nhp-rules__screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 30% 22%,rgba(255,255,255,.14),transparent 70%),radial-gradient(ellipse 90% 85% at 50% 50%,transparent 55%,rgba(0,0,0,.7) 100%),repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);pointer-events:none}.nhp-rules__osd{position:absolute;top:8%;right:7%;color:#7cfc9a;font-family:var(--font-display);font-size:clamp(8px,1.1vw,14px);letter-spacing:.06em;text-shadow:0 0 4px rgba(124,252,154,.7);opacity:0;z-index:1}.nhp-rules__osd.is-shown{opacity:1}.nhp-rules__bloom{position:absolute;left:40%;top:8%;width:48%;height:48%;background:radial-gradient(closest-side,rgba(190,205,235,.22),rgba(190,205,235,.06) 55%,transparent);opacity:0;pointer-events:none;transition:opacity .14s linear}.nhp-rules:not([data-act="0"]) .nhp-rules__bloom{opacity:calc(.2 + var(--tv-lum) * .9)}.nhp-rules[data-act="0"] .nhp-rules__bloom{opacity:.35}.nhp-rules__watcher{position:absolute;left:6.15%;top:37.75%;width:29.01%;height:27.16%;opacity:0;filter:brightness(.22) saturate(.2);pointer-events:none}.nhp-rules.has-watcher .nhp-rules__watcher{opacity:1}.nhp-rules.has-watcher:not(.is-strike) .nhp-rules__plate--storm{opacity:.42;transition:opacity 1.2s ease}.nhp-rules.has-watcher:not(.is-strike) .nhp-rules__sky{opacity:.45;transition:opacity 1.2s ease}.nhp-rules__table{position:absolute;left:55.65%;top:43%;width:9.5%;height:13.2%}.nhp-rules__jar{position:absolute;top:0;right:0;bottom:0;left:0;display:block;isolation:isolate;opacity:0;pointer-events:none;transition:opacity .14s linear,filter .9s ease;filter:brightness(.6) saturate(.8) sepia(.28)}.nhp-rules__jar.is-on{opacity:1;pointer-events:auto}.nhp-rules__jar img,.nhp-rules__jar svg{width:100%;height:100%;object-fit:contain;object-position:50% 100%}.nhp-rules__jar:after{content:"";position:absolute;left:4%;right:4%;bottom:-3%;height:10%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent);z-index:-1}.nhp-rules:not([data-act="0"]) .nhp-rules__jar{filter:brightness(calc(.08 + var(--tv-lum) * .42)) saturate(.35);transition:opacity .25s linear,filter .14s linear}.nhp-rules.is-strike .nhp-rules__jar{filter:brightness(.9) saturate(.3);transition:none}.nhp-rules.is-taken .nhp-rules__jar{opacity:0;pointer-events:none}.nhp-rules__power{position:absolute;left:55.2%;top:22.2%;width:18.1%;height:17.1%;min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer}.nhp-rules__power:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.nhp-rules__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,5,5,.35) 0,rgba(5,5,5,.35) 18%,transparent 40%);pointer-events:none}.nhp-rules__title{position:absolute;top:max(72px,9svh);left:0;right:0;margin:0;color:var(--cream-light);font-family:var(--font-horror);font-size:clamp(34px,9vw,84px);font-weight:400;line-height:.92;text-align:center;text-transform:uppercase;pointer-events:none}.nhp-rules__list{position:absolute;left:var(--s-4);right:var(--s-4);bottom:calc(96px + env(safe-area-inset-bottom));margin:0;padding:0;list-style:none;display:grid;pointer-events:none}.nhp-rules__rule{grid-area:1 / 1;align-self:end;display:flex;align-items:baseline;justify-content:center;gap:.3em;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .6s ease;text-align:left}.nhp-rules__rule.is-on{opacity:1;transform:none;transition-delay:.35s}.nhp-rules__num{color:var(--red);font-family:var(--font-horror);font-size:clamp(52px,15vw,120px);line-height:.8}.nhp-rules__text{max-width:13ch;color:var(--cream-light);font-family:var(--font-display);font-size:clamp(30px,8.6vw,68px);line-height:.98;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.9)}.nhp-rules__ticks{position:absolute;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;gap:8px;transform:translate(-50%)}.nhp-rules__ticks i{width:22px;height:3px;background:#e8dfc840;transition:background .4s ease}.nhp-rules__ticks i.is-on{background:var(--red)}@media(min-width:1024px){.nhp-rules__list{bottom:64px;left:8%;right:8%}.nhp-rules__ticks{bottom:36px}.nhp-rules__text{max-width:none}}@media(prefers-reduced-motion:reduce){.nhp-rules__cam,.nhp-rules__plate,.nhp-rules__jar,.nhp-rules__rule,.nhp-rules__bloom{transition:none!important}.nhp-rules:not([data-act="0"]) .nhp-rules__plate--tv{opacity:.6}.nhp-rules__plate--storm{display:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/nhp-rules.css.map */