@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--red: #e30613;--black: #111111;--white: #ffffff;color:var(--black);background:var(--white);font-family:Space Grotesk,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:var(--white);color:var(--black)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}.noise{display:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:3px solid var(--black);background:var(--white);position:relative;z-index:30}.brand{display:inline-flex;align-items:baseline;font:700 1.65rem/1 DM Mono,monospace;letter-spacing:-.13em}.brand span,h1 i,h2 i{color:var(--red);font-style:normal}.brand sup{margin-left:5px;font:700 .48rem DM Mono,monospace;letter-spacing:0}.menu-toggle{display:grid;grid-template-columns:auto 17px;gap:8px;align-items:center;min-height:40px;border:3px solid var(--black);border-radius:0;background:var(--red);box-shadow:4px 4px 0 var(--black);padding:0 10px 0 13px;color:var(--white);font:700 .64rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;transition:transform .15s,box-shadow .15s}.menu-toggle:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--black)}.menu-toggle i{grid-column:2;width:16px;height:2px;margin:1px 0;background:var(--white);display:block}.menu-toggle i:last-child{transform:translateY(-5px)}.site-menu{position:fixed;z-index:40;inset:0;display:flex;flex-direction:column;padding:18px;background:var(--red);color:var(--white);transform:translate(100%);transition:transform .25s steps(5)}.site-menu.is-open{transform:translate(0)}.menu-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto;font:.66rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.menu-close{width:43px;height:43px;border:3px solid var(--black);border-radius:0;background:var(--white);box-shadow:3px 3px 0 var(--black);color:var(--black);font-size:2rem;line-height:.7}.menu-link{display:grid;grid-template-columns:33px 1fr 25px;align-items:center;border-top:3px solid var(--black);padding:15px 0;font-size:clamp(1.7rem,8vw,3rem);font-weight:700;letter-spacing:-.07em}.menu-link:last-of-type{border-bottom:3px solid var(--black)}.menu-link b{font:.61rem DM Mono,monospace;letter-spacing:0}.menu-link em{font-style:normal;text-align:right}.site-menu p{max-width:220px;margin:28px 0 0;color:var(--black);font:.72rem/1.5 DM Mono,monospace}.menu-games{border-top:3px solid var(--black);padding:13px 0 15px 33px}.menu-games-label{display:block;margin-bottom:8px;color:var(--black);font:700 .58rem DM Mono,monospace;letter-spacing:.08em}.menu-sublink{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border:3px solid var(--black);background:var(--white);box-shadow:4px 4px 0 var(--black);color:var(--black);font-size:clamp(1.25rem,6vw,2rem);font-weight:700;letter-spacing:-.07em}.menu-sublink em{font-style:normal;color:var(--red)}.hero{position:relative;min-height:calc(100svh - 76px);padding:52px 18px 35px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background:var(--white);background-image:radial-gradient(var(--red) 1px,transparent 1px);background-size:12px 12px}.hero:before{content:"SB";position:absolute;z-index:0;right:-18px;bottom:22px;color:var(--red);font:700 clamp(10rem,52vw,24rem)/.65 "DM Mono",monospace;letter-spacing:-.25em;opacity:.16;transform:rotate(-8deg)}.eyebrow{display:flex;align-items:center;gap:8px;position:relative;z-index:1;margin:0;font:.62rem DM Mono,monospace;letter-spacing:.075em;text-transform:uppercase}.eyebrow span{width:10px;height:10px;display:inline-block;background:var(--red);border:2px solid var(--black);border-radius:0}h1,h2,h3,p{margin-top:0}.hero-layout{position:relative;z-index:1;width:min(100%,1050px);margin:0 auto}.hero-intro{position:relative;z-index:1}h1{margin:20px 0 25px;max-width:750px;font-size:clamp(4.25rem,22vw,10rem);font-weight:700;letter-spacing:-.13em;line-height:.7;text-shadow:4px 4px 0 var(--white),7px 7px 0 var(--black)}.hero-copy{max-width:254px;margin:0 0 28px;padding:11px;border:3px solid var(--black);background:var(--white);box-shadow:5px 5px 0 var(--black);font-size:1rem;line-height:1.2}.social-links{display:grid;gap:10px;margin:32px 0}.social-links-title{margin:0 0 2px;font:700 .64rem DM Mono,monospace;letter-spacing:.08em}.social-link{display:grid;grid-template-columns:28px minmax(0,1fr) auto 24px;align-items:center;gap:8px;min-height:56px;padding:9px 10px;border:3px solid var(--black);box-shadow:5px 5px 0 var(--black);font-weight:700;transition:transform .15s,box-shadow .15s}.social-link:hover,.social-link:focus-visible{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--black)}.social-link-number,.social-link small{font:.55rem DM Mono,monospace;text-transform:uppercase}.social-link-number{align-self:start;padding-top:3px}.social-link strong{min-width:0;font-size:clamp(1.3rem,7vw,2rem);letter-spacing:-.08em}.social-link small{white-space:nowrap}.social-link>span:last-child{font-size:1.25rem;text-align:right}.youtube{background:var(--red);color:var(--white)}.twitch{background:#9146ff;color:var(--white)}.instagram{background:var(--white);color:var(--black)}.tiktok{background:var(--black);color:var(--white)}.discord{background:#5865f2;color:var(--white)}.hero-action{position:relative;z-index:1;width:max-content;max-width:100%;display:flex;align-items:center;gap:20px;padding:13px 15px;border:3px solid var(--black);background:var(--red);box-shadow:5px 5px 0 var(--black);color:var(--white);font:700 .66rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s,box-shadow .15s}.hero-action:hover{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--black)}.hero-action span{font-size:1.25rem;line-height:.5}.hero-orbit{position:absolute;z-index:0;right:-70px;top:5%;width:240px;aspect-ratio:1;border:3px solid var(--black);background:var(--red);box-shadow:9px 9px 0 var(--black);transform:rotate(22deg)}.hero-orbit:before{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:var(--white);font-size:8rem;transform:rotate(-22deg)}.hero-orbit:after,.hero-orbit span{display:none}.latest{padding:70px 18px 65px;border-top:3px solid var(--black);background:var(--red);color:var(--white)}.latest .eyebrow span{background:var(--white)}.section-heading{margin-bottom:32px}.section-heading h2,.arcade-teaser h2{margin:17px 0 0;font-size:clamp(3.3rem,17vw,7rem);font-weight:700;letter-spacing:-.12em;line-height:.76}.section-heading h2 i{color:var(--black);text-shadow:3px 3px 0 var(--white)}.video-grid{display:grid;gap:28px}.video-card{min-width:0;padding:9px;border:3px solid var(--black);background:var(--white);box-shadow:7px 7px 0 var(--black);color:var(--black)}.video-link{display:block}.video-visual{position:relative;overflow:hidden;aspect-ratio:16/9;border:3px solid var(--black);background:var(--black)}.short-card .video-visual{max-width:270px;aspect-ratio:4/5}.video-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(.92);transition:transform .2s}.video-link:hover img{transform:scale(1.04)}.video-badge{position:absolute;top:8px;left:8px;border:2px solid var(--black);background:var(--red);padding:5px 7px;color:var(--white);font:700 .52rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.short-card .video-badge{background:var(--black)}.play-button{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:41px;height:41px;border:2px solid var(--black);border-radius:0;background:var(--white);color:var(--red);font-size:.78rem}.video-meta{padding:12px 2px 3px}.video-meta p{margin-bottom:6px;color:#444;font:.58rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.video-meta h3{margin-bottom:0;font-size:1.4rem;letter-spacing:-.07em;line-height:.94}.unavailable{min-height:178px}.unavailable p{font:.6rem DM Mono,monospace;text-transform:uppercase}.unavailable h3{max-width:220px;font-size:1.35rem;letter-spacing:-.06em;line-height:.97}.skeleton{background:repeating-linear-gradient(45deg,#e8e8e8 0 10px,#fff 10px 20px)}.skeleton.media{aspect-ratio:16/9;border:3px solid var(--black)}.loading.short-card .media{max-width:270px;aspect-ratio:4/5}.skeleton.line{height:22px;max-width:330px;margin-top:12px}.skeleton.short-line{height:12px;max-width:170px;margin-top:8px}.channel-link{display:inline-flex;gap:13px;margin-top:45px;padding:12px;border:3px solid var(--black);background:var(--white);box-shadow:5px 5px 0 var(--black);color:var(--black);font:700 .7rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em;transition:transform .15s,box-shadow .15s}.channel-link:hover{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--black)}.channel-link span{color:var(--red);font-size:1rem}.games-list{padding:70px 18px 65px;border-top:3px solid var(--black);background:var(--black);color:var(--white)}.games-list .eyebrow span{background:var(--red);border-color:var(--white)}.games-heading{margin:17px 0 32px}.games-heading h2{margin:0;font-size:clamp(3.5rem,18vw,7rem);font-weight:700;letter-spacing:-.12em;line-height:.76}.games-heading h2 i{color:var(--red)}.games-heading p{max-width:285px;margin:23px 0 0;padding:10px;border:3px solid var(--white);font-size:1.02rem;line-height:1.17}.game-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;position:relative;min-height:250px;overflow:hidden;padding:15px;border:3px solid var(--black);background:var(--white);box-shadow:7px 7px 0 var(--red);color:var(--black);transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--red)}.game-card-number{font:700 .65rem DM Mono,monospace}.game-card-name{min-width:0;align-self:start;font-size:clamp(3rem,15vw,5.6rem);font-weight:700;letter-spacing:-.13em;line-height:.68}.game-card-name i{color:var(--red);font-style:normal}.game-card-copy{grid-column:2;min-width:0;align-self:end;max-width:205px;padding-right:64px;font-size:.92rem;line-height:1.1}.game-card-action{position:absolute;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px;border:2px solid var(--black);background:var(--red);color:var(--white);font:700 .55rem DM Mono,monospace;letter-spacing:.04em;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;padding:19px 18px;border-top:3px solid var(--black);background:var(--white);font:.52rem/1.4 DM Mono,monospace;letter-spacing:.04em}.jump-card{box-shadow:7px 7px 0 var(--red)}.jump-card:hover{box-shadow:3px 3px 0 var(--red)}.soon-body{background:var(--red)}.soon-main{position:relative;min-height:100svh;padding:24px 18px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(var(--black) 1px,transparent 1px);background-size:12px 12px}.soon-main .brand{position:absolute;top:26px;left:18px;color:var(--white)}.soon-main .brand span{color:var(--black)}.soon-main .eyebrow{color:var(--white)}.soon-main .eyebrow span{background:var(--white)}.soon-main h1{margin:23px 0 27px;font-size:clamp(3.35rem,16vw,7rem);color:var(--white);text-shadow:4px 4px 0 var(--black)}.soon-main h1 span{color:var(--white)}.soon-main h1 i{color:var(--black)}.soon-main>p:not(.eyebrow){max-width:250px;margin-bottom:31px;padding:10px;border:3px solid var(--black);background:var(--white);box-shadow:5px 5px 0 var(--black);font-size:1.05rem;line-height:1.2}.soon-main .hero-action{background:var(--white);color:var(--black)}.soon-stamp{position:absolute;right:-28px;bottom:-28px;display:grid;width:180px;height:180px;place-items:center;border:3px solid var(--black);border-radius:50%;background:var(--white);box-shadow:6px 6px 0 var(--black);color:var(--red);font:700 2.5rem/.76 DM Mono,monospace;text-align:center;transform:rotate(-19deg)}@media(min-width:720px){.site-header{height:92px;padding:0 5vw}.hero{min-height:calc(100svh - 92px);padding:7vw}.hero-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(370px,1.15fr);align-items:center;gap:clamp(35px,7vw,100px)}.hero-copy{margin-left:9vw}.social-links{margin:0}.social-link{grid-template-columns:28px minmax(0,1fr) auto 24px}.hero-action{margin-top:32px}.hero-orbit{right:7vw;width:min(36vw,450px);top:10%}.latest{padding:100px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end}.video-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:start;gap:5vw}.short-card{margin-top:72px}.short-card .video-visual{max-width:none}.games-list{padding:100px 7vw}.games-heading{display:flex;align-items:end;justify-content:space-between}.games-heading p{margin:0 11vw 0 0}.game-card{max-width:680px;min-height:290px}.site-menu{padding:34px 7vw 50px}.menu-link,.menu-games{max-width:900px}.soon-main{padding:8vw}.soon-main .brand{top:38px;left:7vw}.soon-stamp{width:280px;height:280px;right:8vw;bottom:-40px;font-size:3.6rem}footer{padding:25px 7vw}}.game-body{min-height:100svh;background:var(--red)}.game-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:3px solid var(--black);background:var(--white)}.portal-link{padding:10px;border:3px solid var(--black);background:var(--red);box-shadow:3px 3px 0 var(--black);color:var(--white);font:700 .59rem DM Mono,monospace;letter-spacing:.06em}.game-main{min-height:calc(100svh - 76px);padding:30px 18px 26px;background-image:radial-gradient(var(--black) 1px,transparent 1px);background-size:12px 12px}.game-intro h1{margin:17px 0 18px;color:var(--white);font-size:clamp(3.6rem,18vw,7rem);text-shadow:4px 4px 0 var(--black)}.game-intro h1 i{color:var(--black)}.game-intro>p:not(.eyebrow){max-width:290px;margin-bottom:28px;padding:9px;border:3px solid var(--black);background:var(--white);box-shadow:4px 4px 0 var(--black);font-size:.98rem;line-height:1.15}.game-intro .eyebrow{color:var(--white)}.game-intro .eyebrow span{background:var(--white)}.game-frame{position:relative;width:min(100%,520px);margin:auto;overflow:hidden;border:3px solid var(--black);background:#86d9f7;box-shadow:8px 8px 0 var(--black);aspect-ratio:9/15;max-height:calc(100svh - 270px);min-height:420px}.game-stage{position:absolute;inset:0;touch-action:manipulation;outline:none}.game-stage canvas{display:block;width:100%;height:100%}.game-hud{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none;padding:11px;color:var(--white);font:700 .65rem DM Mono,monospace;letter-spacing:.06em;text-shadow:2px 2px 0 var(--black)}.game-hud p{margin:0}.game-hud strong{display:block;margin-top:1px;font-size:1.75rem;letter-spacing:-.12em}.game-overlay,.webgl-fallback{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;background:#111111e0;color:var(--white)}.game-overlay[hidden],.webgl-fallback[hidden]{display:none}.game-overlay>p:first-child{margin-bottom:13px;color:var(--red);font:700 .6rem DM Mono,monospace;letter-spacing:.08em}.game-overlay h2,.webgl-fallback h2{margin:0 0 17px;font-size:clamp(3.3rem,17vw,5.2rem);letter-spacing:-.13em;line-height:.7}.game-overlay h2 i,.webgl-fallback h2 i{color:var(--red)}.game-overlay>p:not(:first-child),.webgl-fallback p{max-width:250px;margin-bottom:25px;font-size:1rem;line-height:1.14}.game-overlay button,.webgl-fallback a{border:3px solid var(--black);border-radius:0;padding:13px;background:var(--red);box-shadow:4px 4px 0 var(--white);color:var(--white);font:700 .65rem DM Mono,monospace;letter-spacing:.06em}.game-overlay button span{margin-left:18px;font-size:1rem}.webgl-fallback{background:var(--white);color:var(--black)}.webgl-fallback a{background:var(--black)}.game-note{margin:28px auto 0;max-width:520px;color:var(--white);font:700 .57rem/1.5 DM Mono,monospace;letter-spacing:.04em}@media(min-width:720px){.game-header{height:92px;padding:0 7vw}.game-main{min-height:calc(100svh - 92px);padding:45px 7vw 36px}.game-intro{max-width:520px;margin:0 auto}.game-frame{max-height:650px}.game-note{max-width:520px}}.jump-body{background:var(--red)}.jump-main{background-color:var(--red);background-image:radial-gradient(var(--black) 1px,transparent 1px)}.jump-frame{background:#7ec9ea}.jump-overlay{background:#111111db}.jump-overlay h2 i{color:#f3c819}.jump-card{box-shadow:7px 7px #f3c819}.jump-card:hover{box-shadow:3px 3px #f3c819}
