.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:background .4s var(--ease)}.nav--scrolled{background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%}.nav__logo{display:flex;align-items:center}.nav__logo img{height:22px;width:auto;filter:invert(1);mix-blend-mode:screen;opacity:.9;transition:opacity .3s}.nav__logo:hover img{opacity:1}.nav__menu{display:flex;gap:32px}.nav__link{font-family:var(--font-body);font-size:.7rem;letter-spacing:3px;text-transform:uppercase}.nav__burger{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:6px;width:32px}.nav__burger span{display:block;height:1px;background:var(--white);transition:transform .4s var(--ease),opacity .3s;transform-origin:center}.nav__burger.open span:first-child{transform:rotate(45deg) translate(2.5px,2.5px)}.nav__burger.open span:last-child{transform:rotate(-45deg) translate(2.5px,-2.5px)}@media(max-width:768px){.nav__burger{display:flex}.nav__menu{position:fixed;inset:0;background:var(--black);flex-direction:column;align-items:center;justify-content:center;gap:40px;opacity:0;pointer-events:none;transition:opacity .5s var(--ease)}.nav__menu.open{opacity:1;pointer-events:auto}.nav__link{font-size:.9rem;letter-spacing:6px}}.foot{padding:40px 24px}.foot__inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.foot__ig{font-family:var(--font-body);font-size:.65rem;letter-spacing:3px}.foot__copy{font-family:var(--font-body);font-size:.65rem;letter-spacing:2px;color:#fff3}.kickball{position:fixed;top:0;left:0;width:48px;height:48px;z-index:900;cursor:pointer;will-change:transform;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .3s}.kickball:hover{filter:brightness(1.3)}.kickball:active{filter:brightness(1.6)}.kickball--settled{opacity:.4}.kickball--settled:hover{opacity:.8}.kickball svg{width:100%;height:100%;display:block}.hero{height:100vh;display:flex;align-items:center;justify-content:center}.hero__wrap{cursor:pointer;display:flex;align-items:center;justify-content:center}.hero__logo{width:min(70vw,560px);position:relative}.hero__logo img{width:100%;filter:invert(1);mix-blend-mode:screen;animation:logoIn 1.2s var(--ease) both;transition:filter .5s var(--ease)}.hero__pattern{position:absolute;inset:0;mix-blend-mode:overlay;pointer-events:none;animation:patternIn .4s var(--ease) both}@keyframes patternIn{0%{opacity:0}to{opacity:1}}@keyframes logoIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.home__nav-strip{display:flex;justify-content:center;gap:48px;padding:60px 24px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.home__feed{padding:80px 0}.home__game{padding:0 0 80px;text-align:center}.home__game-label{font-family:var(--font-body);font-size:.65rem;letter-spacing:6px;color:var(--mauve);margin-bottom:32px}.home__game-frame{max-width:800px;margin:0 auto;aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(255,255,255,.06);cursor:pointer}.home__game-thumb{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.45);transition:filter .4s var(--ease)}.home__game-frame:hover .home__game-thumb{filter:grayscale(1) contrast(1.2) brightness(.55)}.home__game-frame iframe{width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px;border:none;display:block;overflow:hidden}.home__ig{text-align:center;padding:0 24px 100px}.home__ig a{font-family:var(--font-body);font-size:.7rem;letter-spacing:4px;color:var(--gold)}@media(max-width:480px){.home__game-frame{aspect-ratio:9 / 14}}.about__hero{height:60vh;display:flex;align-items:center;justify-content:center}.about__title{font-family:var(--font-brand);font-size:clamp(3rem,12vw,8rem);letter-spacing:12px;color:var(--white);animation:fadeUp .8s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about__body{padding:0 24px 120px}.about__content{max-width:580px;margin:0 auto}.about__text{font-family:var(--font-body);font-size:1rem;line-height:1.9;color:var(--mauve);margin-bottom:40px}.about__link{padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.about__link a{font-family:var(--font-body);font-size:.7rem;letter-spacing:4px}@font-face{font-family:QuickExpress;src:url(/assets/QuickExpress-CBc67v_r.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--teal: #34525B;--teal-dark: #1e3239;--mauve: #C7BEBE;--gold: #CEBC82;--black: #0a0a0a;--white: #f5f5f5;--gray: #666;--font-brand: "QuickExpress", "Impact", sans-serif;--font-body: "QuickExpress", "Impact", sans-serif;--max-width: 1100px;--nav-height: 60px;--ease: cubic-bezier(.25, 0, .15, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}::selection{background:var(--gold);color:var(--black)}.chalk-link{position:relative;display:inline-block;padding:6px 10px;font-family:var(--font-body);color:var(--mauve);transition:color .3s}.chalk-link:before{content:"";position:absolute;inset:-6px -12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 50'%3E%3Cellipse cx='60' cy='25' rx='55' ry='20' fill='none' stroke='rgba(245,245,245,0.65)' stroke-width='1.5' stroke-dasharray='3,2,8,3,2,6,4,3' stroke-linecap='round' transform='rotate(-1.5 60 25)' /%3E%3Cellipse cx='61' cy='25.5' rx='54' ry='19' fill='none' stroke='rgba(245,245,245,0.2)' stroke-width='1' stroke-dasharray='5,3,2,7,3,2' stroke-linecap='round' transform='rotate(1 61 25.5)' /%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;opacity:0;transform:scale(.88);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none}.chalk-link:hover{color:var(--white)}.chalk-link:hover:before{opacity:1;transform:scale(1)}.chalk-link.active{color:var(--white)}.chalk-link.active:before{opacity:1;transform:scale(1)}