/* MyFoofyPet launch theme — no external fonts or new image dependencies. */
:root{--bg:#191a30;--bg-soft:#24243e;--purple:#b8a0ee;--green:#bce4a1;--orange:#ffbc83;--text:#faf7ff;--muted:#c7c3da}
body{background:radial-gradient(circle at 90% 35%,#39345166,transparent 45rem),#191a30}
.site-header{background:#202139f5;border-bottom:2px solid #b8a0ee44;backdrop-filter:blur(14px)}
.brand-name strong{color:#cfb7ff}.main-nav{gap:22px}.main-nav a{font-size:.85rem}
.foofy-hero{width:100%;max-width:none;min-height:850px;gap:55px;padding:155px max(28px,calc((100vw - 1180px)/2)) 100px;background:radial-gradient(circle at 78% 38%,#e3d9f7 0,transparent 45%),#c6b2e6;color:#29243e;overflow:hidden}
.foofy-hero:after{display:none}.foofy-hero .eyebrow{color:#504365;letter-spacing:.17em}.launch-label{display:inline-block;padding:9px 17px;background:#f4d67d;border:2px solid #40344d;box-shadow:4px 4px 0 #40344d;font:900 13px ui-monospace,monospace;letter-spacing:.12em;transform:rotate(-3deg);margin-bottom:29px}
.foofy-hero h1{position:relative;font-size:clamp(3.1rem,6.5vw,6rem);letter-spacing:-.065em;line-height:1.05;margin-bottom:23px;white-space:nowrap}.foofy-hero h1 span{display:inline;color:#fff5df;background:none;-webkit-text-stroke:2px #443451;text-shadow:4px 4px #78618c}.foofy-hero h1 .title-spark{position:absolute;font-size:35px;right:0;top:-34px;color:#f5d77b;-webkit-text-stroke:0;text-shadow:none}
.foofy-tagline{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;line-height:1.15;margin:0 0 23px;letter-spacing:-.03em}.foofy-hero .hero-copy{color:#504562;font-size:1.05rem;max-width:485px}.foofy-hero .primary-button{background:#38304e;border:2px solid #38304e;box-shadow:4px 4px 0 #8e76af;border-radius:8px;gap:20px}.foofy-hero .text-button{color:#443451}.launch-platform{font:700 11px ui-monospace,monospace;letter-spacing:.09em;margin-top:28px}.launch-platform span{color:#527b45;margin-right:6px}
.foofy-console{position:relative;justify-self:center;width:min(100%,400px);padding:25px 26px 19px;background:#f8eedc;border:4px solid #4a3a5d;border-radius:40px 40px 65px 40px;box-shadow:10px 12px 0 #9279b2,17px 26px 0 #aa94c5;transform:rotate(5deg);color:#4a3a5d}.console-brand{font:900 11px ui-monospace,monospace;letter-spacing:.2em;display:flex;justify-content:space-between;margin-bottom:17px}.console-brand span{color:#d7879c}.console-screen{height:310px;background:#c6e7d6;border:10px solid #59526c;border-radius:12px;position:relative;overflow:hidden;image-rendering:pixelated}.screen-top{position:absolute;top:12px;left:10px;right:10px;display:flex;justify-content:space-between;font:900 10px ui-monospace,monospace;z-index:4}.screen-top span+span{color:#c16b85}.pixel-cloud{position:absolute;background:#effbea;width:58px;height:14px;box-shadow:12px -10px #effbea,25px -10px #effbea;top:83px;left:18px}.cloud-b{top:120px;left:auto;right:5px;transform:scale(.7)}.pixel-sun{position:absolute;right:32px;top:56px;width:32px;height:32px;background:#f9d77c;box-shadow:0 0 0 7px #f9d77c44}.screen-ground{position:absolute;bottom:0;height:64px;width:100%;background:#8eb894;border-top:8px solid #6f9a7c}.pixel-companion{position:absolute;width:108px;height:90px;left:calc(50% - 54px);bottom:68px;background:#d6b4e8;box-shadow:-12px 0 #705c86,12px 0 #705c86,0 -12px #705c86,0 12px #705c86;z-index:2;border-radius:12px 12px 0 0}.pixel-companion:before,.pixel-companion:after{content:'';position:absolute;width:24px;height:35px;top:-36px;background:#d6b4e8;border:6px solid #705c86;border-bottom:0}.pixel-companion:before{left:0}.pixel-companion:after{right:0}.pixel-companion i{position:absolute;left:24px;top:30px;width:9px;height:14px;background:#40344e;box-shadow:50px 0 #40344e}.pixel-companion b{position:absolute;left:45px;top:56px;width:18px;height:6px;background:#705c86}.screen-message{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:900 10px ui-monospace,monospace;color:#2f5143;z-index:3}.console-controls{display:flex;justify-content:space-between;align-items:center;height:91px}.console-cross{font-size:65px;line-height:1;color:#716282;text-shadow:2px 3px #b7a9c3}.console-speaker{font-size:10px;color:#b3a5ba;transform:rotate(-25deg)}.console-buttons{display:flex;gap:13px;transform:rotate(-25deg)}.console-buttons i{width:30px;height:30px;border-radius:50%;background:#b99bda;border:3px solid #78618e;box-shadow:0 3px #78618e}.console-buttons i+i{background:#edb1b9}.console-caption{text-align:center;font:800 9px ui-monospace,monospace;letter-spacing:.14em}.console-sticker{position:absolute;right:-27px;bottom:78px;background:#f2d47e;border:2px solid #4a3a5d;padding:14px 12px;font:900 14px ui-monospace,monospace;transform:rotate(-14deg);box-shadow:3px 3px #4a3a5d}
.foofy-ribbon{padding:17px 0;overflow:hidden;white-space:nowrap;text-align:center;background:#bde0ad;color:#354f36;border-block:3px solid #334537;font:900 15px ui-monospace,monospace;letter-spacing:.2em}.foofy-features .section-heading{max-width:720px}.foofy-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.foofy-feature-grid article{background:#292840;border:2px solid #635576;border-radius:12px;padding:30px;box-shadow:5px 5px #101220}.feature-symbol{display:grid;place-items:center;width:48px;height:48px;background:#c6b2e6;color:#40344e;border-radius:8px;font-size:28px}.foofy-feature-grid h3{font-size:1.3rem;margin:22px 0 10px}.foofy-feature-grid p{color:var(--muted);margin:0}.foofy-launch{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#f1d78c;color:#443451;padding:25px 30px;border-radius:10px;margin-top:30px}.foofy-launch span,.foofy-launch a{font-size:12px;font-weight:800}.foofy-launch strong{font:900 clamp(19px,3vw,30px) ui-monospace,monospace}.primary-button{background:#80609c}.google-play-float{position:static;width:max-content;max-width:calc(100% - 44px);margin:25px auto 35px;animation:none}.games-section{border-top:1px solid #62517066}.section-heading h2{letter-spacing:-.04em}
a:focus-visible,button:focus-visible{outline:3px solid #f2d47e;outline-offset:5px}section[id]{scroll-margin-top:95px}
@media(max-width:900px){.foofy-hero{grid-template-columns:1fr;gap:60px;padding-top:130px;padding-bottom:80px;min-height:0}.foofy-hero .hero-copy-wrap{max-width:620px}.foofy-hero h1{font-size:clamp(3rem,10vw,5.5rem);width:max-content;max-width:100%}.foofy-console{width:340px;max-width:calc(100% - 28px)}.console-screen{height:275px}.foofy-feature-grid{grid-template-columns:1fr}.foofy-feature-grid article{padding:25px}.foofy-launch{justify-content:center;text-align:center}.foofy-hero .hero-actions{gap:22px}.main-nav.open{background:#242139}.foofy-hero h1 .title-spark{right:-20px;font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
