@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Press+Start+2P&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#071015;--night:#06141c;--night-2:#0a2029;--paper:#f5f1e7;--yellow:#ffd53d;--blue:#1488ff;--lime:#a7ef45;--orange:#ff833d;--violet:#9b6cff;--white:#fffdf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.site-header{z-index:50;height:84px;color:var(--white);background:linear-gradient(#020c12c7,#0000);border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;padding:0 clamp(20px,4vw,72px);display:grid;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:-.09em;white-space:nowrap;text-shadow:3px 3px #000000b8;width:max-content;font-family:"Press Start 2P",monospace;font-size:16px;font-weight:400;line-height:1;text-decoration:none}.brand span{color:var(--white)}.brand strong{color:var(--yellow);font-weight:700}.desktop-nav{align-items:center;gap:34px;display:flex}.desktop-nav a{text-transform:uppercase;letter-spacing:.14em;padding:30px 0 27px;font-size:11px;font-weight:700;text-decoration:none;position:relative}.desktop-nav a:after{content:"";background:var(--yellow);height:2px;transition:right .2s;position:absolute;bottom:21px;left:0;right:100%}.desktop-nav a:hover:after{right:0}.desktop-nav a:focus-visible:after{right:0}.header-cta{color:var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;letter-spacing:.11em;border:1px solid #fff2a8;border-radius:5px;justify-self:end;align-items:center;gap:10px;padding:11px 15px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.header-cta:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.mobile-menu{display:none}.hero{min-height:min(840px,78vw);max-height:900px;color:var(--white);background:#0c89da;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:center;width:100%;height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) both hero-in;position:absolute;inset:0}@keyframes hero-in{0%{filter:saturate(.75);transform:scale(1.03)}to{filter:saturate();transform:scale(1)}}.hero-shade{background:linear-gradient(#000c122e 48%,#020c11eb 100%),linear-gradient(90deg,#020a0e38,#0000 22% 78%,#020a0e2e);position:absolute;inset:0}.hero-bottom{z-index:2;justify-content:space-between;align-items:end;gap:32px;display:flex;position:absolute;bottom:clamp(30px,5vw,72px);left:clamp(20px,4vw,72px);right:clamp(20px,4vw,72px)}.hero-note{align-items:flex-start;gap:13px;max-width:360px;display:flex}.hero-note p{color:#ffffffc2;margin:0;font-size:14px;line-height:1.55}.hero-note strong{color:var(--white);font:700 18px/1.2 Space Grotesk,sans-serif;display:block}.status-dot{background:var(--lime);width:10px;height:10px;box-shadow:0 0 0 5px #a7ef452e, 0 0 24px var(--lime);border-radius:50%;flex:none;margin-top:5px}.hero-actions{gap:12px;display:flex}.button{text-transform:uppercase;letter-spacing:.12em;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:11px;min-height:52px;padding:0 21px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink)}.button-primary:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.button-ghost{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07101547;border-color:#ffffff75}.button-ghost:hover{background:#0710159e}.play{font-size:12px}.quest-line{color:var(--white);background:var(--blue);border-block:3px solid var(--ink);transform-origin:50%;overflow:hidden;transform:rotate(-.4deg)scale(1.01)}.quest-track{will-change:transform;width:max-content;animation:24s linear infinite ticker;display:flex}.quest-items{letter-spacing:.16em;flex:none;align-items:center;gap:25px;min-height:49px;padding-left:25px;font:700 12px/1 Space Grotesk,sans-serif;display:flex}.quest-item{white-space:nowrap}.quest-item:after{content:"◆";color:var(--yellow);margin-left:25px}@keyframes ticker{0%{transform:translate(0,0)}to{transform:translate(-12.5%)}}.section{padding:116px clamp(20px,5vw,84px) 130px}.videos-section{max-width:1540px;margin:0 auto}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:46px;display:flex}.kicker{color:var(--blue);letter-spacing:.18em;margin-bottom:15px;font:700 11px/1 Space Grotesk,sans-serif;display:block}.section-heading h1,.world-copy h2,.community-section h2{letter-spacing:-.06em;margin:0;font:700 clamp(42px,5vw,78px)/.98 Space Grotesk,sans-serif}em{color:var(--blue);font-style:normal}.text-link{border-bottom:1px solid var(--ink);text-transform:uppercase;letter-spacing:.11em;flex:none;align-items:center;gap:14px;padding-bottom:7px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.text-link span{color:var(--blue)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px;display:grid}.video-card{min-width:0;color:var(--ink);text-decoration:none}.video-image{aspect-ratio:16/9;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#d9d3c4;border-radius:7px;position:relative;overflow:hidden}.video-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s}.video-card:hover .video-image img{filter:saturate(1.14);transform:scale(1.035)}.video-card:hover .card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-tag,.duration{z-index:2;color:var(--ink);border:1px solid var(--ink);letter-spacing:.12em;border-radius:3px;padding:7px 9px;font:700 9px/1 Space Grotesk,sans-serif;position:absolute;top:13px}.video-tag{left:13px}.duration{color:var(--white);background:#071015db;right:13px}.video-tag.blue{background:#84c7ff}.video-tag.lime{background:var(--lime)}.video-tag.violet{background:#c6adff}.video-tag.orange{background:#ffb185}.card-play{z-index:2;width:62px;height:62px;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);opacity:0;border-radius:50%;place-items:center;transition:all .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.video-copy{grid-template-columns:66px 1fr;gap:0 15px;margin-top:23px;display:grid}.video-copy p{color:var(--blue);letter-spacing:.14em;grid-row:1/3;margin:5px 0 0;font:700 10px/1 Space Grotesk,sans-serif}.video-copy h2{letter-spacing:-.045em;margin:0 0 8px;font:700 clamp(22px,2.2vw,34px)/1.05 Space Grotesk,sans-serif}.video-copy>span{color:#536066;max-width:540px;font-size:14px;line-height:1.55}.world-section{padding:0 clamp(20px,5vw,84px) 128px}.world-card{max-width:1370px;color:var(--white);background:var(--night);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--blue);border-radius:9px;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.1fr) minmax(220px,.52fr);align-items:center;gap:clamp(36px,5vw,80px);margin:0 auto;padding:clamp(30px,4vw,68px);display:grid}.avatar-frame{aspect-ratio:.85;border:2px solid #fff6;border-radius:5px;position:relative;overflow:hidden}.avatar-frame:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #040f142e}.avatar-frame img{object-fit:cover;width:100%;height:100%}.corner{z-index:2;border-color:var(--yellow);width:25px;height:25px;position:absolute}.corner-a{border-left:3px solid var(--yellow);border-top:3px solid var(--yellow);top:10px;left:10px}.corner-b{border-right:3px solid var(--yellow);border-bottom:3px solid var(--yellow);bottom:10px;right:10px}.world-copy .kicker{color:var(--yellow)}.world-copy h2{font-size:clamp(38px,4.4vw,67px)}.world-copy em{color:var(--yellow)}.world-copy p{color:#b9c6c9;max-width:600px;margin:26px 0 31px;font-size:16px;line-height:1.7}.button-dark{color:var(--white);background:var(--night-2);border-color:#34505b;box-shadow:4px 4px #000}.button-dark:hover{border-color:var(--yellow)}.world-stats{border-left:1px solid #29424b;align-self:stretch;display:grid}.world-stats div{border-bottom:1px solid #29424b;flex-direction:column;justify-content:center;padding-left:clamp(22px,3vw,48px);display:flex}.world-stats div:last-child{border-bottom:0}.world-stats strong{color:var(--yellow);font:700 clamp(28px,3vw,48px)/1 Space Grotesk,sans-serif}.world-stats span{color:#8fa2a8;margin-top:7px;font-size:12px}.community-section{text-align:center;min-height:660px;color:var(--white);background:linear-gradient(#041118d1,#041118f5),url(/pixelbonko-hero.webp) 50% 58%/cover;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex;position:relative;overflow:hidden}.community-section:before{content:"";pointer-events:none;border:1px solid #ffffff2e;position:absolute;inset:18px}.community-glow{filter:blur(100px);background:#1488ff47;border-radius:50%;width:420px;height:420px;position:absolute}.community-section>:not(.community-glow){z-index:2;position:relative}.community-section .kicker{color:var(--lime)}.community-section h2{font-size:clamp(52px,7vw,104px)}.community-section em{color:var(--yellow)}.community-section>p{color:#bdccd1;max-width:550px;margin:25px 0 31px;font-size:16px;line-height:1.65}.social-links{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(860px,100%);margin-top:36px;display:grid;position:relative}.social-links a{min-height:54px;color:var(--white);text-align:left;text-transform:uppercase;letter-spacing:.1em;background:#0a2029c7;border:1px solid #34505b;border-radius:5px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:8px 14px 8px 9px;font:700 10px/1 Space Grotesk,sans-serif;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}:is(.social-links a:hover,.social-links a:focus-visible){border-color:var(--yellow);background:var(--night-2);transform:translateY(-2px)}.social-links a span{width:42px;height:42px;color:var(--white);border-radius:4px;place-items:center;font-size:21px;display:grid}.social-instagram span{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-discord span{background:#5865f2}.social-twitch span{background:#9146ff}.social-youtube span{background:#f03}.social-telegram span{background:#229ed9}.social-facebook span{background:#1877f2}.social-links a b{color:var(--yellow);font-size:14px}footer{color:#809199;letter-spacing:.04em;background:#030d12;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;min-height:112px;padding:20px clamp(20px,4vw,72px);font-size:11px;display:grid}.footer-brand{font-size:15px}footer p{margin:0}footer p:last-child{justify-self:end}@media (max-width:980px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.header-cta{display:none}.mobile-menu{justify-self:end;display:block;position:relative}.mobile-menu summary{cursor:pointer;background:#030d1266;border:1px solid #ffffff80;border-radius:4px;place-content:center;gap:5px;width:42px;height:42px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--white);width:19px;height:2px}.mobile-menu nav{background:var(--night);width:min(280px,100vw - 40px);box-shadow:6px 6px 0 var(--ink);border:1px solid #3a535c;border-radius:6px;padding:10px;display:grid;position:absolute;top:51px;right:0}.mobile-menu nav a{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #29414a;padding:15px 13px;font-size:11px;font-weight:700;text-decoration:none}.mobile-menu nav a:last-child{color:var(--yellow);border-bottom:0}.hero{min-height:690px}.hero-art{object-position:center}.hero-bottom{flex-direction:column;align-items:flex-start}.world-card{grid-template-columns:minmax(230px,.75fr) 1fr}.world-stats{border-top:1px solid #29424b;border-left:0;grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.world-stats div{border-bottom:0;border-right:1px solid #29424b;min-height:115px;padding:25px}.world-stats div:last-child{border-right:0}}@media (max-width:760px){.hero{background:var(--night);height:auto;min-height:0;max-height:none;padding-top:68px}.hero-art{aspect-ratio:1983/793;object-fit:contain;object-position:center;background:#0c89da;flex:none;height:auto;position:relative;inset:auto}.hero-shade{display:none}.hero-bottom{background:linear-gradient(135deg,#06141c,#0a2029);align-items:flex-start;padding:28px 20px 34px;position:relative;bottom:auto;left:auto;right:auto}}@media (max-width:680px){.site-header{height:68px}.brand{font-size:14px}.hero-art{height:auto}.hero-bottom{gap:22px}.hero-note{max-width:310px}.hero-actions{grid-template-columns:1fr;width:100%;display:grid}.button{width:100%}.quest-items{min-height:43px}.section{padding-top:88px;padding-bottom:96px}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:34px}.section-heading h1{font-size:43px}.video-grid{grid-template-columns:1fr;gap:39px}.video-image{box-shadow:5px 5px 0 var(--ink)}.card-play{display:none}.video-copy{grid-template-columns:54px 1fr}.video-copy h2{font-size:25px}.world-section{padding-bottom:92px}.world-card{box-shadow:7px 7px 0 var(--blue);grid-template-columns:1fr;padding:25px}.avatar-frame{aspect-ratio:1.2}.avatar-frame img{object-position:center 58%}.world-copy h2{font-size:43px}.world-copy p{font-size:15px}.world-stats{grid-column:auto;grid-template-columns:1fr}.world-stats div{border-bottom:1px solid #29424b;border-right:0;min-height:92px}.world-stats div:last-child{border-bottom:0}.community-section{min-height:610px}.community-section:before{inset:10px}.community-section h2{font-size:56px}.social-links{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px}footer{grid-template-columns:1fr;justify-items:start;padding-block:34px}footer p:last-child{justify-self:start}}@media (max-width:430px){.social-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.quest-track{animation:none!important}}