/* One navbar design for the home page and React onboarding/profile pages. */
@font-face{font-family:CrackhuntNav;src:url('/assets/fonts/Teko.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:CrackhuntNavComic;src:url('/assets/fonts/Bangers-Regular.ttf') format('truetype');font-display:swap}
.crackhunt-navbar.header-nav{--nav-unit:clamp(48px,min(5.7vw,10.15vh),100px);box-sizing:border-box;height:calc(var(--nav-unit)*.74);min-height:0;width:100%;padding:0;gap:0;display:flex;align-items:stretch;background:#050506;color:#cbcbcd;border-top:1px solid #ffffff25;border-bottom:0;z-index:100;font-family:CrackhuntNav,Impact,sans-serif}
.crackhunt-navbar *{box-sizing:border-box}.crackhunt-navbar a{text-decoration:none;color:inherit}
.crackhunt-navbar.header-nav .nav-lf{display:flex;align-items:center;flex:1;min-width:0}
.crackhunt-navbar.header-nav .nav-logo{display:flex;align-items:center;justify-content:center;margin:0 calc(var(--nav-unit)*.4);width:calc(var(--nav-unit)*1.5);flex-shrink:0}
.crackhunt-navbar .ch-wordmark{display:flex;flex-direction:column;align-items:center;gap:.13em;font:400 calc(var(--nav-unit)*.29)/1 CrackhuntNavComic,Impact,sans-serif;color:#fff;text-align:center}
.crackhunt-navbar .ch-wordmark-badge{display:block;padding:.08em .24em .02em;background:#ed183c;font:700 .38em/1 CrackhuntNav,Impact,sans-serif;letter-spacing:.045em;box-shadow:.06em .07em #131520;transform:skew(-9deg)}
.crackhunt-navbar .ch-wordmark-title{display:block;white-space:nowrap;letter-spacing:0;transform:skew(-9deg) rotate(-2deg);-webkit-text-stroke:.012em #141725;paint-order:stroke fill;text-shadow:.025em .025em #ed183c,.05em .05em #ed183c,.075em .075em #101321}
.crackhunt-navbar .ch-wordmark-version{font-size:.62em;letter-spacing:.01em}
.crackhunt-navbar.header-nav .navs.ch-navigation{display:flex;align-items:center;flex:1;height:100%;padding:0;gap:0}
.crackhunt-navbar.header-nav .ch-navigation .nav{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;width:auto;height:100%;font:600 calc(var(--nav-unit)*.24)/1 CrackhuntNav,Impact,sans-serif;letter-spacing:0;color:#cbcbcd}
.crackhunt-navbar .nav:before{content:'';position:absolute;left:0;top:25%;height:50%;width:1px;background:#ffffff35;transform:skew(-16deg)}
.crackhunt-navbar.header-nav .ch-nav-actions{display:flex;align-items:center;height:100%;gap:0;padding:0;flex-shrink:0}
.crackhunt-navbar .ch-nav-auth{display:flex;align-items:center;gap:calc(var(--nav-unit)*.1);height:100%;padding:0 calc(var(--nav-unit)*.16);font:400 calc(var(--nav-unit)*.21)/1 CrackhuntNav,Impact,sans-serif;white-space:nowrap}
.crackhunt-navbar .ch-nav-auth svg{width:calc(var(--nav-unit)*.27);height:calc(var(--nav-unit)*.27);fill:none;stroke:currentColor;stroke-width:1}
.crackhunt-navbar .ch-nav-auth button{border:0;background:none;padding:0;color:inherit;text-transform:uppercase;font:inherit;cursor:pointer}
.crackhunt-navbar .ch-nav-play{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--nav-unit)*3.43);height:100%;flex-shrink:0;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%)}
.crackhunt-navbar .ch-nav-play span{font:700 calc(var(--nav-unit)*.36)/1 CrackhuntNav,Impact,sans-serif;color:white;padding-left:calc(var(--nav-unit)*.18)}
.crackhunt-navbar.header-nav .ch-navigation .nav:hover,.crackhunt-navbar .ch-nav-auth:hover{color:#ed183c}
.crackhunt-navbar a:focus-visible,.crackhunt-navbar button:focus-visible{outline:2px solid #ed183c;outline-offset:-4px}
.student-onboarding>.student-event-navbar{position:relative;flex:none}
@media(max-width:800px){.crackhunt-navbar.header-nav .nav-logo{margin:0 calc(var(--nav-unit)*.18)!important}.crackhunt-navbar.header-nav .ch-navigation .nav{font-size:calc(var(--nav-unit)*.2)!important}}
@media(max-width:520px){.crackhunt-navbar.header-nav .nav-logo{width:calc(var(--nav-unit)*1.4)!important}.crackhunt-navbar.header-nav .navs.ch-navigation{display:none}.crackhunt-navbar .ch-nav-play{width:calc(var(--nav-unit)*2)!important}}
.hunt-shell>.crackhunt-navbar{position:sticky;top:0;flex-shrink:0}