/* Flappy Phone only. The studio's shared design and other game pages stay intact. */
.project-flappy-phone{border-color:#235577}
.project-flappy-phone .project-visual{background:radial-gradient(ellipse at 45% 40%,#0b5987,#07182e 75%)}
.project-flappy-phone .project-visual>img{border-radius:24px}
.project-flappy-phone .project-platform,.project-flappy-phone .visual-corner{color:#89e8ff}
.page-flappy-phone{--red:#5de4ff}
.page-flappy-phone .game-hero{grid-template-columns:1fr 1fr;gap:48px}
.page-flappy-phone .game-art{min-height:560px;background:#041844;border-color:#215481;padding:0;isolation:isolate}
.page-flappy-phone .game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#06163166,transparent 32%,transparent 68%,#061631);z-index:0;pointer-events:none}
.page-flappy-phone .fp-hero-character{width:100%;height:auto;object-fit:contain;align-self:end;margin-top:110px}
.page-flappy-phone .game-banner{position:absolute;z-index:1;top:22px;left:8%;width:84%;height:auto;max-height:200px;filter:drop-shadow(0 4px 12px #00112f)}
.page-flappy-phone .game-art-foot{z-index:1;color:#c4f5ff}
.page-flappy-phone .status{color:#bceaff}
.page-flappy-phone .status i{box-shadow:0 0 12px #5de4ff40}
.page-flappy-phone .game-stats{border-color:#254055}
.page-flappy-phone .game-stats strong{color:#84eaff}
.page-flappy-phone .game-stats span{color:#b7c8d5}
.page-flappy-phone .app-notice{border-color:#28485c;background:#131f2a}
.page-flappy-phone .mode-card{background:linear-gradient(145deg,#162633,#15191f);border-color:#294351}
.page-flappy-phone .modes-section{padding-bottom:65px}
.page-flappy-phone .gallery{margin-top:38px;row-gap:48px}
.page-flappy-phone .gallery-image{aspect-ratio:1856/2160;background:#06152d;border-color:#243e5f}
.page-flappy-phone .gallery-image img{object-fit:contain}
.page-flappy-phone .fp-world-section{padding-bottom:70px}
.page-flappy-phone .fp-worlds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}
.page-flappy-phone .fp-world{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:164px;padding:15px;border:1px solid #335568;border-radius:12px;overflow:hidden;background:#0d2034}
.page-flappy-phone .fp-world:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("images/flappy-phone-worlds.webp");background-size:300% 200%;background-position:var(--world-x) var(--world-y)}
.page-flappy-phone .fp-world-extra:before{background-image:url("images/flappy-phone-worlds-extra.webp");background-size:200% 200%}
.page-flappy-phone .fp-world:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#04101a77,transparent 25%,#04101aee)}
.page-flappy-phone .fp-world-number{font-size:12px;color:white;font-weight:700;letter-spacing:.1em}
.page-flappy-phone .fp-world h3{font-size:18px;line-height:1.2;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 6px #000}
.flappy-policy .fp-policy-nav{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.flappy-policy .fp-policy-nav a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;background:#17242f;border:1px solid #34566c;border-radius:7px;color:#b4eaff;font-size:13px}
.flappy-policy .fp-policy-links{padding-left:22px}
.flappy-policy .fp-policy-links li{padding-block:6px}
.flappy-policy .fp-policy-links a{color:#a8e7ff;text-decoration:underline;text-underline-offset:3px}
.flappy-policy .legal-body{overflow-wrap:anywhere}
.flappy-policy a:focus-visible{outline-color:#5de4ff}
@media(max-width:1000px){.page-flappy-phone .game-hero{gap:30px}.page-flappy-phone .game-art{min-height:450px}.page-flappy-phone .fp-worlds{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.page-flappy-phone .game-hero{grid-template-columns:1fr;gap:30px}.page-flappy-phone .game-hero h1{font-size:clamp(48px,12vw,60px)}.page-flappy-phone .game-art{min-height:0;max-width:500px;width:100%;justify-self:center}.page-flappy-phone .fp-hero-character{margin-top:70px}.page-flappy-phone .game-banner{top:15px;max-height:170px}.page-flappy-phone .fp-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-flappy-phone .fp-world{min-height:155px;padding:12px}.page-flappy-phone .fp-world h3{font-size:17px}.page-flappy-phone .gallery{row-gap:35px}.page-flappy-phone .fp-world-section{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.project-flappy-phone .project-visual>img{transition:none}.project-flappy-phone .project-visual:hover>img{transform:none}}