.pn-landing{--pn-cream:#fff8e7;--pn-muted:#b6cfca;--pn-gold:#ffcf56;--pn-border:#ffffff20;color:var(--pn-cream);background:#062c2b;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow:clip}.pn-landing *{box-sizing:border-box}.pn-landing button,.pn-landing a{-webkit-tap-highlight-color:transparent}.pn-landing button{font-family:inherit}.pn-landing a{color:inherit;text-decoration:none}.pn-landing :is(a,button):focus-visible{outline:3px solid var(--pn-gold);outline-offset:5px}.pn-landing h1,.pn-landing h2,.pn-landing h3,.pn-landing p{margin:0}.pn-landing h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.9rem,3.1vw,2.85rem);font-weight:780;line-height:1.17}.pn-container{width:min(1184px,100% - 80px);margin-inline:auto}.pn-landing :is(section,main)[id]{scroll-margin-top:24px}.pn-skip{z-index:20;background:#062c2b;padding:12px;position:absolute;top:-100px;left:16px}.pn-skip:focus{top:12px}.pn-header{z-index:2;border-bottom:1px solid var(--pn-border);background:#052725;position:relative}.pn-header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:88px;display:flex}.pn-brand{letter-spacing:-1px;flex-shrink:0;align-items:center;gap:10px;font-size:1.65rem;font-weight:850;display:inline-flex}.pn-brand>span>span{color:var(--pn-gold)}.pn-ball{background:linear-gradient(#f96757 0 43%,#132d2b 43% 57%,#fff9e9 57%);border:3px solid #132d2b;border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;position:relative;box-shadow:0 0 0 1px #fff2}.pn-ball:after{content:"";background:#fff9e9;border:2px solid #132d2b;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pn-nav,.pn-header-actions{align-items:center;gap:28px;font-size:.85rem;display:flex}.pn-nav{margin-left:24px;margin-right:auto}.pn-nav a{color:#c4d8d2}.pn-nav a:hover,.pn-footer>a:hover{color:var(--pn-gold)}.pn-header-actions{gap:16px}.pn-login{color:var(--pn-cream);background:0 0;border:0;padding:12px 8px;font-size:.9rem}.pn-button{cursor:pointer;background:linear-gradient(#ffd86c,#ffc541);border:1px solid #ffe493;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:12px 23px;font-size:.95rem;font-weight:750;line-height:1.4;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 3px #b27f24,0 8px 22px #0002;color:#132d2b!important}.pn-button:hover{background:#ffdc7c;transform:translateY(-2px)}.pn-button-small{min-height:44px;padding:10px 16px;font-size:.85rem}.pn-button.pn-button-secondary{box-shadow:none;background:#073532ae;border-color:#bad7cd88;font-weight:500;color:var(--pn-cream)!important}.pn-button-secondary:hover{background:#1b4944}.pn-hero{isolation:isolate;background:#04221f;min-height:max(890px,100dvh);position:relative}.pn-hero-art{object-fit:cover;object-position:center 61%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.pn-hero:after{content:"";z-index:-1;background:linear-gradient(#03182b75 0%,#0000 26% 66%,#03182bd4 100%),radial-gradient(circle at 50% 33%,#0000 0 28%,#03182b4d 72%,#03182bc2 100%);position:absolute;inset:0}.pn-hero-inner{align-items:stretch;min-height:max(890px,100dvh);padding-block:30px 38px;display:flex}.pn-campaign{text-align:center;text-shadow:0 3px #031929,0 7px 18px #00101bc7;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex;position:relative}.pn-campaign:before,.pn-campaign:after{content:"";pointer-events:none;position:absolute}.pn-campaign:before{filter:blur(18px);z-index:-1;background:radial-gradient(#0c5e889c 0%,#0000 68%);width:min(46rem,72vw);height:15rem;top:-1rem}.pn-campaign:after{background:#fff3a0;border-radius:50%;width:.75rem;height:.75rem;top:.35rem;box-shadow:0 0 0 .22rem #ffd34c45,0 0 1.8rem .7rem #ffd34c}.pn-campaign-kicker{color:#e6f5ff;letter-spacing:.21em;text-shadow:0 2px 5px #001525;justify-items:start;font:700 .62rem/1.48 ui-monospace,monospace;display:grid;position:absolute;top:0;left:0}.pn-campaign-kicker:after{content:"";background:#e6f5ff;width:1.15rem;height:2px;margin-top:.45rem}.pn-campaign-copy{flex-direction:column;align-items:center;display:flex}.pn-campaign-brand{color:#ffd445;letter-spacing:-.09em;-webkit-text-stroke:2px #08253d;paint-order:stroke fill;align-items:center;font-size:clamp(2.8rem,5.3vw,5rem);font-weight:950;line-height:.96;display:flex;transform:rotate(-1.2deg);margin:0!important}.pn-campaign-brand .pn-ball{border-width:.075em;width:.72em;height:.72em;margin-inline:.03em}.pn-campaign-brand .pn-ball:after{border-width:.05em;width:.23em;height:.23em}.pn-campaign h1{color:#fffdf1;letter-spacing:-.055em;text-transform:uppercase;-webkit-text-stroke:1px #07182a;paint-order:stroke fill;margin-top:.75rem;font-size:clamp(2.6rem,4.8vw,4.9rem);font-weight:950;line-height:.92;display:grid}.pn-campaign h1 strong{color:#ffd14a;letter-spacing:-.075em;text-shadow:0 4px #ad6e17,0 9px #071a2c,0 16px 32px #00111f;font-size:1.45em;line-height:.92}.pn-region-ribbon{color:#fff6dc;letter-spacing:.13em;text-transform:uppercase;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:linear-gradient(#061d31e8,#031421f2);border:2px solid #e5ad34;align-items:center;gap:clamp(.8rem,2vw,1.8rem);min-height:3.1rem;margin-top:1.15rem;padding:.35rem clamp(1.2rem,4vw,3.4rem);font:750 clamp(.95rem,2vw,1.55rem)/1 ui-monospace,monospace;display:flex;box-shadow:0 0 0 3px #031827,0 7px 18px #00111dcc}.pn-region-ribbon .pn-ball{width:1.9rem;height:1.9rem}.pn-region-ribbon i{color:#fff;opacity:.8;font-style:normal}.pn-campaign-tagline{color:#f2fbff;letter-spacing:.28em;text-transform:uppercase;font:650 clamp(.6rem,1vw,.82rem)/1.4 ui-monospace,monospace;margin-top:.65rem!important}.pn-region-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.8vw,1.5rem);width:100%;margin-top:auto;display:grid}.pn-region-cards article{clip-path:polygon(5% 0,95% 0,100% 22%,100% 78%,95% 100%,5% 100%,0 78%,0 22%);background:linear-gradient(#062744e8,#041a2fe8);border:2px solid #31c5f2;align-content:center;gap:.2rem;min-height:4.8rem;padding:.65rem 1rem;display:grid;box-shadow:0 0 0 3px #041426,0 6px 20px #00111db8}.pn-region-cards article:first-child{background:linear-gradient(#164b2de8,#09291de8);border-color:#dfc13d}.pn-region-cards article:nth-child(2){background:linear-gradient(#70332fe8,#351b25e8);border-color:#e67855}.pn-region-cards strong{color:#fff2c5;font:850 clamp(.9rem, 1.5vw, 1.15rem)/1 var(--pixel-font,ui-monospace, monospace);letter-spacing:.17em;text-transform:uppercase}.pn-region-cards span{color:#e1f1f8;letter-spacing:.12em;text-transform:uppercase;font:650 .59rem/1.4 ui-monospace,monospace}.pn-campaign-bonuses{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.pn-campaign-bonuses>span{clip-path:polygon(6% 0,94% 0,100% 24%,100% 76%,94% 100%,6% 100%,0 76%,0 24%);background:linear-gradient(#14273fe8,#061629ef);border:2px solid #ffd34e;align-items:center;gap:.65rem;min-height:3.7rem;padding:.55rem clamp(1rem,2.5vw,2rem);display:flex;box-shadow:0 0 16px #ffd34e45,0 5px #031423}.pn-campaign-bonuses>span:last-child{border-color:#2dd7ff;box-shadow:0 0 16px #2dd7ff45,0 5px #031423}.pn-campaign-bonuses b{color:#ffd34e;font-size:1.6rem}.pn-campaign-bonuses>span:last-child b,.pn-campaign-bonuses>span:last-child strong{color:#68e8ff}.pn-campaign-bonuses strong{color:#ffe476;font:900 clamp(.88rem, 1.7vw, 1.25rem)/1 var(--pixel-font,ui-monospace, monospace);text-transform:uppercase}.pn-campaign-bonuses small{color:#cfe8f6;letter-spacing:.08em;text-transform:uppercase;font:650 .5rem ui-monospace,monospace}.pn-event-plate{clip-path:polygon(9% 0,91% 0,96% 16%,100% 16%,100% 84%,96% 84%,91% 100%,9% 100%,4% 84%,0 84%,0 16%,4% 16%);background:linear-gradient(#071b2fe8,#031421f5);border:2px solid #ffd34e;justify-items:center;min-width:min(30rem,80%);margin-top:1rem;padding:.5rem 2.5rem .65rem;display:grid;box-shadow:0 0 0 3px #031322,0 0 20px #ffd34e3d}.pn-event-plate span,.pn-event-plate small{letter-spacing:.17em;text-transform:uppercase;font:650 .57rem/1.3 ui-monospace,monospace}.pn-event-plate strong{color:#ffd34e;font:950 clamp(1.8rem, 3vw, 2.7rem)/1 var(--pixel-font,ui-monospace, monospace);text-shadow:0 3px #9f6512,0 0 16px #ffd34e80}.pn-event-plate small{color:#7cecff;letter-spacing:.03em;text-transform:none}.pn-campaign-actions{justify-content:center;margin-top:1rem}.pn-campaign-actions .pn-button{clip-path:polygon(5% 0,95% 0,100% 25%,100% 75%,95% 100%,5% 100%,0 75%,0 25%);min-height:2.85rem}.pn-campaign .pn-hero-note{color:#d7edf3;letter-spacing:.13em;text-transform:uppercase;font:650 .56rem ui-monospace,monospace;margin-top:.75rem!important}.pn-hero-copy{max-width:590px}.pn-eyebrow{color:#78beb0;letter-spacing:.14em;align-items:center;gap:9px;font:700 .65rem/1.6 ui-monospace,monospace;display:flex}.pn-hero .pn-eyebrow{color:#e0ebd2;font-size:.6rem}.pn-beta-dot{background:#a3da8c;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #a3da8c55}.pn-eyebrow-divider{opacity:.4;margin-inline:5px}.pn-hero-copy h1{letter-spacing:-.04em;text-wrap:balance;text-shadow:0 3px 20px #03282433;max-width:570px;margin-top:23px;font-size:clamp(2.9rem,4.4vw,4.2rem);font-weight:800;line-height:1.07}.pn-hero-copy h1 em{color:#ffda78;font-style:normal}.pn-intro{color:#c7dfd6;max-width:435px;font-size:1.04rem;line-height:1.7;margin-top:24px!important}.pn-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:29px;display:flex}.pn-hero-note{color:#b5c8bd;font-size:.75rem;margin-top:19px!important}.pn-platforms{border-block:1px solid var(--pn-border);color:#ccdcd5;background:#052826;flex-wrap:wrap;justify-content:center;gap:54px;margin:0;padding:20px 24px;font-size:.8rem;list-style:none;display:flex}.pn-platforms li{align-items:center;gap:12px;display:flex}.pn-platforms li>span:not(.pn-ball){color:#81b9a8;font-size:1.3rem}.pn-platforms .pn-ball{border-width:2px;width:18px;height:18px}.pn-platforms .pn-ball:after{width:7px;height:7px}.pn-discover{padding-block:80px 40px}.pn-section-heading{text-align:center}.pn-section-heading .pn-eyebrow{justify-content:center;margin-bottom:16px}.pn-section-heading>p:last-child:not(.pn-eyebrow){color:var(--pn-muted);margin-top:16px;font-size:.93rem}.pn-mobile-break{display:none}.pn-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:38px;display:grid}.pn-feature{background:linear-gradient(110deg,#123c36,#0a302e);border:1px solid #6bba9f36;border-radius:10px;flex-direction:column;align-items:stretch;gap:24px;padding:12px;display:flex;overflow:hidden}.pn-feature-art{background:#153c34;border-radius:5px;flex:0 0 34%;min-height:158px;position:relative;overflow:hidden}.pn-feature-art>img:first-child{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pn-feature-art.is-team>img:first-child,.pn-feature-art.is-community>img:first-child{image-rendering:auto}.pn-feature-art.is-team>img:first-child{object-position:center 50%}.pn-feature-art:after{content:"";background:linear-gradient(#0000 35%,#05272077);position:absolute;inset:0}.pn-feature-icon{z-index:1;object-fit:contain;width:36px;height:36px;image-rendering:pixelated;filter:drop-shadow(1px 2px #031c1b);position:absolute;bottom:10px;right:10px}.pn-feature-copy{align-self:center;padding:16px}.pn-feature-screenshot{aspect-ratio:16/9;object-fit:contain;object-position:top;background:#102f38;border-radius:5px;width:100%;height:auto;display:block}.pn-feature-screenshot[src$=feature-team\.webp]{object-fit:cover}.pn-feature-tag{color:#81b4a6;letter-spacing:.025em;font-size:.62rem}.pn-feature h3{letter-spacing:-.02em;margin-block:7px 9px;font-size:1.18rem;line-height:1.3}.pn-feature-copy>p:last-child{color:var(--pn-muted);font-size:.82rem}.pn-gameplay{grid-template-columns:1.1fr 1fr;align-items:center;gap:58px;padding-block:55px 90px;display:grid}.pn-video-frame{background:#092320;border:1px solid #6aafa154;border-radius:10px;margin:0;overflow:hidden;box-shadow:0 15px 40px #001b1a77}.pn-video-topline{color:#a2c7b8;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:12px 15px;font:600 .57rem ui-monospace,monospace;display:flex}.pn-video-topline>span:first-child{align-items:center;gap:7px;display:flex}.pn-video-stage{background:#032623;position:relative}.pn-video-stage video{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.pn-play{color:#fff8e7;text-shadow:0 2px 4px #000;background:#021d1c38;border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;font-weight:700;display:flex;position:absolute;inset:0}.pn-play>span:first-child{color:#062c2b;width:58px;height:58px;text-shadow:none;background:#ffcf56;border-radius:50%;place-items:center;padding-left:3px;font-size:1.2rem;display:grid;box-shadow:0 0 0 7px #ffcf5625}.pn-play:hover>span:first-child{background:#ffe094}.pn-video-frame figcaption{color:#95b6a9;padding:12px 15px;font-size:.66rem}.pn-video-error{padding:16px;font-size:.8rem}.pn-video-error a{text-decoration:underline}.pn-gameplay-copy>h2{margin-top:14px}.pn-gameplay-copy>p:not(.pn-eyebrow){color:var(--pn-muted);margin-top:19px;font-size:.93rem}.pn-tags{flex-wrap:wrap;gap:8px;margin-block:23px;padding:0;list-style:none;display:flex}.pn-tags li{color:#c5dbd0;border:1px solid #7dbaa54a;border-radius:25px;padding:5px 13px;font-size:.72rem}.pn-text-action{color:var(--pn-gold);background:0 0;border:0;padding:8px 0;font-size:.9rem;font-weight:600}.pn-text-action span{margin-left:20px}.pn-how{border-block:1px solid var(--pn-border);background:#092623;padding-block:62px 66px}.pn-how h2{max-width:720px;margin-inline:auto;font-size:clamp(1.7rem,2.8vw,2.3rem)}.pn-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin:38px 0 0;padding:0;list-style:none;display:grid}.pn-steps li{padding-left:49px;position:relative}.pn-step-number{color:#5aa891;font:500 1.15rem ui-monospace,monospace;position:absolute;top:0;left:0}.pn-steps h3{margin-bottom:9px;font-size:1.03rem}.pn-steps p{color:var(--pn-muted);font-size:.82rem}.pn-community{background:linear-gradient(#062c2bf0,#052c2bd4),url(/assets/landing/kanto-hero.webp) 50% 54%/cover;position:relative}.pn-community-inner{text-align:center;flex-direction:column;align-items:center;padding-block:78px 86px;display:flex}.pn-community-inner>.pn-ball{width:37px;height:37px;margin-bottom:20px}.pn-community-inner>.pn-ball:after{width:12px;height:12px}.pn-community .pn-eyebrow{margin-bottom:13px}.pn-community-inner>p:not(.pn-eyebrow){color:var(--pn-muted);margin-top:21px;font-size:.88rem}.pn-community .pn-actions{justify-content:center}.pn-footer{border-top:1px solid var(--pn-border);justify-content:space-between;align-items:center;gap:25px;padding-block:29px;display:flex}.pn-footer .pn-brand{font-size:1.25rem}.pn-footer p{text-align:center;color:#abc4b9;font-size:.65rem}.pn-footer p span{color:#80a498;font-size:.6rem}.pn-footer>a:last-child{color:#afcbbb;font-size:.72rem}.pn-auth-back{color:#b8d5c8;background:0 0;border:0;margin-bottom:18px;padding:8px 0;font-size:.85rem}.pn-auth-back:focus-visible{outline-offset:4px;outline:2px solid #ffcf56}@media (width<=1000px){.pn-container{width:calc(100% - 48px)}.pn-header-inner{gap:20px}.pn-nav{gap:16px;margin-left:0}.pn-hero-copy{max-width:510px}.pn-hero-copy h1{font-size:3.4rem}.pn-feature{gap:15px}.pn-feature-art{flex-basis:29%}.pn-gameplay,.pn-platforms{gap:32px}.pn-steps{gap:26px}}@media (width<=760px){.pn-nav{display:none}.pn-header-inner{gap:12px;min-height:74px}.pn-brand{gap:7px;font-size:1.35rem}.pn-hero-inner{align-items:stretch;min-height:max(850px,100dvh);padding-block:24px 28px}.pn-hero{min-height:max(850px,100dvh)}.pn-hero-copy{max-width:550px}.pn-hero-art{object-fit:cover;object-position:69% center;height:100%}.pn-hero:after{background:linear-gradient(#03182796,#03182726 35%,#03182775 62%,#031827f2 100%)}.pn-campaign-kicker{display:none}.pn-campaign-brand{font-size:clamp(2.65rem,10vw,4rem)}.pn-campaign h1{font-size:clamp(2.15rem,8vw,3.5rem)}.pn-region-ribbon{gap:.65rem;padding-inline:1.1rem;font-size:clamp(.68rem,2.7vw,1rem)}.pn-region-ribbon .pn-ball{width:1.4rem;height:1.4rem}.pn-region-cards{gap:.4rem}.pn-region-cards article{min-height:4.2rem;padding-inline:.4rem}.pn-region-cards span{letter-spacing:.04em;font-size:.48rem}.pn-campaign-bonuses>span{padding-inline:.8rem}.pn-campaign-bonuses small{display:none}.pn-hero h1{max-width:520px;font-size:clamp(2.55rem,7.5vw,3.5rem)}.pn-hero .pn-intro{max-width:450px;font-size:.95rem}.pn-actions{gap:12px}.pn-button{padding-inline:18px;font-size:.85rem}.pn-platforms{gap:12px 26px;padding-block:20px;font-size:.72rem}.pn-discover{padding-block:52px 20px}.pn-features{grid-template-columns:1fr;gap:14px;margin-top:28px}.pn-feature{gap:20px}.pn-feature-art{flex-basis:32%;min-height:144px}.pn-feature-copy{padding:12px}.pn-feature-copy>p:last-child{font-size:.84rem}.pn-gameplay{grid-template-columns:1fr;gap:30px;padding-block:30px 55px}.pn-gameplay-copy{max-width:580px}.pn-how{padding-block:46px}.pn-steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.pn-steps p{max-width:430px}.pn-community-inner{padding-block:55px 60px}.pn-footer{flex-wrap:wrap;justify-content:center}.pn-footer p{order:3;width:100%}}@media (width<=440px){.pn-container{width:calc(100% - 36px)}.pn-header-actions{gap:8px}.pn-brand{font-size:1.2rem}.pn-brand .pn-ball{width:22px;height:22px}.pn-header .pn-button{padding:9px 10px;font-size:.75rem}.pn-header .pn-button>span{display:none}.pn-header .pn-login{padding-inline:5px;font-size:.79rem}.pn-hero .pn-eyebrow{letter-spacing:.08em;gap:6px;font-size:.49rem}.pn-eyebrow-divider{margin:0}.pn-hero-inner{min-height:max(800px,100dvh);padding-block:18px 24px}.pn-hero{min-height:max(800px,100dvh)}.pn-hero .pn-actions{flex-direction:column;align-items:stretch;gap:14px;max-width:320px}.pn-hero .pn-button{min-height:49px}.pn-region-cards{grid-template-columns:1fr;margin-top:2.4rem}.pn-region-cards article{min-height:3.35rem}.pn-region-cards span{display:none}.pn-campaign-bonuses{width:100%}.pn-campaign-bonuses>span{flex:1;min-width:0;padding-inline:.4rem}.pn-campaign-bonuses strong{font-size:.73rem}.pn-event-plate{min-width:100%;padding-inline:1rem}.pn-campaign-actions{flex-direction:column;align-items:stretch;width:100%}.pn-campaign-actions .pn-button{width:100%}.pn-hero-note{font-size:.69rem;margin-top:14px!important}.pn-mobile-break{display:initial}.pn-section-heading>p:last-child:not(.pn-eyebrow){font-size:.85rem}.pn-feature{gap:14px;padding:9px}.pn-feature h3{font-size:1.02rem}.pn-feature-tag{font-size:.56rem}.pn-feature-copy>p:last-child{font-size:.76rem}.pn-feature-art{flex-basis:28%;min-height:168px}.pn-community .pn-actions{flex-direction:column;width:100%}.pn-community .pn-button{width:100%;max-width:310px}.pn-community-inner>p br{display:none}.pn-video-topline{font-size:.5rem}}@media (prefers-reduced-motion:reduce){.pn-button{transition:none}}
