.hnh-splash{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;overflow:hidden;background:#020104;color:#ead8ac;isolation:isolate}.hnh-splash::backdrop{background:#020104}.hnh-splash:not([open]){display:none}.splash-scene{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#341b3b 0,#09050f 55%,#000 100%);opacity:1;transition:opacity .65s ease}.hnh-splash.is-leaving .splash-scene{opacity:0}.splash-background{position:absolute;inset:-15%;background:url('assets/hardnheavy-7-loading.jpg') center/cover;filter:blur(32px) brightness(.22);opacity:0;transform:scale(1.15)}.splash-art-frame{position:absolute;inset:50px 16px 104px;display:grid;place-items:center;perspective:900px}.splash-art{display:block;width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain;opacity:0;filter:brightness(0) blur(16px);transform:scale(1.14);box-shadow:0 0 100px #8c3ca022;will-change:opacity,transform,filter}.splash-aura{position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(ellipse,#b273d000 35%,#622b783d 55%,transparent 72%);opacity:0;filter:blur(25px);mix-blend-mode:screen;pointer-events:none}.splash-haze{position:absolute;width:140%;height:60%;left:-20%;bottom:-20%;background:radial-gradient(ellipse,#8957b061,transparent 65%);filter:blur(45px);opacity:0;pointer-events:none}.splash-haze.second{bottom:auto;top:-25%;left:-30%;background:radial-gradient(ellipse,#985bb74d,transparent 65%)}.splash-beam{position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 44%,#ffdb9b00 48%,#ffe6aa50 50%,#ffdb9b00 52%,transparent 57%);transform:translateX(-70%);opacity:0;mix-blend-mode:screen;pointer-events:none}.splash-impact{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#ffe9b63b,transparent 62%);opacity:0;pointer-events:none}.splash-vignette{position:absolute;inset:0;box-shadow:inset 0 0 130px 45px #000b;pointer-events:none}.splash-topline{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));left:20px;right:20px;text-align:center;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.4em;color:#c7b7d2;opacity:0}.splash-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:clamp(18px,4vw,60px);right:clamp(18px,4vw,60px);display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:5}.splash-control{font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.12em;border:1px solid #90784780;background:#0a0610d9;color:#edcf8c;padding:12px 16px;cursor:pointer;min-height:44px}.splash-control:hover{border-color:#e8bd62;background:#23172e}.splash-control:focus-visible{outline:2px solid #f3d18d;outline-offset:4px}.splash-control:disabled{opacity:.5}.splash-timeline{position:absolute;left:25%;right:25%;bottom:84px;height:1px;background:#cda85520;z-index:3;overflow:hidden}.splash-timeline:after{content:'';display:block;height:100%;width:100%;background:linear-gradient(90deg,transparent,#b0853f,#ffe5a3);transform:translateX(-100%)}.splash-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.splash-spark{position:absolute;left:var(--x);top:110%;width:var(--size);height:calc(var(--size)*2.2);background:#f3c568;box-shadow:0 0 8px #f5ba58;border-radius:50%;opacity:0;transform:rotate(-20deg)}.is-playing .splash-art{animation:hnh-art-reveal 6.6s cubic-bezier(.2,.65,.25,1) both}.is-playing .splash-background{animation:hnh-bg-reveal 6.6s ease both}.is-playing .splash-aura{animation:hnh-aura 6.6s ease both}.is-playing .splash-haze{animation:hnh-haze 9s ease-in-out both}.is-playing .splash-haze.second{animation-direction:reverse}.is-playing .splash-beam{animation:hnh-beam 3.2s 1.25s ease both}.is-playing .splash-impact{animation:hnh-impact 1.5s 1.9s ease both}.is-playing .splash-topline{animation:hnh-topline 1.7s .5s ease both}.is-playing .splash-timeline:after{animation:hnh-timeline 6.5s linear both}.is-playing .splash-spark{animation:hnh-spark var(--duration) var(--delay) linear infinite}.intro-replay{border:0;background:none;padding:0;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}@keyframes hnh-art-reveal{0%{opacity:0;filter:brightness(0) blur(16px);transform:scale(1.14)}15%{opacity:.35;filter:brightness(.45) blur(4px)}36%{opacity:1;filter:brightness(1.12) blur(0);transform:scale(1.025)}48%{filter:brightness(1)}100%{opacity:1;filter:brightness(1);transform:scale(1)}}@keyframes hnh-bg-reveal{0%{opacity:0;transform:scale(1.15)}45%{opacity:.75}100%{opacity:.85;transform:scale(1)}}@keyframes hnh-aura{0%,12%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.05)}100%{opacity:.55;transform:scale(1.12)}}@keyframes hnh-haze{0%{opacity:0;transform:translate(-8%,15%) scale(.8)}40%{opacity:.7}100%{opacity:.3;transform:translate(12%,-15%) scale(1.2)}}@keyframes hnh-beam{0%{opacity:0;transform:translateX(-65%)}30%{opacity:.8}70%{opacity:.45}100%{opacity:0;transform:translateX(65%)}}@keyframes hnh-impact{0%{opacity:0}20%{opacity:.7}100%{opacity:0}}@keyframes hnh-topline{from{opacity:0;letter-spacing:.7em}to{opacity:.85;letter-spacing:.4em}}@keyframes hnh-timeline{to{transform:translateX(0)}}@keyframes hnh-spark{0%{opacity:0;transform:translate(0,0) rotate(-20deg)}15%{opacity:.7}75%{opacity:.5}100%{opacity:0;transform:translate(var(--drift),-110vh) rotate(30deg)}}@media(max-width:600px){.splash-art-frame{inset:74px 0 110px}.splash-controls{gap:8px}.splash-control{font-size:9px;letter-spacing:.08em;padding:11px 12px}.splash-topline{font-size:8px;letter-spacing:.22em}.splash-vignette{box-shadow:inset 0 0 65px 15px #0009}.splash-timeline{left:18%;right:18%}}@media(prefers-reduced-motion:reduce){.hnh-splash .splash-art{animation:none!important;opacity:1;filter:none;transform:none;will-change:auto}.hnh-splash .splash-background{animation:none!important;opacity:.65;transform:none}.hnh-splash .splash-topline{animation:none!important;opacity:1}.hnh-splash .splash-spark,.hnh-splash .splash-haze,.hnh-splash .splash-beam,.hnh-splash .splash-impact,.hnh-splash .splash-aura{display:none}.hnh-splash .splash-timeline:after{animation:none;transform:none}.hnh-splash .splash-scene{transition:opacity .2s}}
.hnh-intro-active{overflow:hidden}
.splash-art-frame{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.splash-art{width:100%;height:100%;min-width:0;min-height:0}
.splash-scene{overflow:clip}.hnh-splash{overflow:clip}