:root{--purple:#6538e8;--ink:#252138;--muted:#716b80;--lime:#d7fa79;--line:#e9e5ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.container{width:calc(100% - 96px);max-width:1200px;margin:auto}.header{background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand-purple{color:var(--purple)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--purple)}.header-cta{background:#f0ebfe;color:var(--purple);padding:11px 17px;border-radius:9px;font-size:12px;font-weight:700}.header-cta span{margin-left:18px}.hero{background:radial-gradient(ellipse at 85% 45%,#e5dcff 0,transparent 48%),#f8f6ff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;min-height:580px;padding-block:65px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--purple);margin-bottom:18px}.hero .eyebrow{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--purple);border-radius:50%}h1{font-size:clamp(44px,4.9vw,68px);line-height:1.09;letter-spacing:-3.6px;font-weight:900;position:relative;max-width:590px}h1 span{color:var(--purple)}h1 svg{position:absolute;width:180px;height:20px;bottom:-18px;left:285px;fill:none;stroke:#b298ff;stroke-width:5;stroke-linecap:round}.hero-description{max-width:455px;color:var(--muted);font-size:16px;margin-top:34px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.button{background:var(--purple);color:#fff;padding:14px 22px;border-radius:10px;display:inline-flex;align-items:center;gap:28px;font-weight:700;font-size:13px;box-shadow:0 6px 15px #6538e81a;transition:transform .2s,background .2s}.button:hover{background:#5126cd;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700}.hero-notes{display:flex;gap:22px;color:var(--muted);font-size:10px;margin-top:27px}.hero-art{height:425px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:410px;height:410px;border:1px solid #d9cff6;border-radius:50%}.orbit-two{width:310px;height:310px}.reward-ticket{position:relative;width:285px;padding:22px 24px 0;background:var(--purple);color:white;border-radius:21px;transform:rotate(-8deg);box-shadow:14px 20px 0 #cabaf7,0 30px 50px #45259128}.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-top>span{font-size:8px;letter-spacing:1px;font-weight:700}.ticket-top img{border:1px solid #ffffff40;border-radius:10px}.reward-ticket h2{font-size:28px;line-height:1.15;letter-spacing:-1px}.reward-ticket>p{font-size:11px;color:#e0d7fc;margin:9px 0 24px}.ticket-bottom{border-top:2px dashed #ffffff50;padding:16px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;font-weight:700}.gift{height:130px;width:125px;margin:5px auto 14px;position:relative;transform:rotate(6deg)}.gift-box{position:absolute;background:#d7fa79;width:94px;height:65px;left:15px;bottom:0;border-radius:0 0 8px 8px;box-shadow:inset -12px 0 #b9df5a}.gift-lid{position:absolute;width:108px;height:24px;background:#e3ff9d;bottom:62px;left:8px;border-radius:5px;z-index:2}.gift-box:after,.gift-lid:after{content:'';position:absolute;left:42%;height:100%;width:18px;background:#a98aff}.gift-bow{position:absolute;font-size:87px;line-height:1;top:-4px;left:25px;color:#d4c2ff;font-weight:800}.floating-chip{position:absolute;z-index:2;background:white;box-shadow:0 10px 30px #43237b12;padding:14px 18px;border-radius:12px;font-size:10px;font-weight:700;display:flex;gap:10px;align-items:center}.chip-top{top:12px;right:0;transform:rotate(5deg)}.chip-top>span{font-size:21px}.chip-bottom{bottom:4px;left:2px;transform:rotate(4deg)}.spark{position:absolute;color:var(--purple);font-size:44px}.spark-one{top:16px;left:15px}.spark-two{bottom:30px;right:0}.coin{position:absolute;border-radius:50%;background:#ffd36c;border:5px solid #ffeb9e;color:#c78612;box-shadow:3px 5px 0 #e8ad43;font-size:28px;width:55px;height:55px;text-align:center}.coin-one{right:7px;top:110px;transform:rotate(20deg)}.coin-two{left:15px;bottom:92px;transform:rotate(-20deg);width:42px;height:42px;font-size:20px}.benefit-strip{background:var(--lime);padding:17px 0}.benefit-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}.benefit-strip .container>span:first-child{font-size:9px;letter-spacing:1.5px}.benefit-strip b{margin-left:36px;color:#708e2b}.section{padding:76px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:32px;line-height:1.25;letter-spacing:-1.2px}.section-heading>p{color:var(--muted);font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #2420380e}.game-art{height:182px;position:relative;overflow:hidden;background:#dceaff}.game-art>img{width:100%;height:100%;object-fit:cover}.category{position:absolute;top:13px;left:13px;font-size:8px;font-weight:800;letter-spacing:1px;background:#fffef2f2;color:#252138;padding:5px 9px;border-radius:5px;z-index:2}.game-body{padding:22px 18px 0}.game-kicker{font-size:8px;letter-spacing:1px;font-weight:800;color:var(--purple)}h3{font-size:21px;letter-spacing:-.7px;line-height:1.3;margin:7px 0 10px}.game-body>p{font-size:12px;line-height:1.85;color:var(--muted);min-height:89px}.tags{display:flex;margin:16px 0 20px}.tags span{font-size:9px;font-weight:600;padding:4px 8px;border-radius:5px;background:#eef4ff;color:#3667a9}.pink .tags span{background:#fff0f6;color:#b53c76}.orange .tags span{background:#fff3e3;color:#9b6119}.green .tags span{background:#edf8ed;color:#347945}.card-link,summary{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;font-size:11px;font-weight:700;color:var(--purple);cursor:pointer}.card-link:hover{color:#322063}.card-link span{font-size:18px}summary{list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;color:var(--muted);padding:0 0 20px}.harbor-art{background:linear-gradient(#87dbdb 0 64%,#f5dcae 64%)}.harbor-scene{position:absolute;inset:0}.sun{position:absolute;width:55px;height:55px;border-radius:50%;background:#ffedab;right:24px;top:34px}.harbor-house{position:absolute;left:33px;top:69px;width:84px;height:82px;border-radius:9px;background:#fff5d8;border:7px solid #f99773;text-align:center;font-size:38px;transform:rotate(-8deg)}.harbor-house:before{content:'';position:absolute;left:-15px;top:-24px;width:100px;height:26px;background:#ee7b59;border-radius:40px 40px 4px 4px}.harbor-flower{position:absolute;color:#eb7882;right:17px;bottom:7px;font-size:65px}.art-title{position:absolute;right:26px;top:65px;font-weight:900;font-size:28px;line-height:1;color:#fff;text-shadow:2px 2px #a66b45;transform:rotate(-7deg);letter-spacing:-1px}.art-title span{display:block;font-size:20px;letter-spacing:2px}.pokemon-art{background:linear-gradient(135deg,#a5e9c1,#d5f8c6)}.map-path{position:absolute;width:250px;height:150px;border:18px solid #f5ffe9;transform:rotate(-35deg);left:-40px;top:60px;border-radius:35px}.map-pin{position:absolute;right:23px;top:31px;color:#398e67;font-size:34px}.poke-ball,.mini-ball{border:5px solid #263c4b;border-radius:50%;background:linear-gradient(#f96a63 0 45%,#263c4b 45% 55%,#fff 55%);position:relative}.poke-ball{position:absolute;width:96px;height:96px;left:30px;top:60px;transform:rotate(-19deg);box-shadow:5px 8px 0 #263c4b20}.poke-ball:after,.mini-ball:after{content:'';position:absolute;border:5px solid #263c4b;border-radius:50%;background:white;width:28px;height:28px;left:29px;top:29px}.mini-ball{width:24px;height:24px;border-width:2px}.mini-ball:after{width:8px;height:8px;border-width:2px;left:6px;top:6px}.pokemon-wordmark{position:absolute;right:15px;bottom:25px;color:#ffe875;text-shadow:2px 2px #285b96,-1px -1px #285b96;font-weight:900;font-size:23px;transform:rotate(-7deg);letter-spacing:-1px}.pokemon-wordmark strong{display:block;font-size:41px;text-align:center;line-height:1;color:#fff;letter-spacing:3px}.availability-note{font-size:10px;color:var(--muted);margin-top:23px;text-align:center}.how{background:#f8f7fb;border-block:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.step-number{width:43px;height:43px;display:grid;place-items:center;background:#eae2ff;border-radius:12px;font-size:14px;font-weight:800;color:var(--purple);margin-bottom:20px}.steps article:nth-child(2) .step-number{background:#ffebd7;color:#b86c29}.steps article:nth-child(3) .step-number{background:#e3f4c7;color:#517c28}.steps h3{font-size:18px}.steps p{font-size:13px;color:var(--muted);max-width:315px}.about-panel{background:#302049;color:#fff;border-radius:24px;padding:48px 52px;display:grid;grid-template-columns:1.4fr 1fr;gap:75px;position:relative;overflow:hidden}.about-panel .eyebrow{color:#d4bbff}.about-panel h2{font-size:34px}.about-panel p{font-size:13px;color:#c6bad8;max-width:480px;margin:20px 0 25px}.about-panel .button{background:var(--lime);color:#302049}.about-side{border-left:1px solid #ffffff20;padding-left:55px;position:relative}.about-side>span{position:absolute;right:0;top:-35px;color:var(--lime);font-size:90px}.about-side h3{font-size:30px;margin-top:60px;line-height:1.3;letter-spacing:-1px}.about-side p{font-size:11px;max-width:240px}.faq{padding-top:0}.faq-inner{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq summary{font-size:13px;color:var(--ink);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq details p{font-size:13px}footer{border-top:1px solid var(--line);padding:30px 0;background:#faf9fc}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .brand{font-size:20px}.footer-inner p,.footer-inner>a:last-child{font-size:10px;color:var(--muted)}.footer-note{font-size:9px;color:var(--muted);margin-top:22px}.skip-link{position:absolute;top:-100px;z-index:20;background:white;padding:10px}.skip-link:focus{top:0}@media(min-width:1400px){.hero-inner{min-height:620px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-inner{gap:15px}.hero-actions{gap:15px}.hero-notes{gap:10px}h1{font-size:53px}.hero-art{transform:scale(.9)}nav{gap:18px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-art{height:210px}.game-body>p{min-height:45px}.harbor-house{left:65px}.art-title{right:65px}.poke-ball{left:65px}.pokemon-wordmark{right:45px}.benefit-strip b{margin-left:15px}.about-panel{gap:35px}.about-side{padding-left:35px}}@media(max-width:760px){.header-inner{height:75px;flex-wrap:wrap;gap:8px}.brand{font-size:21px}.header-cta{display:none}nav{font-size:11px;gap:14px}.hero-inner{grid-template-columns:1fr;padding-block:45px 25px;gap:20px}.hero-copy{max-width:530px;margin:auto}.hero-art{height:405px;width:100%;max-width:450px;margin:auto;transform:scale(.95)}h1{font-size:57px}h1 svg{left:250px;width:150px}.hero-description{font-size:15px}.benefit-strip .container{flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:10px}.benefit-strip .container>span:first-child{width:100%;text-align:center}.benefit-strip b{display:none}.section{padding:50px 0}.section-heading{display:block}.section-heading>p{margin-top:15px}.section-heading>p br{display:none}h2{font-size:28px}.steps{gap:24px}.steps h3{font-size:16px}.about-panel{grid-template-columns:1fr;padding:35px;gap:10px}.about-side{border-left:0;border-top:1px solid #ffffff20;padding:25px 0 0}.about-side h3{margin-top:0;font-size:25px}.about-side>span{top:5px}.about-panel h2{font-size:28px}.faq{padding-top:0}.faq-inner{grid-template-columns:1fr;gap:25px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%}.game-art{height:185px}.harbor-house{left:20px}.art-title{right:15px}.poke-ball{left:20px}.pokemon-wordmark{right:10px}}@media(max-width:480px){.container{width:calc(100% - 36px)}.header-inner{height:auto;padding-block:14px;justify-content:center;gap:14px}nav{width:100%;justify-content:center}.brand small{font-size:7px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:46px;letter-spacing:-2.5px}h1 svg{left:204px;width:118px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-notes{font-size:9px;gap:15px}.hero-art{transform:scale(.86);margin-block:-20px;width:calc(100% + 20px);margin-left:-10px}.orbit-one{width:360px;height:360px}.game-grid{grid-template-columns:1fr}.game-art{height:215px}.game-body{padding:22px 22px 0}.game-body>p{min-height:0;font-size:13px}.game-kicker{font-size:9px}.card-link,summary{font-size:12px}.harbor-house{left:55px;top:89px}.art-title{top:86px;right:46px;font-size:35px}.art-title span{font-size:25px}.poke-ball{left:50px;top:78px;width:105px;height:105px}.poke-ball:after{top:34px;left:34px}.pokemon-wordmark{right:30px;bottom:34px;font-size:28px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-left:65px;position:relative}.step-number{position:absolute;left:0;top:5px}.steps p{max-width:none}.about-panel{padding:28px}.about-panel h2{font-size:25px}.footer-inner .brand{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* CTA links: replace href="#" in index.html with each game's page URL. */
.game-card { display: flex; flex-direction: column; }
.game-art { flex-shrink: 0; }
.game-body { display: flex; flex-direction: column; flex: 1; }
.game-cta { justify-content: space-between; width: 100%; margin-top: auto; margin-bottom: 20px; padding: 13px 16px; }
.game-body > .card-link, .game-body > details { margin-bottom: 16px; }

/* inGame Codes: editorial game directory */
:root{--purple:#087d77;--ink:#172a30;--muted:#617377;--lime:#d7f56d;--line:#dbe3df}
body{background:#f5f7f3}
.header{background:#12292b;color:#fff;border-bottom:1px solid #ffffff18}
.header-inner{height:80px}.brand{letter-spacing:-.8px;white-space:nowrap}.brand-purple{color:#bde972}.brand small{color:#afc4c0;letter-spacing:1.7px}.header-cta{background:#d7f56d;color:#172a30;border-radius:100px}nav a:hover{color:#d7f56d}
.hero{background:#12292b;color:#fff;overflow:hidden}.hero-inner{grid-template-columns:1fr 1.05fr;min-height:500px;gap:65px;padding-block:54px 62px}.hero .eyebrow{color:#c5ea83;font-size:9px;letter-spacing:1.5px}.dot{background:#c5ea83}h1{font-size:clamp(42px,4.5vw,64px);letter-spacing:-3px;line-height:1.08}h1 span{color:#d7f56d}.hero-description{color:#bed0cb;font-size:15px;line-height:1.8;margin-top:24px}.hero-actions{gap:22px}.button{border-radius:100px;background:#087d77;box-shadow:none}.button:hover{background:#065f5b}.hero .button{background:#d7f56d;color:#172a30}.hero .button:hover{background:#c8e95a}.hero .text-link{color:#fff}.hero-notes{color:#a6bfba;font-size:10px}
.featured-game{position:relative;display:block;min-height:362px;align-self:stretch;border-radius:8px;overflow:hidden;background:#22464a;border:1px solid #ffffff25}.featured-game>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.featured-game:hover>img{transform:scale(1.035)}.featured-game:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#071e2855,transparent 35%,#071e28ee)}.featured-top{position:absolute;z-index:1;inset:20px 22px auto;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.5px}.featured-top>span:first-child{background:#d7f56d;color:#172a30;padding:6px 9px;border-radius:3px}.featured-top>span:last-child{padding:6px;background:#12292ba6;border-radius:3px}.featured-caption{position:absolute;z-index:1;bottom:26px;left:26px;right:26px}.featured-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#d7f56d}.featured-caption h2{font-size:36px;margin:7px 0}.featured-caption p{font-size:12px;color:#d1dfdf;padding-right:40px}.featured-arrow{position:absolute;right:0;bottom:0;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center;font-size:23px}
.benefit-strip{background:#e7ede5;border-bottom:1px solid var(--line);padding:20px 0}.benefit-strip .container{font-size:11px}.benefit-strip .container>span:first-child{color:#087d77;letter-spacing:1.7px}
.section{padding:64px 0}.section-heading{margin-bottom:28px}h2{font-size:32px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{display:grid;grid-template-columns:40% minmax(0,1fr);border-radius:8px;box-shadow:0 3px 0 #172a3005}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #172a3010}.game-art{height:100%;min-height:310px}.game-art>img{position:absolute;inset:0}.category{font-size:7px;letter-spacing:.6px;top:12px;left:10px;right:10px;width:fit-content;border-radius:3px}.game-body{padding:24px 22px 0;min-width:0}.game-body>p{min-height:0;font-size:12px}.game-kicker{font-size:8px;letter-spacing:.8px}.game-body h3{font-size:23px;margin:8px 0 12px}.tags{margin:15px 0}.card-link,summary{font-size:11px}.game-cta{font-size:11px;border-radius:5px;padding:11px 13px;gap:8px}.game-body>.card-link,.game-body>details{margin-bottom:10px}.availability-note{text-align:left;font-size:11px;margin-top:22px}
.how{background:#e7ede5}.how>.container{display:grid;grid-template-columns:1fr 1.9fr;gap:45px}.how .section-heading{display:block;margin:0}.how .section-heading>p{margin-top:16px}.steps{gap:25px;margin:0}.step-number{border-radius:50%;background:#12292b;color:#d7f56d}.steps h3{font-size:17px}.steps p{font-size:12px}.about-panel{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:42px;grid-template-columns:1.5fr 1fr}.about-panel .eyebrow{color:var(--purple)}.about-panel p{color:var(--muted)}.about-side{border-left:1px solid var(--line)}.about-side>span{color:#087d77}.about-panel .button{background:#12292b;color:#fff}.faq{padding-top:0}.faq-inner{grid-template-columns:1fr 1.9fr;gap:45px}footer{background:#12292b;color:#fff;border:0}.footer-inner p,.footer-inner>a:last-child,.footer-note{color:#b6cbc5}
@media(min-width:1400px){.hero-inner{min-height:530px}}
@media(max-width:1050px){.hero-inner{gap:30px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-notes{flex-wrap:wrap}.game-card{grid-template-columns:35% minmax(0,1fr)}.game-body{padding:20px 16px 0}.game-body h3{font-size:21px}.how>.container{grid-template-columns:1fr;gap:28px}.featured-caption h2{font-size:30px}}
@media(max-width:760px){.hero-inner{grid-template-columns:1fr;gap:32px;padding-block:38px}.hero-copy{max-width:none;margin:0}h1{font-size:54px}.hero-description{max-width:530px}.featured-game{min-height:300px}.game-grid{grid-template-columns:1fr}.game-card{grid-template-columns:38% minmax(0,1fr)}.game-art{min-height:290px}.game-body{padding:24px 22px 0}.section{padding:44px 0}.about-panel{grid-template-columns:1fr;padding:30px}.about-side{border-left:0}.faq{padding-top:0}.faq-inner{grid-template-columns:1fr;gap:24px}.benefit-strip .container{justify-content:flex-start;gap:10px 20px}.benefit-strip .container>span:first-child{text-align:left}.header-inner{height:75px}}
@media(max-width:480px){.header-inner{height:auto;gap:15px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:44px;letter-spacing:-2px}.featured-game{min-height:260px}.featured-caption{left:20px;right:20px;bottom:20px}.featured-caption h2{font-size:28px}.benefit-strip .container{font-size:9px;gap:8px 13px}.game-card{grid-template-columns:1fr}.game-art{height:195px;min-height:0}.game-art>img{object-position:center 35%}.game-body{padding:22px 22px 0}.category{top:14px;left:14px;font-size:8px}.steps{grid-template-columns:1fr}.about-panel{padding:26px}.hero-notes{gap:12px}.section-heading h2{font-size:27px}.footer-inner .brand{font-size:20px}}