@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{--ink:#f4f0df;--muted:#a9afa8;--black:#0c100e;--panel:#141a17;--line:#313a35;--acid:#d9ff43;--red:#ff3b48;--cyan:#5ae3d1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:"IBM Plex Mono",monospace;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 18%,rgba(90,227,209,.09),transparent 31%),radial-gradient(circle at 8% 82%,rgba(255,59,72,.08),transparent 27%);z-index:-1}
.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:10;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px)}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px);border-bottom:1px solid var(--line);background:rgba(12,16,14,.88);backdrop-filter:blur(12px);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:.08em;font-size:22px}.brand img{border-radius:13px}.brand b{color:var(--acid)}
nav{display:flex;align-items:center;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--ink)}.server-status{color:var(--cyan)}.server-status i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:7px;box-shadow:0 0 14px var(--cyan)}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);max-width:1480px;margin:auto;padding:92px clamp(24px,6vw,96px) 70px;align-items:center;gap:42px}.eyebrow{font-size:12px;color:var(--acid);letter-spacing:.18em;font-weight:600}.hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(70px,9vw,142px);line-height:.76;letter-spacing:-.045em;text-transform:uppercase;margin:30px 0 36px;max-width:900px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.lead{color:var(--muted);font-size:15px;line-height:1.8;max-width:650px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:42px;flex-wrap:wrap}
.download-button{position:relative;display:flex;flex-direction:column;gap:5px;min-width:300px;padding:19px 58px 19px 23px;background:var(--acid);color:var(--black);text-decoration:none;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;font-size:22px;font-weight:800;letter-spacing:.03em;clip-path:polygon(0 0,92% 0,100% 36%,100% 100%,0 100%);transition:transform .2s,filter .2s}.download-button:after{content:"↓";position:absolute;right:22px;top:18px;font-size:30px}.download-button small{font:500 10px "IBM Plex Mono",monospace;opacity:.65}.download-button:not(.is-pending):hover{transform:translateY(-4px);filter:drop-shadow(0 10px 18px rgba(217,255,67,.2))}.download-button.is-pending{background:#58605b;color:#cbd0cc;cursor:not-allowed}.release-note{font-size:10px;color:var(--muted);max-width:190px;line-height:1.6;text-transform:uppercase}
.hero-art{height:560px;position:relative;display:grid;place-items:center}.forge-mark{width:min(29vw,390px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(217,255,67,.12),rgba(20,26,23,.4) 50%,transparent 70%);box-shadow:inset 0 0 0 28px var(--black),inset 0 0 0 30px var(--line)}.forge-mark span{font:800 150px "Barlow Condensed";letter-spacing:-.12em;color:var(--acid);transform:translateX(-8px)}.orbit{position:absolute;border:1px dashed #4b5750;border-radius:50%;animation:spin 28s linear infinite}.orbit-a{width:88%;aspect-ratio:1}.orbit-b{width:68%;aspect-ratio:1;animation-direction:reverse;animation-duration:19s}.trainer{position:absolute;height:260px;width:auto;image-rendering:pixelated;filter:drop-shadow(20px 24px 0 rgba(0,0,0,.32))}.trainer-boy{left:3%;bottom:22px}.trainer-girl{right:2%;top:35px}.coordinate{position:absolute;right:0;bottom:18px;color:#647069;font-size:10px;line-height:1.7;text-align:right}
.install{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1480px;margin:auto;padding:95px clamp(24px,6vw,96px);display:grid;grid-template-columns:.75fr 1.15fr;gap:80px}.section-heading h2{font:700 clamp(42px,5vw,74px)/.95 "Barlow Condensed";text-transform:uppercase;margin:20px 0}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.steps>li>span{font:700 34px "Barlow Condensed";color:var(--red)}.steps h3{font:700 25px "Barlow Condensed";text-transform:uppercase;margin:0 0 5px}.steps p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.safety{grid-column:2;padding:24px 28px;border:1px solid #3c493f;background:linear-gradient(120deg,rgba(217,255,67,.06),transparent);position:relative}.safety:before{content:"VERIFIED";position:absolute;right:20px;top:17px;color:var(--acid);font-size:9px;letter-spacing:.2em}.safety strong{text-transform:uppercase}.safety p{font-size:11px;color:var(--muted);line-height:1.7}.safety code{display:block;color:var(--cyan);font-size:10px;overflow-wrap:anywhere}
footer{max-width:1480px;margin:auto;padding:34px clamp(24px,6vw,96px);display:flex;justify-content:space-between;gap:30px;color:#6d756f;font-size:9px;text-transform:uppercase;line-height:1.6}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){nav a{display:none}.server-status{font-size:9px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:450px}.forge-mark{width:300px}.trainer{height:210px}.install{grid-template-columns:1fr;gap:30px}.safety{grid-column:1}.hero h1{font-size:80px}footer{flex-direction:column}.coordinate{display:none}}
@media(max-width:520px){.topbar{height:70px}.brand{font-size:18px}.brand img{width:42px;height:42px}.hero{padding-top:54px}.hero h1{font-size:61px}.hero-art{height:360px}.forge-mark{width:230px}.forge-mark span{font-size:100px}.trainer{height:160px}.download-button{min-width:100%}.section-heading h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.download-button{transition:none}}

/* Feature field guide */
.forge-mark>img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(217,255,67,.16))}
.features{max-width:1480px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:.68fr 1.32fr;padding:0 clamp(24px,6vw,96px)}
.feature-intro{padding:100px 70px 100px 0;border-right:1px solid var(--line);position:relative}
.feature-intro h2{font:700 clamp(54px,6vw,92px)/.82 "Barlow Condensed";text-transform:uppercase;margin:28px 0 30px}
.feature-intro h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--ink)}
.feature-intro>p:last-of-type{color:var(--muted);font-size:12px;line-height:1.8;max-width:430px}
.feature-seal{width:130px;height:130px;object-fit:contain;margin-top:70px;opacity:.86;filter:drop-shadow(0 0 24px rgba(217,255,67,.12))}
.feature-grid{display:grid;grid-template-columns:1fr 1fr}
.feature-card{min-height:480px;padding:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.018),transparent 42%);transition:background .3s}
.feature-card:nth-child(even){border-right:0}.feature-card:hover{background:linear-gradient(150deg,rgba(217,255,67,.055),transparent 55%)}
.feature-number{display:block;color:var(--acid);font-size:9px;letter-spacing:.16em;margin-bottom:25px}
.feature-card h3{font:700 38px/1 "Barlow Condensed";text-transform:uppercase;margin:25px 0 15px}
.feature-card p{color:var(--muted);font-size:11px;line-height:1.75;max-width:490px}
.feature-card ul{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:7px}
.feature-card li{border:1px solid var(--line);padding:7px 9px;font-size:8px;text-transform:uppercase;color:#bac2bc}
.feature-visual{height:130px;display:grid;place-items:center;position:relative}.feature-visual img{max-height:126px;max-width:100%;object-fit:contain;image-rendering:pixelated}
.house-visual{width:155px;margin:auto;border:2px solid var(--red);border-top:0;background:repeating-linear-gradient(90deg,#252d29 0 18px,#202723 18px 20px)}
.house-visual .roof{position:absolute;width:122px;height:122px;border-left:3px solid var(--red);border-top:3px solid var(--red);transform:rotate(45deg);top:-55px;background:var(--black);z-index:0}
.house-visual .door{width:34px;height:67px;border:2px solid var(--acid);position:absolute;bottom:0;z-index:1}
.housing-shot{width:min(100%,260px);aspect-ratio:1;margin:0 auto;overflow:hidden;border:1px solid #a5845e;background:#e9bd86;box-shadow:10px 10px 0 rgba(0,0,0,.25);transform:rotate(-1deg)}.housing-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated}
.trophy-visual img{height:120px;filter:drop-shadow(0 0 18px rgba(217,255,67,.18))}.event-visual span{font:800 110px "Barlow Condensed";color:var(--red);text-shadow:10px 10px 0 rgba(255,59,72,.12)}
.feature-wild{grid-column:1/-1;min-height:430px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;border-right:0}.wild-shot{position:relative;padding:18px;background:#d7efb6;border:1px solid #789875;box-shadow:18px 18px 0 rgba(0,0,0,.28);transform:rotate(-1.4deg)}.wild-shot img{display:block;width:100%;height:auto;image-rendering:pixelated}.wild-shot span{position:absolute;left:18px;bottom:18px;background:var(--black);color:var(--acid);padding:8px 10px;font-size:8px;letter-spacing:.12em}.wild-copy h3{font-size:48px}.wild-copy .feature-number{margin-bottom:28px}
.feature-mounts{grid-column:1/-1;min-height:390px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;border-right:0}
.feature-mounts>.feature-number{position:absolute;top:42px;left:42px;margin:0}
.mount-line{height:250px;display:flex;align-items:center;justify-content:center;gap:0}.mount-sprite{display:block;width:150px;height:150px;flex:0 0 150px;background-repeat:no-repeat;background-size:400% 400%;background-position:0 33.333%;image-rendering:pixelated;filter:drop-shadow(12px 18px 0 rgba(0,0,0,.3));transition:transform .25s}.mount-arcanine{background-image:url("assets/mount-arcanine.png")}.mount-gyarados{background-image:url("assets/mount-gyarados.png");background-size:400% 200%;background-position:0 100%;transform:translateY(-16px)}.mount-rhyhorn{background-image:url("assets/mount-rhyhorn.png")}.mount-lapras{background-image:url("assets/mount-lapras.png");background-size:400% 200%;background-position:66.667% 100%;transform:translateY(-10px)}.mount-sprite:hover{transform:translateY(-10px)}.mount-copy h3{font-size:48px}
@media(max-width:1100px){.features{grid-template-columns:1fr}.feature-intro{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.feature-seal{position:absolute;right:0;bottom:50px}.feature-grid{border-left:1px solid var(--line)}}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(even){border-right:0}.feature-wild,.feature-mounts{grid-column:1;grid-template-columns:1fr}}
@media(max-width:520px){.features{padding:0 24px}.feature-intro{padding:75px 0}.feature-seal{width:85px;height:85px}.feature-grid{border-left:0}.feature-card{padding:34px 18px}.mount-line{height:210px;display:grid;grid-template-columns:repeat(2,110px)}.mount-sprite{width:110px;height:110px;flex-basis:110px}}
.brand-full-logo{display:block;width:184px;height:66px;background:url("assets/pokemon-forge-logo.png") center/184px 184px no-repeat;image-rendering:auto}
.forge-mark>.full-logo{width:106%;height:106%;object-fit:contain;transform:scale(1.35);filter:drop-shadow(0 0 26px rgba(255,59,72,.18))}
@media(max-width:520px){.brand-full-logo{width:142px;height:58px;background-size:142px 142px}}
.mount-gyarados{background-position:66.667% 100%}

/* Early Access roadmap */
.roadmap{max-width:1480px;margin:auto;border-top:1px solid var(--line);padding:100px clamp(24px,6vw,96px);position:relative;overflow:hidden}.roadmap:before{content:"FUTURE BUILD";position:absolute;right:-25px;top:45px;font:800 clamp(76px,11vw,170px)/1 "Barlow Condensed",sans-serif;color:transparent;-webkit-text-stroke:1px rgba(244,240,223,.045);letter-spacing:-.04em;pointer-events:none}.roadmap-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:58px;position:relative;z-index:1}.roadmap-heading h2{font:800 clamp(64px,8vw,120px)/.72 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:25px 0 0}.roadmap-heading h2 span{color:var(--acid)}.roadmap-heading>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:460px;margin:0 0 4px}.roadmap-items{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.roadmap-item{min-height:470px;padding:32px 30px 38px;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;background:var(--panel)}.roadmap-item+article{border-left:1px solid var(--line)}.roadmap-index{font-size:8px;color:var(--muted);letter-spacing:.14em}.roadmap-status{display:inline-block;color:var(--acid);font-size:8px;letter-spacing:.15em;border-left:2px solid var(--acid);padding-left:9px}.roadmap-item h3{font:800 clamp(42px,4vw,66px)/.88 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:16px 0}.roadmap-item p{max-width:430px;color:var(--muted);font-size:10px;line-height:1.75;margin:0}.mega-sigil{place-self:center;width:165px;height:165px;border:1px solid rgba(217,255,67,.5);border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(-7deg);box-shadow:0 0 55px rgba(217,255,67,.08),inset 0 0 45px rgba(217,255,67,.05)}.mega-sigil:before,.mega-sigil:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(217,255,67,.22);inset:-15px}.mega-sigil:after{inset:22px;border-style:solid}.mega-sigil i{width:70px;height:86px;border:3px solid var(--acid);clip-path:polygon(50% 0,100% 30%,82% 100%,50% 82%,18% 100%,0 30%);filter:drop-shadow(0 0 15px rgba(217,255,67,.35))}.mega-sigil b{position:absolute;font:800 17px "Barlow Condensed",sans-serif;letter-spacing:.16em;color:var(--ink)}.roadmap-regions{background:linear-gradient(145deg,#111815,#18201c)}.region-contours{place-self:center;width:220px;height:160px;position:relative;filter:drop-shadow(0 0 24px rgba(90,227,209,.08))}.region-contours i{position:absolute;inset:10px 16px;border:2px solid var(--cyan);border-radius:61% 39% 62% 38%/42% 55% 45% 58%;transform:rotate(-8deg)}.region-contours i:nth-child(2){inset:31px 42px;border-color:rgba(90,227,209,.6);transform:rotate(13deg)}.region-contours i:nth-child(3){inset:55px 72px;border-color:var(--acid);transform:rotate(-18deg);box-shadow:0 0 22px rgba(217,255,67,.12)}.roadmap-pokemon{background:linear-gradient(160deg,#151917,#1d1718)}.pokemon-radar{place-self:center;width:190px;height:190px;border:1px dashed rgba(255,59,72,.5);border-radius:50%;position:relative;background:radial-gradient(circle,rgba(255,59,72,.09),transparent 65%)}.pokemon-radar:before,.pokemon-radar:after{content:"";position:absolute;background:rgba(255,59,72,.25)}.pokemon-radar:before{width:1px;height:100%;left:50%}.pokemon-radar:after{height:1px;width:100%;top:50%}.pokemon-radar i{position:absolute;width:18px;height:18px;border:2px solid var(--red);border-radius:50%;box-shadow:0 0 16px rgba(255,59,72,.32)}.pokemon-radar i:nth-child(1){left:38px;top:47px}.pokemon-radar i:nth-child(2){right:31px;top:68px}.pokemon-radar i:nth-child(3){left:71px;bottom:27px}.pokemon-radar i:nth-child(4){right:52px;bottom:58px;border-color:var(--acid)}.pokemon-radar b{position:absolute;inset:0;display:grid;place-items:center;font:800 52px "Barlow Condensed",sans-serif;color:var(--ink)}
@media(max-width:1100px){.roadmap-items{grid-template-columns:1fr 1fr}.roadmap-pokemon{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line)}}
@media(max-width:900px){.roadmap-heading{grid-template-columns:1fr}.roadmap-items{grid-template-columns:1fr}.roadmap-item+article,.roadmap-pokemon{grid-column:auto;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:520px){.roadmap{padding:75px 24px}.roadmap-item{min-height:410px;padding:30px 22px}.mega-sigil{width:145px;height:145px}.region-contours{width:210px;height:150px}.pokemon-radar{width:165px;height:165px}}