@font-face{font-family:EmeraldPixel;src:url('/assets/ui/PressStart2P-Regular.ttf');font-display:swap}
:root{color-scheme:dark;--cream:#fff6d9;--gold:#e8ce88;--muted:#b5cfc1;--line:#c8dda32e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#071f1d;color:var(--cream);font:16px/1.6 Arial,sans-serif}a{color:var(--gold)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a,summary{touch-action:manipulation}
.download-backdrop{position:absolute;inset:0 0 auto;height:900px;z-index:-1;background:linear-gradient(180deg,#05251aa6,#071f1d 96%),url('/assets/ui/hoenn-panorama-beta.png') center top/cover no-repeat;pointer-events:none}.download-shell{max-width:1160px;margin:auto;padding:26px 32px 34px}.download-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.download-brand{text-decoration:none;color:var(--cream);font:14px/1.6 EmeraldPixel,monospace}.download-brand small{display:block;font:10px/1.6 Arial,sans-serif;color:var(--muted);letter-spacing:3px;margin-top:5px}.version{display:inline-flex;align-items:center;gap:8px;padding:5px 11px;color:var(--gold);border:1px solid #e8ce8860;border-radius:30px;font-size:10px;font-weight:bold;letter-spacing:1px}.version:before{content:'';width:5px;height:5px;border-radius:50%;background:#b5e593}.back-link{text-decoration:none;font-size:13px}
.download-intro{text-align:center;max-width:690px;margin:58px auto 35px}.eyebrow{color:var(--gold);font:9px/1.9 EmeraldPixel,monospace;letter-spacing:1px}.download-intro h1{font-size:clamp(33px,4.3vw,54px);line-height:1.1;letter-spacing:-2px;margin:18px 0}.download-intro h1 em{font-style:normal;color:var(--gold)}.download-intro p{color:#d0e1d7;max-width:540px;margin:20px auto}
.android-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:40px 45px;background:linear-gradient(120deg,#164b39ed,#082b28f5);border:1px solid #badb9060;border-top:2px solid var(--gold);border-radius:20px;box-shadow:0 22px 80px #00131070;scroll-margin-top:24px}.platform-label{display:flex;gap:12px;align-items:center;color:#c2e19e;font-weight:bold;font-size:12px;letter-spacing:1.5px}.platform-label img{border-radius:12px;width:44px;height:44px}.android-feature h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:19px 0 12px}.android-feature p{color:#cee0d2;max-width:445px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin:21px 0}.feature-tags span{padding:4px 9px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:#d1e0ca}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 22px;text-decoration:none;border-radius:8px;font-size:14px;font-weight:700;background:linear-gradient(110deg,#d8b963,#f1dca0);color:#173e2c;border:1px solid #fae7ab;box-shadow:0 4px 0 #816c3b;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.07)}.button.secondary{background:#173e33;color:var(--cream);border-color:#aec69260;box-shadow:none}.download-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.tutorial-link{font-size:13px;text-underline-offset:4px}.fineprint{font-size:11px!important;color:#a8c4b5!important;margin-top:17px}
.android-art{display:grid;place-items:center;position:relative;min-height:290px}.android-art:before{content:'';position:absolute;width:270px;height:270px;background:#87ad4e22;border-radius:50%;border:1px solid #cadd9730;box-shadow:0 0 0 25px #b8d28806,0 0 0 50px #b8d28805}.device{position:relative;transform:rotate(-5deg);width:290px;aspect-ratio:1.58;border:8px solid #081719;border-radius:23px;background:url('/assets/ui/hoenn-panorama-beta.png') center/cover;box-shadow:15px 23px 45px #0019128c;display:grid;place-items:center;overflow:hidden}.device:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#082b1fad,transparent)}.device img{width:150px;height:150px;z-index:1;filter:drop-shadow(0 7px 5px #00252199)}.device span{position:absolute;z-index:2;bottom:14px;left:0;right:0;text-align:center;font:9px/1.4 EmeraldPixel,monospace;color:#fff6d9}.device-caption{position:absolute;bottom:5px;text-align:center;font-size:10px;color:#aac6b8}.android-art .version{position:absolute;right:0;top:7px;background:#143c2e;transform:rotate(4deg)}
.install-section{padding:58px 0 35px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:12px 0 0}.section-heading>p{max-width:340px;font-size:12px;color:var(--muted);margin:0}.install-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.install-step{min-width:0}.install-step figure{margin:0 0 19px;padding:15px;background:linear-gradient(145deg,#1b4035,#102c28);border:1px solid var(--line);border-radius:13px}.install-step img{display:block;width:100%;height:auto;border-radius:12px}.step-title{display:flex;gap:10px;align-items:center}.step-title span{display:grid;place-items:center;flex:none;width:26px;height:26px;background:#e6cb85;color:#1b392c;border-radius:50%;font-size:12px;font-weight:bold}.step-title h3{font-size:15px;margin:0}.install-step p{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0}.install-note{margin-top:25px;border-left:2px solid var(--gold);padding:12px 18px;background:#183a2d;font-size:12px;color:#c9d9c4}.install-note p{margin:4px 0}
.other-platforms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.platform-card{padding:26px;border:1px solid var(--line);border-radius:13px;background:#102e28}.platform-card h2{margin:0;font-size:22px}.platform-card p{font-size:13px;color:var(--muted);margin:12px 0 20px}.platform-card .button{font-size:13px;min-height:44px}.faq{padding:35px 0}.faq h2{font-size:25px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:600}.faq p{font-size:13px;max-width:850px;color:var(--muted)}.download-footer{padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.download-footer p{margin:0}.download-footer strong{display:block;color:var(--cream);font-size:12px;margin-bottom:5px}
@media(max-width:900px){.android-feature{padding:30px;gap:20px}.device{width:240px}.install-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.install-step figure{max-width:300px}.section-heading{align-items:flex-start}}
@media(max-width:600px){.download-shell{padding:20px}.download-brand{font-size:11px}.download-brand small{font-size:8px;letter-spacing:2px}.download-header{flex-wrap:wrap;gap:12px}.download-header>.version{margin-left:auto}.back-link{flex-basis:100%}.download-intro{margin:35px auto 26px}.download-intro h1{font-size:36px;letter-spacing:-1.3px}.download-intro p{font-size:14px}.android-feature{grid-template-columns:1fr;padding:25px;gap:6px}.android-feature h2{font-size:30px}.android-art{min-height:240px;order:-1}.android-art:before{width:190px;height:190px}.android-art .version{top:0}.android-feature .button{width:100%}.download-actions{gap:20px;justify-content:center}.section-heading{display:block}.section-heading>p{margin-top:12px}.section-heading h2{font-size:27px}.install-section{padding-top:42px}.install-grid{gap:25px 14px}.install-step figure{padding:6px}.step-title{gap:7px;align-items:flex-start}.step-title h3{font-size:13px}.step-title span{width:21px;height:21px;font-size:10px}.install-step p{font-size:12px}.other-platforms{grid-template-columns:1fr}.download-footer{display:block}.download-footer>p+p{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:420px){.install-grid{grid-template-columns:1fr;max-width:300px;margin-inline:auto}.install-step figure{padding:15px}.install-step p{font-size:14px}.step-title h3{font-size:16px}}

.device img{width:90%;height:auto;transform:rotate(-10deg)}