
@font-face { font-family:'Crackhunt Comic'; src:url('/assets/fonts/Bangers-Regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
.home { background-image:url('/assets/spiderverse/new-york.webp')!important; background-position:center!important; background-size:cover!important; }
.home .home-inner2 .logo { visibility:hidden; }
.home .ch-hero-logo { position:absolute; z-index:7; left:50%; top:calc(50% - 3.45rem); transform:translateX(-50%); max-width:88%; font-size:1.55rem; }
.ch-wordmark { display:flex; flex-direction:column; align-items:center; gap:.1em; color:#fff; font-family:'Crackhunt Comic',Impact,sans-serif; font-weight:400; line-height:1; text-align:center; }
.ch-wordmark-badge { display:block; padding:.08em .24em .02em; background:#ed183c; font:700 .25em/1 HuntCondensed,Impact,sans-serif; letter-spacing:.045em; box-shadow:.06em .07em 0 #131520; transform:skew(-9deg); }
.ch-wordmark-title { display:block; white-space:nowrap; letter-spacing:.025em; transform:skew(-9deg) rotate(-2deg); -webkit-text-stroke:.012em #141725; paint-order:stroke fill; text-shadow:.025em .025em 0 #ed183c,.05em .05em 0 #ed183c,.075em .075em 0 #101321; }
.ch-wordmark-version { font-size:.62em; letter-spacing:.01em; }
.header-nav .nav-logo { display:flex!important; justify-content:center; align-items:center; }
.header-nav .nav-logo .ch-wordmark { font-size:.29rem; gap:.13em; }
.header-nav .nav-logo .ch-wordmark-badge { font-size:.38em; }
.header-nav .nav-logo .ch-wordmark-title { letter-spacing:0; }
.home .bgvdo-box .ch-film-stage { position:absolute; inset:0; overflow:hidden; }
.home .bgvdo-box .ch-film-stage iframe { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:0; pointer-events:none; opacity:0; transition:none; max-width:none; }
.home .bgvdo-box .ch-film-stage.is-playing iframe { opacity:1; transition:opacity .35s ease; }
.home .bgvdo-box:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,8,21,.23),rgba(3,8,21,.12) 45%,rgba(3,8,21,.42)); pointer-events:none; }
.home>.music { display:none!important; }
.ch-film-toggle { position:absolute; z-index:8; top:.92rem; right:max(.45rem,calc(1334px - 100vw + .45rem)); border:1px solid #ffffff65; background:#090d1b66; color:#fff; padding:.09rem .13rem; font: .15rem HuntCondensed,sans-serif; cursor:pointer; letter-spacing:.01rem; }
.ch-film-toggle:hover { background:#ed183c; color:#181a26; }
.ch-film-toggle:focus-visible,.ch-film-credit:focus-visible { outline:2px solid #ed183c; outline-offset:5px; }
.ch-film-credit { position:absolute; z-index:8; left:.35rem; bottom:.27rem; color:#ffffffa8; font:.13rem HuntCondensed,sans-serif; text-decoration:none; letter-spacing:.01rem; }
.ch-film-credit:hover { color:#ed183c; }
@media(prefers-reduced-motion:reduce) { .home .bgvdo-box .ch-film-stage iframe { transition:none; } }


.header-nav .icons .ch-social-linkedin,.shemei-icons .ch-social-linkedin{background:none!important;color:#ddd;display:inline-flex;align-items:center;justify-content:center}
.ch-social-linkedin svg{width:85%;height:85%}.ch-social-linkedin:hover{color:#25e8ec}

.home .home-inner2 .ch-hero-message{background:none!important;width:10.7rem;height:auto;text-align:center;color:#fff}
.ch-hero-eyebrow{font:.19rem/1.2 HuntCondensed,sans-serif;letter-spacing:.035rem;color:#2de5ec}
.ch-hero-message h1{font:.62rem/.98 'Crackhunt Comic',Impact,sans-serif;margin:.13rem 0;letter-spacing:.02rem;text-shadow:3px 3px #101725}
.ch-hero-message h1 em{color:#fff;font-style:normal;text-shadow:3px 3px #ed183c,-1px -1px #25e8ec}
.ch-hero-description{font:.21rem/1.5 HuntCondensed,sans-serif;letter-spacing:.01rem;color:#e3e8ef}
.home .home-inner2 .btns{margin:.36rem auto 0}
.ch-enter-hunt{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.16rem;padding:.22rem .32rem;background:#ed183c;border:2px solid #ff4d6b;box-shadow:5px 5px #25e8ec;color:#fff;transform:skew(-7deg);font:.3rem/1 'Crackhunt Comic',Impact,sans-serif;letter-spacing:.013rem;transition:transform .2s,box-shadow .2s,background .2s}
.ch-enter-hunt:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(from 0deg at 12% 50%,#ffffff1a 0deg 1deg,transparent 1deg 30deg),repeating-radial-gradient(ellipse at 12% 50%,transparent 0 18px,#ffffff16 19px 20px)}
.ch-button-mask{width:.43rem;height:.34rem;filter:drop-shadow(2px 2px #101725)}
.ch-button-arrow{font-family:Arial,sans-serif;color:#fff;margin-left:.14rem}
.ch-button-web{position:absolute;bottom:100%;left:15%;width:2px;height:1.4rem;background:#fff;transform-origin:bottom;transform:rotate(-35deg) scaleY(0);opacity:0;pointer-events:none}
.ch-button-web:after{content:'';position:absolute;inset:0;background:#25e8ec;transform:rotate(22deg);transform-origin:bottom}
.ch-enter-hunt:hover,.ch-enter-hunt:focus-visible{background:#d31035;transform:skew(-7deg) translate(-3px,-3px);box-shadow:8px 8px #25e8ec}
.ch-enter-hunt:hover .ch-button-web,.ch-enter-hunt:focus-visible .ch-button-web{animation:ch-thwip .65s ease-out both}
.ch-navigation a:focus-visible,.ch-signin:focus-visible,.ch-nav-enter:focus-visible,.ch-enter-hunt:focus-visible{outline:3px solid #25e8ec;outline-offset:7px}
.ch-hunt-facts{display:flex;justify-content:center;align-items:center;gap:.25rem;margin:.48rem 0 0;font:.18rem/1.4 HuntCondensed,sans-serif;letter-spacing:.025rem;color:#f4f3f6}
.ch-hunt-facts b{color:#25e8ec;font-size:.12rem}
.ch-hero-arrived .ch-hero-logo{animation:ch-logo-swing .75s cubic-bezier(.18,.8,.3,1.15) both;transform-origin:50% -200px}
.ch-hero-arrived .ch-hero-message{animation:ch-panel-pop .55s .2s both}
.ch-hero-arrived .ch-enter-hunt{animation:ch-button-land .6s .35s backwards}
@keyframes ch-thwip{0%{transform:rotate(-35deg) scaleY(0);opacity:1}45%{transform:rotate(-35deg) scaleY(1);opacity:1}100%{transform:rotate(-35deg) scaleY(1);opacity:0}}
@keyframes ch-logo-swing{0%{opacity:0;transform:translateX(-50%) rotate(-15deg) translateY(-100px)}65%{opacity:1;transform:translateX(-50%) rotate(3deg)}100%{transform:translateX(-50%) rotate(0)}}
@keyframes ch-panel-pop{0%{opacity:0;transform:translateY(18px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ch-button-land{0%{opacity:0;transform:skew(-7deg) scale(1.3);box-shadow:15px 15px #25e8ec}100%{opacity:1;transform:skew(-7deg) scale(1);box-shadow:5px 5px #25e8ec}}
@media(prefers-reduced-motion:reduce){.ch-hero-arrived .ch-hero-logo,.ch-hero-arrived .ch-hero-message,.ch-hero-arrived .ch-enter-hunt,.ch-enter-hunt:hover .ch-button-web,.ch-enter-hunt:focus-visible .ch-button-web{animation:none}.ch-enter-hunt{transition:none}.ch-button-web{display:none}}
html{font-size:clamp(48px,min(5.7vw,10.15vh),100px)!important}

.header-nav{min-width:0!important;border-top:1px solid #ffffff25}
.header-nav .nav-lf{flex:1;min-width:0}
.header-nav .navs.ch-navigation{flex:1;height:100%;padding:0;gap:0}
.header-nav .ch-navigation .nav{display:flex;align-items:center;justify-content:center;flex:1;width:auto;min-width:1.45rem;line-height:1;letter-spacing:0;color:#cbcbcd;font-size:.24rem}
.header-nav .ch-navigation .nav:hover{color:#ed183c}
.header-nav .nav-logo{margin:0 .4rem;width:1.5rem;flex-shrink:0}
.header-nav .ch-nav-actions{gap:0;padding:0;flex-shrink:0}
.ch-nav-auth{display:flex;align-items:center;gap:.1rem;height:100%;padding:0 .16rem;font:.21rem/1 HuntCondensed,sans-serif;color:#dedede;white-space:nowrap}
.ch-nav-auth svg{width:.27rem;height:.27rem;fill:none;stroke:currentColor;stroke-width:1}
.ch-nav-auth:hover{color:#ed183c}
.ch-register{padding-right:.25rem}
.ch-nav-play span{font:.36rem/1 HuntCondensed,sans-serif;color:#1c1b18;padding-left:.18rem}
.ch-nav-play:hover{filter:brightness(1.1)}
.ch-nav-auth:focus-visible,.ch-nav-play:focus-visible,.header-nav .ch-navigation .nav:focus-visible{outline:2px solid #ed183c;outline-offset:-4px}

.ch-enter-hunt{transform-origin:18% 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,background .22s}
.ch-enter-hunt:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#fff0 32%,#ffffff55 48%,#ffffff12 57%,transparent 72%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background-size:250% 100%;background-position:140% 0;animation:ch-web-glint 5.5s 1.5s infinite}
.ch-button-burst{position:absolute;inset:-38% -10%;width:120%;height:176%;pointer-events:none;color:#6bf9ff;opacity:0;stroke-dasharray:26;stroke-dashoffset:26}
.ch-button-thwip{position:absolute;right:-.36rem;top:-.36rem;font:.29rem/1 'Crackhunt Comic',Impact,sans-serif;color:#fff;-webkit-text-stroke:3px #101725;paint-order:stroke fill;text-shadow:2px 2px #ed183c;transform:rotate(12deg) scale(.2);opacity:0;pointer-events:none}
.ch-button-mask,.ch-button-arrow{transition:transform .2s}
.ch-hero-arrived .ch-enter-hunt:is(:hover,:focus-visible){animation:ch-web-sling .65s cubic-bezier(.2,.8,.25,1) both;background:#ff1744;box-shadow:9px 9px #25e8ec;transform:skew(-7deg) translate(-4px,-4px)}
.ch-enter-hunt:is(:hover,:focus-visible):after{animation:ch-sling-glint .65s ease-out both}
.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-web{animation:ch-web-fire .6s ease-out both}
.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-burst{animation:ch-web-impact .65s ease-out both}
.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-thwip{animation:ch-thwip-pop .85s ease-out both}
.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-mask{animation:ch-spider-sense .55s ease-in-out both}
.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-arrow{animation:ch-arrow-swing .6s ease-out both}
.ch-hero-arrived .ch-enter-hunt:active{animation:none;transform:skew(-7deg) translate(3px,3px) scale(.98);box-shadow:2px 2px #25e8ec}
@keyframes ch-web-sling{0%{transform:skew(-7deg) translate(0,0) scale(1)}20%{transform:skew(-10deg) translate(3px,2px) scale(.96,.98);box-shadow:2px 2px #25e8ec}48%{transform:skew(-5deg) translate(-7px,-7px) scale(1.045,1.03);box-shadow:13px 13px #25e8ec}72%{transform:skew(-8deg) translate(-2px,-2px) scale(.995)}100%{transform:skew(-7deg) translate(-4px,-4px) scale(1);box-shadow:9px 9px #25e8ec}}
@keyframes ch-web-fire{0%{transform:rotate(-35deg) scaleY(0);opacity:0}18%{opacity:1}42%{transform:rotate(-35deg) scaleY(1.25);opacity:1}100%{transform:rotate(-35deg) scaleY(1.4);opacity:0}}
@keyframes ch-web-impact{0%,20%{opacity:0;transform:scale(.85);stroke-dashoffset:26}45%{opacity:1;stroke-dashoffset:0}100%{opacity:0;transform:scale(1.12);stroke-dashoffset:-26}}
@keyframes ch-thwip-pop{0%,18%{opacity:0;transform:rotate(-10deg) scale(.3)}40%{opacity:1;transform:rotate(12deg) scale(1.15)}65%{opacity:1;transform:rotate(8deg) scale(1)}100%{opacity:0;transform:translateY(-12px) rotate(12deg) scale(.95)}}
@keyframes ch-spider-sense{0%,100%{transform:scaleY(1)}25%{transform:scaleY(.55) rotate(-8deg)}55%{transform:scaleY(1.15) rotate(4deg)}}
@keyframes ch-arrow-swing{0%{transform:translate(0)}30%{transform:translate(-3px,3px)}65%{transform:translate(6px,-6px)}100%{transform:translate(2px,-2px)}}
@keyframes ch-web-glint{0%,75%{background-position:140% 0;opacity:0}79%{opacity:.65}95%,100%{background-position:-80% 0;opacity:0}}
@keyframes ch-sling-glint{0%{background-position:140% 0;opacity:0}30%{opacity:1}100%{background-position:-80% 0;opacity:0}}
@media(prefers-reduced-motion:reduce){.ch-enter-hunt:after,.ch-hero-arrived .ch-enter-hunt:is(:hover,:focus-visible),.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-web,.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-burst,.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-thwip,.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-mask,.ch-enter-hunt:is(:hover,:focus-visible) .ch-button-arrow{animation:none}.ch-button-burst,.ch-button-thwip,.ch-button-web,.ch-enter-hunt:after{display:none}.ch-enter-hunt,.ch-button-mask,.ch-button-arrow{transition:none}}

.ch-footer{position:relative;z-index:5;box-sizing:border-box;padding:.65rem .8rem .3rem;background:#090b12;color:#f4f1f4;border-top:3px solid #ed183c;font-family:HuntCondensed,Arial,sans-serif}
.ch-footer:before{content:'';position:absolute;inset:0 0 auto auto;width:32%;height:4px;background:#ed183c;transform:skewX(-35deg);transform-origin:top right}
.ch-footer-top{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:.7rem;padding-bottom:.5rem;align-items:start}
.ch-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;color:#fff}
.ch-footer-club{background:#ed183c;color:#fff;font:.16rem/1 HuntCondensed,sans-serif;letter-spacing:.04rem;padding:.08rem .12rem;transform:skew(-7deg)}
.ch-footer-brand>span:last-child{font:.5rem/1 'Crackhunt Comic',Impact,sans-serif;letter-spacing:.02rem;transform:skew(-7deg);text-shadow:2px 2px #ed183c}
.ch-footer-brand small{font-size:.65em}
.ch-footer-identity p{font:.17rem/1.65 HuntCondensed,sans-serif;color:#9298ac;margin-top:.24rem;letter-spacing:.005rem}
.ch-footer-kicker{display:block;font:.14rem/1 HuntCondensed,sans-serif;letter-spacing:.025rem;color:#ff4665;margin-bottom:.18rem}
.ch-footer-invite h2{font:.55rem/1 'Crackhunt Comic',Impact,sans-serif;letter-spacing:.01rem;color:#fff;margin:0 0 .24rem}
.ch-footer-discord{display:inline-flex;gap:.5rem;align-items:center;background:#ed183c;padding:.16rem .22rem;color:#fff;font:.2rem/1 HuntCondensed,sans-serif;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transition:background .2s}
.ch-footer-discord:hover{background:#ff3456}
.ch-footer-navigation{display:flex;flex-direction:column;gap:.14rem}
.ch-footer-navigation .ch-footer-kicker{margin-bottom:.05rem}
.ch-footer-navigation a{display:flex;justify-content:space-between;color:#c4c7d1;font:.18rem/1.2 HuntCondensed,sans-serif;letter-spacing:.008rem}
.ch-footer-navigation a span{color:#ed183c}
.ch-footer-navigation a:hover,.ch-footer-bottom a:hover{color:#ff4665}
.ch-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:.3rem;border-top:1px solid #ffffff1c;padding-top:.24rem;color:#80879a;font:.14rem/1.3 HuntCondensed,sans-serif;letter-spacing:.012rem}
.ch-footer-bottom nav{display:flex;gap:.3rem}
.ch-footer-bottom a{color:#c4c7d1}
.ch-footer a:focus-visible{outline:2px solid #ff4665;outline-offset:5px}
@media(max-width:700px){.ch-footer{padding:.5rem .35rem .3rem}.ch-footer-top{grid-template-columns:1fr 1fr;gap:.45rem}.ch-footer-identity{grid-column:1/-1}.ch-footer-bottom{align-items:flex-start;flex-wrap:wrap}.ch-footer-bottom nav{gap:.2rem}}
body.ch-footer-visible .shemei-icons{visibility:hidden;pointer-events:none}

.home .home-inner2 .btns .ch-enter-hunt{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;width:3.85rem;height:.8rem;padding:0;border:0;background:none;box-shadow:none!important;transform:none;animation:none!important;color:#fff;font:.3rem/1 HuntCondensed,sans-serif;letter-spacing:0;transition:filter .2s}
.home .home-inner2 .btns .ch-enter-hunt:after{display:none!important;animation:none!important}
.home .home-inner2 .btns .ch-enter-hunt:hover{filter:brightness(1.12)}
.home .home-inner2 .btns .ch-enter-hunt:active:before{transform:translateY(2px)}
.home .home-inner2 .btns .ch-enter-hunt>span{position:relative;z-index:1}

#xlz-btn1{filter:url('#ch-button-red')}
.home .home-inner2 .btns .ch-enter-hunt:focus-visible{outline-color:#ed183c}
.home .home-inner2 .btns .ch-enter-hunt{width:3.62rem;height:.56rem}
.home .home-inner2 .btns .ch-enter-hunt:before{inset:auto;left:50%;top:50%;width:3.85rem;height:.8rem;transform:translate(-49.5%,-44%)}
.home .home-inner2 .btns .ch-enter-hunt:active:before{transform:translate(-49.5%,-44%)}
.home .home-inner2 .btns .ch-enter-hunt>span{position:relative;left:auto;top:auto;transform:none;color:#fff;font-family:HuntCondensed,sans-serif;font-size:.3rem}
@media(prefers-reduced-motion:reduce){#xlz-btn1{display:none!important}}


.home .home-inner2 .btns .ch-enter-hunt:before{background:linear-gradient(130deg,transparent 0 1%,#ff3557 1% 2%,#ed183c 2% 65%,#f51a42 65% 82%,#ed183c 82%)!important;filter:none!important}

.home+.part-heroes{margin-top:0}


.part-news{margin-top:0!important;margin-bottom:0!important}
.part-news .tit{opacity:1!important}
.header-nav .nav{font-family:HuntCondensed,sans-serif;font-weight:600}.ch-nav-actions{height:100%}.ch-nav-play{position:relative;height:100%;width:3.43rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#f33151 0 18%,#ed183c 18% 65%,#f12a4b 65% 80%,#ed183c 80%);clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);flex-shrink:0}.ch-nav-play span{color:#fff!important;font-weight:700!important}.ch-nav-auth:hover,.header-nav .ch-navigation .nav:hover{color:#ed183c}.ch-film-toggle:hover{background:#ed183c;color:white}.ch-film-credit:hover{color:#ff5470}.home .home-inner2 .ch-enter-hunt:before{background:linear-gradient(130deg,#ff3557 0 2%,#ed183c 2% 65%,#f51a42 65% 82%,#ed183c 82%)!important;filter:none!important}.hero-nick span.ch-title-line{font-weight:700!important}
/* Keep the angled Play background on its own layer so shared bolts can escape its edges. */
.ch-nav-play.ch-hunt-action{clip-path:none;background:transparent;overflow:visible;isolation:isolate}
.ch-nav-play.ch-hunt-action:before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);background:linear-gradient(125deg,#f33151 0 18%,#ed183c 18% 65%,#f12a4b 65% 80%,#ed183c 80%);pointer-events:none}
.ch-nav-play.ch-hunt-action .hunt-bolts{z-index:2}
/* The live wordmark belongs to the hero content and is visible from first paint. */
.home .home-inner2{top:52%;transform:translate(-50%,-50%)}
.home .home-inner2 .ch-hero-logo{display:block;position:relative;left:auto;top:auto;transform:none;width:max-content;max-width:92%;margin:0 auto .4rem;font-size:clamp(48px,6.5vw,1.25rem)}
.home.ch-hero-arrived .home-inner2 .ch-hero-logo{animation:ch-hero-brand-in .65s cubic-bezier(.18,.8,.3,1.15) both;transform-origin:center}
@keyframes ch-hero-brand-in{from{opacity:0;transform:translateY(-22px) rotate(-4deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
@media(max-width:520px){.home .home-inner2 .ch-hero-logo{margin-bottom:.48rem}.home .home-inner2{top:51%}}
@media(prefers-reduced-motion:reduce){.home.ch-hero-arrived .home-inner2 .ch-hero-logo{animation:none}}
