@font-face{font-family:Inconsolata Mono;src:url(/assets/Inconsolata-VariableFont-C5fWE6Cm.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--nav-height: 68px;--container-width: 1440px;--grid-size: 2rem;--color-primary: hsl(0, 66%, 35%);--color-light: hsla(0, 0%, 100%, .88);--color-dark: hsl(0, 0%, 7%);--color-neutral: hsl(0, 0%, 83%);--color-player: var(--color-primary);--color-designer: hsl(130, 66%, 25%);--color-editor: hsl(210, 100%, 25%);--color-grid: hsla(0, 0%, 100%, .02);font-family:Inconsolata Mono,monospace;line-height:1.5;font-weight:400;text-wrap:balance;color-scheme:dark;color:var(--color-light);background-color:var(--color-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;border:0;padding:0;box-sizing:border-box}section{width:100%}.section-title{width:100%;grid-column:1 / -1;margin-bottom:.5rem;font-size:2rem;font-weight:900;text-align:center;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--color-primary);color:var(--color-neutral)}.container{max-width:var(--container-width);margin:0 auto;padding:3rem 1.5rem}.overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#12121233;z-index:1}.overlay>*{position:relative;z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-block;font-size:1.1rem;padding:.3rem 1rem;border-radius:.5rem;cursor:pointer;background-color:var(--color-neutral);font-weight:900;letter-spacing:1px;text-decoration:none;color:var(--color-dark)}.btn-primary{border:2px solid var(--color-primary);background-color:var(--color-primary);color:#fff}.btn-primary:hover{border:2px solid var(--color-light);background-color:var(--color-light);color:var(--color-primary);transition:.25s all ease}.video-embed{margin:0 auto;width:100%;max-width:854px;aspect-ratio:16 / 9;position:relative}.video-embed iframe{width:100%;height:100%;overflow:hidden}header{width:100%;position:relative;z-index:9999}header nav{display:flex;justify-content:space-between;align-items:center;background-color:#12121233;padding:1rem 1.5rem}header nav .logo{display:flex;align-items:center;gap:1rem;text-decoration:none}header nav .logo img{height:36px}header nav .logo span{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-light)}header nav ul{display:flex;justify-content:center;align-items:center;gap:1.25rem}@media (max-width: 767px){header nav ul{width:0;visibility:hidden;opacity:0;z-index:9999;flex-direction:column;gap:2rem;position:absolute;top:var(--nav-height);right:0;border:2px solid var(--color-primary);border-right:none;padding:1.5rem 1rem;background-color:#121212f2}}header nav ul li{list-style-type:none}header nav ul li a{font-size:1rem;font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:1px;color:var(--color-light)}@media (max-width: 767px){header nav ul li a{font-size:2rem}}header nav ul li.active a,header nav ul li:hover a,header nav ul li:hover span{cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:var(--color-primary);transition:.25s color ease}@media (max-width: 767px){header nav ul.open{width:80%;height:calc(100vh - var(--nav-height));visibility:visible;opacity:1;transition:.5s all cubic-bezier(.175,.885,.32,1.1)}}header nav #mobile-toggle{cursor:pointer}@media (min-width: 768px){header nav #mobile-toggle{display:none}}header nav #mobile-toggle>svg{font-size:1.5rem}#video_background{position:relative;display:flex;justify-content:center;align-items:center;margin-top:calc(var(--nav-height) * -1);padding-top:var(--nav-height);width:100%;height:calc(50vh - var(--nav-height));overflow:hidden;background:linear-gradient(to bottom,var(--color-primary),var(--color-dark));text-align:center}@media (max-width: 767px){#video_background{height:auto;min-height:calc(50vh - var(--nav-height))}}#video_background.large{height:calc(80vh - var(--nav-height))}#video_background .container{z-index:1}#video_background .container h2{font-size:3.5rem;font-weight:900;line-height:1.2;letter-spacing:3px}#video_background .container h3{margin-bottom:1.25rem;font-size:1.625rem;font-weight:500;line-height:1.5}#video_background video{width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:50%;transform:translate(-50%);z-index:0;opacity:.75}#video_background video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#12121280;z-index:1}.video-link{display:grid;position:relative;text-decoration:none}.video-link:hover>*{transition:.25s all ease}.video-link:hover img{opacity:.5}.video-link:hover .watch-icon>svg{visibility:visible;opacity:1}.video-link:hover span.video-title{color:var(--color-primary)}.video-link img{width:100%;max-width:480px;aspect-ratio:16 / 9;margin:0 auto;border:1px solid hsla(0,66%,46%,.25);border-radius:1rem}.video-link span.video-title{display:inline-block;margin-top:.5rem;font-size:1.3rem;font-weight:700;text-align:center;color:var(--color-light)}.video-link .watch-icon>svg{--title-height: 39.2px;width:100%;height:20%;position:absolute;top:calc(50% - calc(var(--title-height) / 2));left:50%;transform:translate(-50%,-50%);color:var(--color-light);visibility:hidden;opacity:0}@media (max-width: 767px){.video-link .watch-icon>svg{visibility:visible;opacity:1}}#recent_uploads .container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;gap:1.5rem}@media (max-width: 991px){#recent_uploads .container{grid-template-columns:1fr 1fr}}@media (max-width: 767px){#recent_uploads .container{grid-template-columns:1fr}}footer{padding:1rem;background-color:var(--color-primary);text-align:center}footer .logo img{height:25px}footer ul{display:flex;justify-content:center;align-items:center;gap:1rem}footer ul li{list-style-type:none}footer ul li a{font-size:1.5rem;color:var(--color-light)}footer ul li p{color:var(--color-neutral)}#countdown .countdown-timer{display:flex;justify-content:center;gap:1.5rem;margin:3rem 0 -1rem}#countdown .time-unit{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#000000bf;border-radius:.5rem;min-width:100px;aspect-ratio:1 / 1}#countdown .time-value{font-size:2.5rem;font-weight:700;line-height:1;color:var(--color-light)}#countdown .time-label{margin-top:.3rem;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-neutral)}@media (max-width: 768px){#countdown .countdown-timer{gap:1rem}#countdown .time-unit{min-width:60px;padding:.75rem}#countdown .time-value{font-size:2rem}#countdown .time-label{font-size:.8rem}}@media (max-width: 575px){#countdown .countdown-timer{gap:.75rem}#countdown .seconds{display:none}}.member-card{text-decoration:none;color:var(--color-light)}.member-card:hover img{filter:grayscale(1);transition:.5s all ease}.member-card:hover p{color:var(--color-primary)}.member-card img{max-height:175px;border:1px solid hsla(0,66%,46%,.25)}@media (max-width: 575px){.member-card img{max-height:150px}}.member-card p{font-size:1.1rem;font-weight:700;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}#roster .owners,#roster .leaders,#roster .members{display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:center;gap:1.5rem}#roster .owners,#roster .leaders,#roster .members{margin-bottom:1.5rem!important}#roster .members{max-width:1200px;margin:0 auto}#roster .hall-of-fame{max-width:800px;margin:0 auto;font-size:1.1rem;font-weight:700;text-align:center;color:var(--color-neutral)}#roster .member-card{opacity:0;position:relative;animation:.5s fadeIn ease-in-out forwards;animation-delay:calc(var(--card-index, 0) * .1s)}#roster .member-card:before{content:"P";width:auto;height:auto;position:absolute;top:4px;right:4px;z-index:9999;display:grid;place-items:center;border-radius:.25rem;padding:0 .25rem;background-color:var(--color-primary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#roster .sniper:before{content:"Sniper"}#roster .designer:before{content:"Designer";background-color:var(--color-designer)}#roster .editor:before{content:"Editor";background-color:var(--color-editor)}
