*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button{font:inherit}img{display:block}.topbar{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1280px)/2));gap:20px;border-bottom:1px solid #f1e9db}.brand{display:flex;align-items:center;gap:10px}.brand img{width:67px;height:67px;object-fit:contain}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.03em}.brand small{font-size:12px;font-weight:700;color:var(--orange);margin-top:3px}.top-actions{display:flex;align-items:center;gap:24px}.nav-games{font-size:14px;font-weight:800}.nav-games:hover{color:var(--orange)}main{overflow:hidden}.hero{position:relative;min-height:0;background:#fff5da;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:18px max(32px,calc((100vw - 1280px)/2));gap:24px;isolation:isolate;overflow:hidden}.hero:before{content:'';position:absolute;width:680px;height:680px;border-radius:50%;background:#ffe8ae;right:-110px;top:-160px;z-index:-1}.hero:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:#fff9e9;left:-105px;bottom:-130px;z-index:-1}.hero-copy{position:relative;z-index:1;max-width:600px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--orange)}.eyebrow-star{font-size:17px}.hero h1{font-size:clamp(50px,4.7vw,66px);line-height:1.04;letter-spacing:-.07em;margin:14px 0 14px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:495px;font-size:16px;line-height:1.5;color:#48546a;margin:0 0 20px}.button.primary{display:inline-flex;gap:24px;align-items:center;padding:14px 19px;border-radius:16px;background:var(--orange);color:#fff;font-size:16px;font-weight:800;box-shadow:0 9px 0 #dc3900;transition:transform .2s,box-shadow .2s}.button.primary:hover{transform:translateY(3px);box-shadow:0 6px 0 #dc3900}.button.primary span:last-child{font-size:23px;line-height:0}.hero-note{display:flex;align-items:center;gap:9px;margin-top:16px;color:#7b6d58;font-size:13px;font-weight:700}.note-icon{color:var(--pink);font-size:21px;line-height:1}.hero-art{height:310px;position:relative;min-width:0}.hero-bingo{position:absolute;width:190px;height:210px;left:13%;top:15%;background:#fff;border:8px solid var(--ink);border-radius:26px;box-shadow:12px 13px 0 #0f172a25;transform:rotate(-8deg);padding:12px}.mini-bingo-title{text-align:center;font-size:25px;line-height:1.1;font-weight:900;letter-spacing:-.07em;color:var(--orange)}.mini-bingo-title span,.bingo-sheet strong span{color:var(--yellow)}.mini-bingo-grid,.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}.mini-bingo-grid>div,.sheet-grid>span{aspect-ratio:1;background:#fff8e7;border-radius:13px;display:grid;place-items:center;overflow:hidden}.mini-bingo-grid img,.sheet-grid img{width:78%;height:78%;object-fit:contain}.float-word,.preview-word{position:absolute;background:#fff;color:var(--ink);font-weight:900;border:3px solid var(--ink);box-shadow:5px 6px 0 #0f172a25}.float-word{padding:11px 19px;border-radius:17px;font-size:23px}.word-one{left:57%;top:14%;transform:rotate(13deg);background:var(--yellow)}.word-two{left:68%;top:39%;transform:rotate(-8deg);background:#fff}.word-three{left:47%;top:65%;transform:rotate(9deg);background:#b8f2e2}.sun{position:absolute;right:0;top:0;color:var(--yellow);font-size:105px;line-height:1}.cloud,.fly-cloud{position:absolute;width:108px;height:34px;border-radius:60px;background:#fff;opacity:.8}.cloud:before,.fly-cloud:before{content:'';position:absolute;width:48px;height:48px;background:inherit;border-radius:50%;left:19px;bottom:9px}.cloud-a{left:4%;top:9%}.cloud-b{right:4%;bottom:8%;transform:scale(.7)}.art-star{position:absolute;color:var(--pink);font-size:43px}.star-a{left:0;bottom:9%}.star-b{right:12%;top:18%;color:var(--cyan)}.games{max-width:1344px;margin:auto;padding:32px 32px 48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.section-heading h2{font-size:clamp(34px,3.2vw,42px);line-height:1.14;letter-spacing:-.05em;margin:8px 0 6px}.section-heading p{color:var(--muted);font-size:15px;margin:0}.game-count{white-space:nowrap;border:1px solid #eddcca;background:#fff7e9;border-radius:50px;padding:10px 18px;font-size:13px;font-weight:800;color:#a25724}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.game-card{display:block;min-width:0;background:#fff;border:2px solid #efe9dc;border-radius:28px;overflow:hidden;box-shadow:0 8px 0 #edebdf;transition:transform .2s,box-shadow .2s}.game-card:hover,.game-card:focus-visible{transform:translateY(-7px);box-shadow:0 15px 0 #edebdf;outline:0}.game-preview{height:230px;position:relative;overflow:hidden}.bingo-preview{background:#ffe4a9}.fly-preview{background:#c5f4eb}.preview-decor{position:absolute;border-radius:50%;background:#fff5d6;width:400px;height:400px;top:-240px;left:-100px}.circle-two{width:220px;height:220px;top:auto;left:auto;right:-70px;bottom:-95px;background:#ffd271}.bingo-sheet{position:absolute;width:195px;height:210px;left:50%;top:18px;transform:translateX(-50%) rotate(-6deg);border:6px solid var(--ink);border-radius:19px;background:#fff;padding:14px;box-shadow:10px 11px 0 #e7a751}.bingo-sheet strong{display:block;text-align:center;color:var(--orange);font-size:26px;line-height:1;font-weight:900;letter-spacing:-.07em}.sheet-grid{margin-top:11px;gap:5px}.sheet-grid>span{border-radius:9px;background:#fff8e5}.preview-spark{position:absolute;right:14%;top:20%;font-size:52px;color:var(--orange)}.fly-circle{width:330px;height:330px;top:40px;left:calc(50% - 165px);background:#a8eadb}.fly-cloud{left:6%;top:19%;opacity:.75}.preview-word{padding:13px 23px;border-radius:18px;font-size:26px;white-space:nowrap}.p-i{left:19%;top:39%;transform:rotate(-11deg);background:var(--yellow)}.p-like{left:43%;top:22%;transform:rotate(10deg);background:#fff}.p-apples{left:48%;top:57%;transform:rotate(-7deg);background:#ffd2df}.fly-spark{position:absolute;right:13%;top:15%;font-size:46px;color:var(--pink)}.game-card-body{padding:23px 27px 26px}.card-kicker{display:flex;align-items:center;gap:8px;color:var(--orange);font-weight:900;font-size:12px;letter-spacing:.1em}.fly-card .card-kicker{color:#0a9b88}.kicker-icon{font-size:19px;line-height:1}.game-card h3{font-size:29px;letter-spacing:-.05em;margin:8px 0 8px}.game-card p{font-size:15px;line-height:1.65;color:var(--muted);min-height:65px;margin:0 0 15px}.card-cta{font-size:15px;font-weight:900;color:var(--orange);display:flex;justify-content:space-between;align-items:center}.fly-card .card-cta{color:#078d7c}.arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff0dd;font-size:22px}.fly-card .arrow{background:#ddf8f1}.next-banner{max-width:1280px;margin:0 auto 58px;padding:23px 30px;border-radius:26px;display:flex;align-items:center;gap:20px;background:#e9f7fb;border:2px dashed #b6e7f0}.next-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#fff;color:var(--cyan);font-size:40px;flex:none}.next-banner strong{font-size:20px}.next-banner p{margin:5px 0 0;color:var(--muted);font-size:14px}.banner-stars{margin-left:auto;color:var(--cyan);font-size:29px;white-space:nowrap}footer{border-top:1px solid #eae5d9;background:#fff;padding:21px 32px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#687080;font-weight:700}footer img{width:32px;height:32px;object-fit:contain}footer span:nth-child(2){color:var(--ink);font-weight:900}.footer-dot{color:var(--orange)}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0;padding-top:55px;padding-bottom:20px}.hero-art{height:315px;max-width:570px;width:100%;margin:auto}.hero-bingo{top:10%;left:17%}.word-one{top:8%}.word-two{top:36%}.word-three{top:64%}.game-preview{height:240px}.next-banner{margin-left:32px;margin-right:32px}}@media(max-width:650px){.topbar{height:72px;padding:0 18px}.brand img{width:51px;height:51px}.brand strong{font-size:14px}.brand small{font-size:10px}.top-actions{gap:10px}.nav-games{display:none}.hero{padding:48px 22px 8px}.hero h1{font-size:clamp(47px,11vw,67px)}.hero-copy>p{font-size:16px}.hero-note{font-size:11px}.hero-art{height:280px}.hero-bingo{width:180px;height:206px;padding:11px;border-width:6px;left:10%;top:14%}.mini-bingo-title{font-size:25px}.mini-bingo-grid{margin-top:8px;gap:4px}.mini-bingo-grid>div{border-radius:8px}.float-word{font-size:18px;padding:8px 12px;border-width:2px}.word-one{left:60%}.word-two{left:66%}.word-three{left:45%}.sun{font-size:70px}.games{padding:48px 19px}.section-heading{align-items:flex-start}.section-heading h2{font-size:34px}.section-heading p{font-size:14px}.game-count{display:none}.game-grid{grid-template-columns:1fr;gap:22px}.game-preview{height:220px}.game-card-body{padding:22px}.game-card h3{font-size:27px}.game-card p{min-height:0}.next-banner{margin:0 19px 48px;padding:20px;gap:13px}.next-icon{width:48px;height:48px;font-size:29px}.next-banner strong{font-size:16px}.next-banner p{font-size:12px}.banner-stars{display:none}}

/* Keep the game illustrations inside their panels at every breakpoint. */
.hero-bingo{width:190px;height:230px;left:13%;top:12%;padding:12px}
.mini-bingo-grid{gap:5px;margin-top:7px}
.mini-bingo-grid>div{aspect-ratio:1.18}
.word-three{left:60%}
.bingo-sheet{width:175px;height:190px;top:12px;padding:11px;border-width:5px}
.bingo-sheet strong{font-size:24px}
.sheet-grid{gap:5px;margin-top:8px}
.sheet-grid>span{aspect-ratio:1.2}
@media(max-width:650px){
  .hero-art{height:250px}
  .hero-bingo{width:clamp(145px,42vw,170px);height:195px;left:2%;top:9%;padding:9px;border-width:5px}
  .mini-bingo-title{font-size:23px}
  .mini-bingo-grid{margin-top:6px;gap:4px}
  .word-three{left:62%}
  .preview-word{font-size:22px;padding:10px 15px}
  .p-i{left:12%;top:47%}
  .p-like{left:40%;top:18%}
  .p-apples{left:41%;top:58%}
}
@media(min-width:901px){.p-apples{top:65%}}
@media(max-width:360px){
  .hero-bingo{width:135px;height:182px;left:0}
  .mini-bingo-title{font-size:20px}
}