@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;1,400&family=Noto+Sans+HK:wght@400;500;700&display=swap";:root{--paper: #fbf3e0;--paper-2: #f3e6c8;--card: #fffdf6;--ink: #2c2a20;--ink-soft: #5b574a;--green: #2f955d;--green-d: #1d6a40;--green-l: #74c993;--sky: #9ad9f0;--sky-d: #57b6dd;--sun: #ffb43d;--coral: #ff7a59;--line: #2c2a20;--radius: 10px;--shadow: 5px 5px 0 var(--ink);--shadow-lg:8px 8px 0 var(--ink);--maxw: 1100px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,Noto Sans HK,system-ui,sans-serif;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(44,42,32,.05) 1px,transparent 0);background-size:22px 22px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--green-d);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.pixel-font{font-family:"Press Start 2P",monospace;line-height:1.5;letter-spacing:.5px}.display{font-family:Fredoka,Noto Sans HK,sans-serif;font-weight:600;line-height:1.15}.eyebrow{font-family:"Press Start 2P",monospace;font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:var(--green-d);display:inline-block}.zh{font-family:Noto Sans HK,Nunito,sans-serif}.nav{position:sticky;top:0;z-index:50;background:#fbf3e0e0;backdrop-filter:blur(8px);border-bottom:3px solid var(--ink)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:40px;height:40px;border:2px solid var(--ink);border-radius:9px;box-shadow:3px 3px 0 var(--ink)}.brand b{font-family:"Press Start 2P",monospace;font-size:.82rem;color:var(--ink)}.brand span{font-size:.85rem;color:var(--ink-soft);margin-left:2px}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{font-weight:700;color:var(--ink)}.nav-links a:hover{color:var(--green-d);text-decoration:none}.lang-switch{display:inline-flex;gap:0;border:2px solid var(--ink);border-radius:8px;overflow:hidden;box-shadow:2px 2px 0 var(--ink)}.lang-switch a{padding:4px 9px;font-size:.82rem;font-weight:700;color:var(--ink);background:var(--card)}.lang-switch a:hover{background:var(--paper-2);text-decoration:none}.lang-switch a.on{background:var(--green);color:#fff}@media(max-width:640px){.nav-links{gap:12px;font-size:.9rem}.brand span{display:none}.lang-switch a{padding:4px 7px;font-size:.76rem}}@media(max-width:480px){.nav-links>a{display:none}}.btn{display:inline-flex;align-items:center;gap:9px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1rem;padding:13px 22px;border:3px solid var(--ink);border-radius:var(--radius);background:var(--sun);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.btn:hover{text-decoration:none;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn.green{background:var(--green);color:#fff}.btn.ghost{background:var(--card)}.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--ink)}.hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,var(--sky) 0%,#bfe8f6 45%,var(--green-l) 75%,var(--green) 100%)}.hero-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background-image:radial-gradient(circle at 50% 120%,rgba(0,0,0,.1),transparent 60%)}.hero .wrap{position:relative;z-index:2;padding:70px 24px 90px;text-align:center}.hero-icon{width:108px;height:108px;margin:0 auto 22px;border:4px solid var(--ink);border-radius:22px;box-shadow:var(--shadow-lg);animation:bob 4s ease-in-out infinite}.hero h1{font-family:"Press Start 2P",monospace;font-size:clamp(1.5rem,4.6vw,2.9rem);color:var(--sun);margin-bottom:8px;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,4px 4px 0 var(--coral),6px 6px 0 var(--ink)}.hero .zh-name{font-family:Noto Sans HK,sans-serif;font-weight:700;font-size:clamp(1.4rem,4vw,2.2rem);color:var(--green-d);margin-bottom:18px;text-shadow:2px 2px 0 #fff}.hero .tagline{font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:700;color:var(--ink);max-width:620px;margin:0 auto 10px}.hero .tagline .zh{display:block;font-weight:500;color:var(--ink-soft);font-size:.92em}.hero-cta{margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.coming{display:inline-flex;align-items:center;gap:8px;font-family:"Press Start 2P",monospace;font-size:.6rem;background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow)}.coming .dot{width:9px;height:9px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px #ff7a594d}.float-pets{position:absolute;inset:0;z-index:1;pointer-events:none}.float-pets img{position:absolute;width:76px;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.18))}.fp1{left:6%;top:30%;animation:bob 5s ease-in-out infinite}.fp2{right:7%;top:22%;width:64px!important;animation:bob 4.2s ease-in-out infinite .4s}.fp3{left:13%;bottom:12%;width:58px!important;animation:bob 3.6s ease-in-out infinite .8s}.fp4{right:11%;bottom:16%;animation:bob 4.8s ease-in-out infinite .2s}@media(max-width:700px){.float-pets{display:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}section.block{padding:76px 0}section.block.alt{background:var(--paper-2);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head h2{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(1.7rem,3.6vw,2.4rem);margin:12px 0 8px}.section-head p{color:var(--ink-soft);font-size:1.05rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:880px){.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.features{grid-template-columns:1fr}}.feature{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 22px;transition:transform .12s ease,box-shadow .12s ease}.feature:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.feature .ico{font-size:1.9rem;width:54px;height:54px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:12px;margin-bottom:16px}.feature h3{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.22rem;margin-bottom:6px}.feature h3 .zh{display:block;font-size:.8rem;color:var(--ink-soft);font-weight:500}.feature p{color:var(--ink-soft);font-size:.98rem}.ico.g{background:var(--green-l)}.ico.s{background:var(--sky)}.ico.y{background:var(--sun)}.ico.c{background:var(--coral)}.ico.p{background:#e3c4f0}.ico.w{background:#cfe8d6}.mission{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:760px){.mission{grid-template-columns:1fr}}.mcard{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 24px}.mcard .big{font-family:"Press Start 2P",monospace;font-size:1.3rem;color:var(--green-d);display:block;margin-bottom:10px}.mcard h3{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:6px}.mcard p{color:var(--ink-soft)}.cards-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:38px}.spec-card{width:150px;background:var(--card);border:3px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);padding:10px;transform:rotate(var(--r,0deg));transition:transform .15s ease}.spec-card:hover{transform:rotate(0) translateY(-6px);box-shadow:var(--shadow-lg)}.spec-emoji{height:120px;display:grid;place-items:center;font-size:3.4rem;border-radius:8px;border:2px solid var(--ink)}.spec-card b{display:block;text-align:center;margin-top:10px;font-family:Fredoka,sans-serif;font-size:.98rem}.spec-card .rarity{display:block;text-align:center;font-size:.72rem;color:var(--ink-soft)}.cats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.cat{text-align:center}.cat .chip{width:86px;height:86px;display:grid;place-items:center;font-size:2.3rem;background:var(--card);border:3px solid var(--ink);border-radius:18px;box-shadow:var(--shadow)}.cat span{display:block;margin-top:8px;font-weight:700;font-size:.88rem}.highlights{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media(max-width:820px){.highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.highlights{grid-template-columns:1fr}}.hl{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 14px;text-align:center}.hl .e{font-size:1.7rem}.hl b{display:block;font-family:Fredoka,sans-serif;font-size:1rem;margin:8px 0 4px}.hl span{font-size:.82rem;color:var(--ink-soft)}.pets-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pets-row img{width:72px;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.15));animation:bob 4s ease-in-out infinite}.pets-row img:nth-child(2){animation-delay:.3s}.pets-row img:nth-child(3){animation-delay:.6s}.pets-row img:nth-child(4){animation-delay:.9s}.pets-row img:nth-child(5){animation-delay:1.2s}.pets-row img:nth-child(6){animation-delay:1.5s}.page-hero{background:var(--paper-2);border-bottom:4px solid var(--ink);padding:56px 0 44px}.page-hero h1{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,2.8rem)}.page-hero p{color:var(--ink-soft);margin-top:8px}.prose{max-width:760px;margin:0 auto;padding:56px 24px}.prose h2{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.5rem;margin:34px 0 10px;padding-top:8px}.prose h3{font-family:Fredoka,sans-serif;font-weight:600;font-size:1.15rem;margin:22px 0 6px}.prose p,.prose li{color:var(--ink);margin-bottom:12px}.prose ul{padding-left:22px;margin-bottom:14px}.prose li{margin-bottom:8px}.prose .muted{color:var(--ink-soft);font-size:.95rem}.callout{background:var(--card);border:3px solid var(--ink);border-left:8px solid var(--green);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 22px;margin:22px 0}.faq{max-width:760px;margin:0 auto}details.qa{background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}details.qa summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1.08rem;display:flex;justify-content:space-between;align-items:center;gap:12px}details.qa summary::-webkit-details-marker{display:none}details.qa summary:after{content:"+";font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--green-d)}details.qa[open] summary:after{content:"–"}details.qa .ans{padding:0 22px 20px;color:var(--ink-soft)}.contact-card{max-width:560px;margin:0 auto;text-align:center;background:var(--card);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:34px 26px}.contact-card .mail{font-family:Fredoka,sans-serif;font-size:1.45rem;font-weight:700;margin:12px 0 4px}.contact-card .mail a{color:var(--green-d)}footer{background:var(--ink);color:var(--paper);border-top:4px solid var(--ink);padding:48px 0 36px}footer .wrap{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}footer .f-brand{display:flex;align-items:center;gap:12px}footer .f-brand img{width:42px;height:42px;border-radius:9px}footer .f-brand b{font-family:"Press Start 2P",monospace;font-size:.78rem}footer nav{display:flex;flex-direction:column;gap:10px}footer nav a,footer p{color:#e8dcc2}footer nav a:hover{color:#fff}footer .f-meta{font-size:.85rem;color:#bcae90;max-width:320px}footer .f-bottom{width:100%;border-top:1px solid #4a4636;margin-top:26px;padding-top:18px;font-size:.82rem;color:#bcae90;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.reveal{opacity:0;transform:translateY(16px);animation:rise .6s ease forwards}.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}.d4{animation-delay:.35s}.d5{animation-delay:.45s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.hero-icon,.float-pets img{animation:none}}