@font-face{font-family:Krunker;src:url('/assets/krunker-game.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:KrunkerHeader;src:url('/assets/krunker-header.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#181818;--panel:#333;--inside:#222;--line:#595959;--text:#fff;--muted:#aaa;--orange:#ff9b25;--green:#9de36b;--purple:#b447ff;--ease:cubic-bezier(.32,.72,0,1);font-family:Krunker,sans-serif;font-synthesis:none;color-scheme:dark}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:24px}body.menu-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4,strong{font-weight:400}h1,h2,h3,h4{text-wrap:balance}h2{font-size:36px;line-height:1.4;text-transform:uppercase}h3{font-size:18px;line-height:32px}h4{font-size:18px;line-height:28px}p{text-wrap:pretty;color:var(--muted)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button,a,summary{transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}button:disabled{opacity:.3;cursor:not-allowed}a:hover{color:var(--orange)}button:active:not(:disabled),.button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}::selection{background:var(--orange);color:#000}.section{max-width:1440px;padding:80px 64px;margin:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;line-height:24px;color:var(--orange);text-transform:uppercase}.status-light{width:8px;height:8px;background:var(--orange);display:inline-block;flex:none}.target-icon{position:relative;width:16px;height:16px;display:inline-block;border:2px solid currentColor;flex:none}.target-icon:before,.target-icon:after{content:'';position:absolute;background:currentColor}.target-icon:before{height:6px;width:2px;left:5px;top:3px}.target-icon:after{height:2px;width:6px;left:3px;top:5px}.skip-link{opacity:0;position:fixed;left:24px;top:12px;z-index:100;padding:12px 24px;background:var(--orange);color:#000;transform:translateY(-150%)}.skip-link:focus{opacity:1;transform:none}.brand{white-space:nowrap;font-family:KrunkerHeader,Krunker,sans-serif}.brand span{color:var(--orange)}.brand-small{font-size:24px;line-height:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:56px;padding:12px 24px;border:3px solid var(--orange);font-size:18px;line-height:28px;text-transform:uppercase;border-radius:2px;background:#0008}.button-primary{background:var(--orange);color:#181818;box-shadow:0 6px 0 #a45c0c}.button-primary:hover{color:#000;background:#ffb650;border-color:#ffb650;transform:translateY(-2px)}.button>span{font-family:sans-serif;font-size:18px;line-height:24px}
/* Preserve the original poster composition, with Krunker's menu typography. */
.site-header{position:absolute;top:24px;left:0;right:0;z-index:20;padding:0 48px}.nav-island{max-width:1160px;min-height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 24px;border:2px solid #ffffff35;border-radius:2px;background:#000b}.nav-links{display:flex;gap:32px}.nav-links>a{font-size:16px;line-height:28px;text-transform:uppercase}.nav-status{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap;color:var(--orange)}.menu-toggle{display:none;width:40px;height:40px;border:0;background:none;position:relative}.menu-toggle span{position:absolute;width:20px;height:3px;background:#fff;left:8px;top:14px;transition:transform .3s var(--ease)}.menu-toggle span:last-child{top:24px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:19;background:#181818f5;padding:128px 24px 48px}.mobile-menu nav{display:grid;gap:16px}.mobile-menu nav>a{display:flex;justify-content:space-between;padding:16px;border:2px solid #666;font-size:24px;line-height:36px;text-transform:uppercase;animation:hero-in .4s var(--ease) both}.mobile-menu nav>a>span{font-size:14px;color:var(--orange)}.mobile-menu nav>a:nth-child(2){animation-delay:.06s}.mobile-menu nav>a:nth-child(3){animation-delay:.12s}.mobile-menu nav>a:nth-child(4){animation-delay:.18s}.mobile-menu>p{margin-top:32px}
.hero{position:relative;min-height:720px;height:100svh;max-height:1100px;overflow:hidden;isolation:isolate;display:flex;align-items:center;background:#000}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-3;animation:arena-arrive 1.8s var(--ease) both}.hero-dim{position:absolute;inset:0;background:#0002;z-index:-2}.hero-content{width:100%;max-width:1440px;margin:auto;padding:128px 64px 64px}.hero-content>.eyebrow{color:#e7decd}.hero-content>.eyebrow .target-icon{color:var(--orange)}.hero-brand{position:relative;width:600px;max-width:53%;height:104px;margin:16px 0}.hero-brand>img{position:absolute;width:108%;max-width:none;left:-4%;top:50%;transform:translateY(-50%)}.hero-tagline{font-size:36px;line-height:1.4;max-width:560px;text-shadow:0 3px 0 #0008}.hero-description{margin-top:24px;max-width:400px;font-size:18px;line-height:32px;color:#ece7dc;text-shadow:0 2px 0 #0008}.hero .button{margin-top:24px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:12px;line-height:24px;margin-top:24px;color:#c8bbab}.hero-coordinate{position:absolute;right:32px;top:50%;display:flex;align-items:center;gap:24px;writing-mode:vertical-rl;font-size:12px;line-height:20px;color:#e8d8c1}.hero-coordinate i{display:block;height:80px;width:2px;background:#ead6b957}.hero-caption{position:absolute;bottom:24px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;line-height:20px;color:#c5b9a9}.hero-caption>a{display:flex;align-items:center;gap:24px}.hero-enter{animation:hero-in .9s var(--ease) both}.hero-enter:nth-child(2){animation-delay:.08s}.hero-enter:nth-child(3){animation-delay:.16s}.hero-enter:nth-child(4){animation-delay:.24s}.hero-enter:nth-child(5){animation-delay:.32s}.hero-enter:nth-child(6){animation-delay:.4s}@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes arena-arrive{from{transform:scale(1.05)}to{transform:scale(1)}}
/* Match screen: a wide game view and a compact server rules panel. */
.briefing-section{background:#181818}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading h2{margin-top:8px}.section-heading>p{max-width:320px;text-align:right}.mode-tag{font-size:12px;line-height:24px;white-space:nowrap;padding:8px 12px;border:2px solid #666;background:#222}.match-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:24px}.match-specs>div{padding:16px 24px;display:flex;align-items:center;gap:16px;background:#272727}.match-specs strong{font-size:36px;line-height:1;white-space:nowrap}.match-specs small{font-size:18px}.match-specs span{font-size:12px;line-height:20px;color:#bbb;max-width:100px}.match-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:24px;align-items:start}.gameplay-figure{border:3px solid #555;background:#222}.window-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#111;font-size:12px;line-height:24px}.window-heading>span:first-child{display:flex;align-items:center;gap:12px}.window-heading>span:last-child{color:#aaa}.gameplay-frame{display:block;cursor:zoom-in;overflow:hidden}.gameplay-frame img{width:100%;height:auto;transition:filter .3s var(--ease)}.gameplay-frame:hover img{filter:brightness(1.06)}.gameplay-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;font-size:12px;line-height:24px;color:#aaa}.gameplay-figure figcaption strong{color:var(--green)}.gameplay-figure figcaption a{white-space:nowrap;color:#ddd}.gameplay-figure figcaption a:hover{color:var(--orange)}.match-rules{padding:16px;background:#333;border-radius:2px}.match-rules>h3{background:#111;padding:8px 16px;margin-bottom:4px;font-size:16px;line-height:28px}.match-rules ol{list-style:none;padding:0;margin:0}.match-rules li{display:flex;gap:12px;padding:16px 12px;background:#222;margin-top:4px}.rule-number{font-size:14px;color:var(--orange);padding-top:2px}.match-rules h4{font-size:16px;line-height:28px;margin-bottom:8px}.match-rules p{font-size:12px;line-height:24px;color:#aaa}
.manifesto-section{position:relative;isolation:isolate;overflow:hidden;min-height:480px;display:flex;align-items:center;background:#000}.manifesto-section>img{position:absolute;inset:0;z-index:-2;height:100%;width:100%;object-fit:cover;object-position:center}.manifesto-shade{position:absolute;inset:0;z-index:-1;background:#0005}.manifesto-content{width:100%;max-width:1440px;margin:auto;padding:80px 64px}.manifesto-content .eyebrow{color:#ead4b6}.manifesto-content h2{font-size:48px;line-height:1.4;margin:16px 0 24px;max-width:680px;text-shadow:0 3px 0 #0006}.manifesto-content>p:last-child{font-size:16px;line-height:28px;color:#eee}.word-reveal span{color:#ffffff50;transition:color .7s var(--ease)}.word-reveal span.is-lit{color:#fff}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:64px}.faq-heading h2{margin:8px 0 16px}.faq-heading>p:last-child{font-size:14px;line-height:24px}.faq-list{padding:12px;background:#333;border-radius:2px}.faq-list details+details{margin-top:8px}.faq-list details{background:#222}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:16px;line-height:28px;padding:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--orange);background:#282828}.faq-list summary>span{width:16px;height:16px;position:relative;flex:none}.faq-list summary>span:before,.faq-list summary>span:after{content:'';position:absolute;background:currentColor;left:0;top:7px;width:16px;height:2px}.faq-list summary>span:after{transform:rotate(90deg);transition:transform .3s var(--ease)}.faq-list details[open] summary>span:after{transform:rotate(0)}.faq-list details[open] summary{color:var(--orange)}.faq-list details p{padding:0 16px 16px;font-size:14px;line-height:28px;color:#bbb}.site-footer{max-width:1440px;margin:auto;padding:32px 64px;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:2px solid #333}.site-footer>div:first-child>p{font-size:12px;line-height:24px;margin-top:8px}.footer-links{display:flex;justify-content:end;gap:24px;font-size:12px;line-height:24px;color:#bbb;align-items:center}.footer-note{grid-column:1/-1;font-size:12px;line-height:20px;color:#888}.reveal{opacity:1;transform:none}.js-reveals .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-reveals .reveal.is-visible{opacity:1;transform:none}
.document-body{min-height:100svh}.document-header,.document-footer{max-width:1120px;margin:auto;padding:32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.document-header>a:last-child,.document-footer{font-size:14px;line-height:24px;color:#bbb}.document-content{max-width:800px;margin:auto;padding:64px 32px 80px}.document-content h1{font-size:48px;line-height:1;margin:24px 0 32px}.document-content .document-lead{font-size:18px;line-height:32px;color:#ddd}.document-content h2{font-size:24px;line-height:36px;margin:40px 0 16px;text-transform:none}.document-content .button{margin-top:48px}.document-content p{font-size:16px;line-height:32px}.document-footer{font-size:12px;line-height:24px}.not-found{min-height:100svh;max-width:800px;margin:auto;padding:64px 32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}.not-found>.brand{font-size:24px;line-height:40px;margin-bottom:32px}.not-found h1{font-size:72px;line-height:1}.not-found .button{margin-top:24px}
@media(min-width:1600px){.hero-brand{width:680px;max-width:55%;height:128px}.hero-tagline{font-size:48px}}
@media(max-width:1150px){.section{padding:64px 40px}.hero-content{padding-left:40px;padding-right:40px}.hero-brand{max-width:56%;height:96px}.hero-caption{left:40px;right:40px}.nav-island{gap:24px}.nav-links{gap:24px}.nav-status{font-size:12px}.match-specs>div{padding:16px;gap:12px}.match-specs strong{font-size:24px}.match-specs small{font-size:16px}.match-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:16px}.match-rules{padding:12px}.match-rules li{padding:12px 8px}.match-rules h4{font-size:14px;line-height:24px}.manifesto-content{padding:64px 40px}.faq-section{gap:40px}.site-footer{padding-left:40px;padding-right:40px}.footer-links{gap:16px}}
@media(max-width:820px){h2{font-size:24px;line-height:40px}.site-header{padding:0 24px}.nav-island{gap:16px;padding:12px 16px}.nav-links{gap:16px}.nav-links>a{font-size:14px}.nav-status{display:none}.hero-brand{max-width:64%;height:80px}.hero-tagline{font-size:24px;line-height:40px}.hero-art{object-position:60%}.hero-coordinate{display:none}.hero-content{padding:128px 32px 80px}.hero-caption{left:32px;right:32px}.hero-description{max-width:320px;font-size:16px;line-height:28px}.hero-dim{background:#0003}.section{padding:64px 32px}.section-heading{align-items:start}.mode-tag{font-size:12px;line-height:20px}.match-specs strong{font-size:24px}.match-specs>div{display:block}.match-specs span{display:block;margin-top:8px;max-width:none}.match-layout{grid-template-columns:1fr}.match-rules ol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.match-rules li{display:block;padding:16px}.rule-number{display:block;margin-bottom:8px}.match-rules h4{font-size:16px;line-height:24px}.match-rules p{font-size:12px;line-height:24px}.manifesto-content{padding:64px 32px}.manifesto-content h2{font-size:36px;line-height:1.4}.faq-section{grid-template-columns:1fr;gap:32px}.site-footer{padding:32px;grid-template-columns:1fr}.footer-links{justify-content:start;gap:24px}.footer-note{grid-column:auto}}
@media(max-width:580px){html{scroll-padding-top:24px}.site-header{top:16px;padding:0 16px}.nav-island{min-height:56px;padding:8px 12px;gap:12px}.brand-small{font-size:20px;line-height:28px}.nav-links{display:none}.nav-status{display:flex;margin-left:auto;font-size:12px;gap:8px}.menu-toggle{display:block}.hero{height:100svh;min-height:800px;max-height:1000px;align-items:end}.hero-art{height:62%;object-position:70% center;filter:brightness(.85)}.hero-dim{background:transparent}.hero-content{padding:0 24px 64px;margin:0;position:relative;background:#000}.hero-content:before{content:'';position:absolute;left:0;right:0;top:-32px;height:32px;background:#000;clip-path:polygon(0 0,28% 0,calc(28% + 24px) 24px,100% 24px,100% 100%,0 100%)}.hero-content>.eyebrow{font-size:12px;line-height:20px;gap:8px}.hero-brand{max-width:100%;width:100%;height:72px;margin:12px 0}.hero-tagline{font-size:30px;line-height:44px;max-width:360px}.hero-description{font-size:16px;line-height:28px;margin-top:16px;max-width:100%}.hero .button{margin-top:24px;min-height:48px;padding:8px 16px;font-size:16px}.hero-footnote{font-size:12px;line-height:20px;gap:8px;margin-top:24px}.hero-caption{left:24px;right:24px;bottom:16px;font-size:10px;line-height:16px;color:#777}.hero-caption>a{display:none}.section{padding:48px 24px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:24px;line-height:40px}.section-heading>p{margin-top:16px;text-align:left}.mode-tag{display:inline-block;margin-top:16px}.eyebrow{font-size:12px;line-height:20px}.match-specs{grid-template-columns:repeat(2,1fr);gap:4px;margin-bottom:16px}.match-specs>div{padding:16px}.match-specs strong{font-size:36px}.match-specs small{font-size:18px}.match-specs span{font-size:12px;line-height:20px}.match-layout{gap:16px}.gameplay-figure{margin-left:-24px;margin-right:-24px;border-left:0;border-right:0}.window-heading{padding:8px 12px;font-size:12px;line-height:20px}.gameplay-figure figcaption{padding:12px;font-size:12px;line-height:20px;gap:8px}.match-rules{padding:12px}.match-rules ol{display:block}.match-rules li{display:flex;gap:12px;padding:16px 12px}.match-rules h4{font-size:18px;line-height:28px}.match-rules p{font-size:14px;line-height:24px}.rule-number{padding-top:4px}.manifesto-section{min-height:520px;align-items:end}.manifesto-section>img{object-position:65%}.manifesto-shade{background:#0005}.manifesto-content{padding:48px 24px;margin:0}.manifesto-content h2{font-size:24px;line-height:40px;margin:16px 0}.manifesto-content>p:last-child{font-size:14px;line-height:24px}.faq-section{gap:24px}.faq-heading h2{font-size:24px;line-height:40px}.faq-list{padding:8px}.faq-list summary{padding:16px 12px;font-size:16px;line-height:24px;gap:16px}.faq-list details p{font-size:14px;line-height:24px;padding:0 12px 16px}.site-footer{padding:24px;gap:24px}.footer-links{flex-wrap:wrap;gap:12px 24px;font-size:12px}.footer-note{font-size:12px;line-height:20px}.document-header,.document-footer{padding:24px;align-items:start}.document-header>a:last-child{font-size:12px;line-height:24px;text-align:right;max-width:120px}.document-content{padding:40px 24px 64px}.document-content h1{font-size:36px;line-height:1}.document-content .document-lead{font-size:16px;line-height:28px}.document-content p{font-size:14px;line-height:28px}.not-found{padding:40px 24px}.not-found h1{font-size:48px;line-height:1}}
@media(max-width:359px){.nav-status{display:none}.nav-island{justify-content:space-between}.hero-brand{height:60px}.hero-tagline{font-size:24px;line-height:32px}.hero-footnote{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-enter,.js-reveals .reveal{opacity:1;transform:none}.word-reveal span{color:#fff}.hero-art{transform:none}}
/* This font draws tall caps: keep enough leading for counters and labels. */
.match-specs strong{line-height:1.4}
.hero-description{max-width:480px;font-size:16px;line-height:28px}
@media(max-width:580px){.hero-description{max-width:100%;font-size:16px;line-height:28px}}
@media(max-width:580px){.hero-tagline{font-size:24px;line-height:36px}}
.gameplay-figure figcaption{justify-content:flex-end}