@font-face{font-family:Teletactile;src:url(/assets/fonts/Teletactile.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--page-bg:#07090f;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--page-bg);font-family:Teletactile,Courier New,monospace}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;overflow:hidden}body{color:#f4f4ef;background:var(--page-bg);margin:0}a{color:inherit}.landing{--se-height:667px;--se-width:375px;--fit-scale:1;--headline-cta-gap:180px;--download-features-gap:16px;--hero-image:url(/assets/collaborations/poppy-playtime/hero-background.webp);--hero-aspect:9 / 16;--hero-fade:linear-gradient(to bottom, var(--page-bg) 0%, transparent 18%), linear-gradient(to bottom, transparent 72%, var(--page-bg) 100%), linear-gradient(to right, var(--page-bg) 0%, #07090feb 5%, transparent 18%, transparent 82%, #07090feb 95%, var(--page-bg) 100%);background-color:var(--page-bg);background-image:none;place-items:center;width:100%;height:100dvh;min-height:100svh;display:grid;overflow:hidden}.stage{background-color:var(--page-bg);width:min(100vw,46.1268dvh);min-width:320px;height:100%;position:relative;overflow:hidden;container-type:inline-size}.hero-bg{--hero-anchor:.67;--hero-melon-head-top:.386;--hero-headline-clearance:12px;--hero-pivot:.5;--hero-shift:0;--hero-follow-cta:.4;--hero-y-shift:4%;width:100%;aspect-ratio:var(--hero-aspect);transform:translateY(calc(-50% + var(--hero-y-shift)));pointer-events:none;z-index:0;background-color:#0000;background-image:var(--hero-fade), var(--hero-image);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:50%;left:0;right:0}.hero-bg.is-anchored{transform:none}@media (width<375px){.hero-bg{--hero-shift:-10}}@media (375px<=width<420px){.hero-bg{--hero-shift:0}}@media (420px<=width<1025px){.hero-bg{--hero-shift:0}}@media (width>=1025px){.hero-bg{--hero-follow-cta:0;--hero-shift:0}}@media (width<420px){.stage{width:100%;min-width:0;max-width:none}}@media (width>=420px){.stage{width:min(520px,92vw);min-width:min(520px,92vw);max-width:92vw}.features,.brand-stats,.footer{width:min(100%,480px)}.download{width:100%;max-width:100%}}@media (width>=1025px){.stage{width:min(92vw,560px);min-width:min(92vw,560px);max-width:none}}.content{z-index:1;text-align:center;--content-gap:10px;justify-content:flex-start;gap:var(--content-gap);flex-direction:column;width:100%;height:100%;padding:15px 15px 10px;display:flex;position:relative}.brand,.brand-stats,.hero-headline,.features,.download,.footer{min-width:0}.brand{text-align:left;align-self:stretch;justify-items:start;display:grid}.brand h1{letter-spacing:0;text-transform:uppercase;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(10px,3.2cqw,16px);width:100%;max-width:100%;margin:0;font-weight:400;display:flex}.brand-melon{text-align:left;flex-direction:column;flex-shrink:0;justify-content:center;display:flex}.brand-melon-text{font-size:clamp(14px,5.2cqw,20px);font-weight:400;line-height:1.158}.brand-melon-o-wrap{vertical-align:-.15em;width:1em;height:1em;display:inline-block;position:relative}.brand-melon-o{object-fit:contain;width:1.35em;height:1.35em;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.brand-x{opacity:.95;flex-shrink:0;font-size:clamp(12px,4.5cqw,18px);line-height:1}.brand-poppy{flex:none;width:auto;height:clamp(34px,13cqw,48px);line-height:0;display:block}.brand-logo{object-fit:contain;object-position:left center;width:auto;height:100%;display:block}.hero-headline{--headline-red:#e11d2e;--headline-green:#32c900;width:min(42%,170px);max-width:100%;margin:12px 0 0;margin-bottom:calc(var(--headline-cta-gap) - var(--content-gap));text-align:left;place-self:stretch start;gap:clamp(8px,2cqw,12px);padding:0;display:grid}.hero-headline-line--play{color:#ff8a1e}.hero-headline-stack,.hero-headline-sub{margin:0}.hero-headline-stack{letter-spacing:0;text-transform:uppercase;color:#f4f4ef;text-shadow:0 2px 6px #00000073;flex-direction:column;align-items:flex-start;gap:.02em;font-size:clamp(18px,7.2cqw,28px);font-weight:400;line-height:.92;display:flex}.hero-headline-line--survive{color:var(--headline-red);padding-bottom:.12em;position:relative}.hero-headline-line--survive:after{content:"";background:var(--headline-red);border-radius:.05em;height:.14em;position:absolute;bottom:0;left:0;right:.15em;transform:skew(-12deg)}.hero-headline-sub{color:var(--headline-red);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;gap:.15em;margin-left:.1em;font-size:clamp(7px,2.4cqw,10px);font-weight:400;line-height:1.15;display:flex}.brand-stats{align-self:center;width:min(100%,344px)}.downloads{text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:.15em;width:100%;margin:0;line-height:1;display:flex}.downloads strong{padding-top:10px;font-size:clamp(22px,8.5cqw,25px);font-weight:400;line-height:1}.downloads span{letter-spacing:.04em;font-size:clamp(8px,3cqw,12px);line-height:1}.pixel-art{image-rendering:pixelated}.features{--feature-gap:10px;column-gap:var(--feature-gap);background:0 0;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;width:100%;max-width:100%;height:auto;margin:0;padding:0;list-style:none;display:grid;position:relative}.features li{background:0 0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:clamp(4px,1.2cqw,8px);width:100%;min-width:0;padding:0;display:flex;overflow:visible}.feature-media{box-sizing:border-box;border:2px solid #919191d9;border-radius:clamp(8px,2.8cqw,14px);width:100%;position:relative;overflow:hidden}.feature-icon{aspect-ratio:1.5;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.features h3{color:#f4f4ef;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;background:#07090fc7;border-radius:clamp(8px,2.8cqw,14px);justify-content:center;align-items:center;width:100%;margin:0;padding:clamp(6px,1.8cqw,10px) 4px;font-size:clamp(7px,2.6cqw,11px);font-weight:400;line-height:1.15;display:flex;position:static}.features p{display:none}.download{width:100%;max-width:100%;margin-top:auto;margin-bottom:calc(var(--download-features-gap) - var(--content-gap));align-self:stretch;justify-items:center;gap:4px;display:grid}.cta-arrow{--cta-arrow-width:clamp(9.5px, 3.73cqw, 18px);--cta-arrow-height:clamp(6.477px, 2.543cqw, 12.273px);width:var(--cta-arrow-width);height:var(--cta-arrow-height);aspect-ratio:44/30;object-fit:contain;margin-bottom:clamp(6px,1.1dvh,6px);animation:1.7s ease-in-out infinite arrow-nudge;display:block}@keyframes arrow-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.cta{color:#fff;white-space:nowrap;text-transform:uppercase;isolation:isolate;background:#e11d2e;border:0;border-radius:clamp(10px,3.8cqw,16px);justify-content:center;align-items:center;width:100%;margin-bottom:5px;padding:16px 10px 14px;font-size:clamp(13px,5.09cqw,22px);font-weight:400;line-height:1;text-decoration:none;transition:filter .12s,transform .12s;display:flex;position:relative;overflow:hidden}.cta:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 35%,#ffffff61 48%,#ffffff8c 50%,#ffffff61 52%,#0000 65%);animation:3.6s ease-in-out infinite cta-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes cta-shine{0%,62%{transform:translate(-120%)}78%{transform:translate(120%)}to{transform:translate(120%)}}.cta:hover{filter:brightness(1.08)}.cta:active{transform:translateY(2px)}.cta:focus-visible{outline-offset:3px;outline:2px solid #f7f7f2}.store-badges{grid-template-columns:440fr 496fr;justify-self:center;align-items:center;gap:clamp(9px,3.58cqw,15px);width:81%;display:grid}.store-badges a,.store-badges img{width:100%;display:block}.store-badges a{min-width:0;overflow:hidden}.store-badges a:first-child{aspect-ratio:440/147}.store-badges a:last-child{aspect-ratio:496/147}.store-badges img{object-fit:contain;height:100%}.footer{color:#858b87;text-transform:uppercase;align-self:center;justify-items:center;gap:0;width:min(100%,344px);font-size:clamp(6.5px,2.55cqw,10px);line-height:1.08;display:grid}.footer-tagline{letter-spacing:.28em;color:#858b87;margin:0;font-size:clamp(7px,2.7cqw,11px);line-height:1.2}.footer p{margin:0}.footer-legal{letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .7em;margin:3px 0 4px;font-size:clamp(5.5px,1.75cqw,6.6px);line-height:1.2;display:flex}.footer-legal a{color:inherit;text-decoration:none}.footer-legal a:hover,.footer-legal a:focus-visible{text-decoration:underline}@media (height<=680px){.content{--content-gap:8px}.download{gap:2px}}@media (orientation:portrait) and (height<667px) and (width<1025px){.landing{--fit-scale:calc(100dvh / var(--se-height));place-items:start center;overflow:hidden}.stage{height:var(--se-height);min-height:var(--se-height);width:calc(100vw / var(--fit-scale));min-width:0;max-width:none;transform:scale(var(--fit-scale));transform-origin:top;margin-bottom:calc(var(--se-height) * (var(--fit-scale) - 1));overflow:hidden}.content{height:100%;min-height:0}}@media (height>=900px){.content{--large-block-width:min(100%, 480px)}.features{--feature-gap:20px;align-self:stretch;width:100%;max-width:100%;height:auto;padding:0}.features h3{font-size:clamp(10px,1.4vh,13px)}}@media (width>=1025px) and (height>=900px){.features h3{font-size:11px}}@media (width>=1600px) and (height>=1000px){.features h3{font-size:13px}}@media (width>=1025px){html,body{height:auto;min-height:100%;overflow:hidden auto}.landing{--fit-scale:1;place-items:start center;height:max(100vh,768px);min-height:768px;overflow:visible}.stage{width:min(92vw,560px);min-width:min(92vw,560px);height:max(100vh,768px);min-height:768px;margin-bottom:0;overflow:visible;transform:none}.content{height:max(100vh,768px);min-height:768px}.brand,.brand-stats,.hero-headline,.features,.download,.footer{flex-shrink:0}}@media (orientation:landscape) and (height<500px){html,body{height:auto;min-height:100%;overflow:hidden auto}.landing{--fit-scale:1;place-items:start center;height:auto;min-height:100dvh;overflow:visible}.stage{width:100dvh;min-width:0;max-width:100vw;height:auto;min-height:100vw;margin-bottom:0;overflow:visible;transform:none}.content{height:auto;min-height:100vw}.brand,.brand-stats,.hero-headline,.features,.download,.footer{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.cta,.cta-arrow,.cta:after{transition:none;animation:none}}