.play-page{overflow-x:hidden;background:var(--cream)}.play-page .nav{color:white}.play-page .nav-links a.active:after{right:0;background:var(--yellow)}
.play-hero{position:relative;isolation:isolate;min-height:100vh;padding:145px clamp(22px,6vw,100px) 120px;overflow:hidden;background:linear-gradient(135deg,#003d86,#075ebc 58%,#1598e7);color:white}
.play-dots{position:absolute;inset:0;z-index:-3;background-image:radial-gradient(#ffffff28 1.3px,transparent 1.4px);background-size:28px 28px;animation:playDots 20s linear infinite}.play-orb{position:absolute;z-index:-2;border-radius:50%;border:65px solid #ffffff0d}.play-orb-a{width:480px;height:480px;right:-190px;top:-160px}.play-orb-b{width:330px;height:330px;left:-170px;bottom:-120px;border-color:#ffd83d16}
.play-heading{max-width:800px;margin:0 auto 60px;text-align:center}.play-kicker{display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:1000;letter-spacing:2.3px;text-transform:uppercase}.play-kicker b{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 7px #ffd83d25}.play-heading h1{margin:25px 0 19px;font:800 clamp(65px,7.4vw,112px)/.78 "Baloo 2";letter-spacing:-5px}.play-heading h1 em{position:relative;color:var(--yellow);font-style:normal}.play-heading h1 em:after{content:"";position:absolute;z-index:-1;left:0;right:-2%;bottom:3px;height:9px;border-radius:50%;background:var(--red);transform:rotate(-2deg)}.play-heading p{max-width:650px;margin:auto;color:#e4f2ff;font-size:18px;line-height:1.65}
.game-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:clamp(22px,3vw,42px);width:min(1280px,100%);margin:auto}.game-choice{min-width:0}.game-choice-button{display:block;color:inherit;text-decoration:none}.choice-scene{position:relative;isolation:isolate;aspect-ratio:1;overflow:hidden;border:7px solid white;border-radius:36px;background-image:linear-gradient(180deg,#18a5f200 50%,#0e7b2e45),url("assets/balloon-game-background.webp");background-size:auto 100%;background-position:center;box-shadow:0 28px 65px #001b3c6e;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.run-choice .choice-scene{background-image:linear-gradient(180deg,#18a5f200 50%,#0e7b2e45),url("assets/run-countryside-loop.webp")}.cake-choice .choice-scene{background-image:radial-gradient(circle at 50% 55%,#ffffffb5,transparent 38%),linear-gradient(150deg,#ffd3e1,#ff8fb2 52%,#ffcf52)}.game-choice-button:hover .choice-scene{transform:translateY(-10px) rotate(-.7deg);box-shadow:0 40px 80px #00172f8a}.choice-scene:after{content:"";position:absolute;inset:0;z-index:5;border-radius:28px;box-shadow:inset 0 0 0 2px #ffffff7a;pointer-events:none}.choice-scene>img{position:absolute;z-index:3;filter:drop-shadow(0 18px 17px #002b4d55);transition:transform .45s var(--ease)}.balloon-choice .choice-scene>img{left:5%;bottom:-1%;width:90%}.run-choice .choice-scene>img{left:20%;bottom:-6%;width:64%;height:88%;object-fit:contain}.cake-choice .choice-scene>img{right:-10%;bottom:-14%;width:76%;height:84%;object-fit:contain;object-position:center bottom}.game-choice-button:hover .choice-scene>img{transform:scale(1.045)}.choice-play{position:absolute;z-index:8;right:22px;bottom:22px;display:grid;width:66px;height:66px;place-items:center;border:4px solid #ffffffb8;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:22px;box-shadow:0 13px 30px #003c6b55;transition:transform .35s var(--ease)}.game-choice-button:hover .choice-play{transform:scale(1.12) rotate(6deg)}.choice-scene small{position:absolute;z-index:8;left:20px;top:20px;padding:9px 13px;border-radius:10px;background:var(--red);color:white;font-size:9px;font-weight:1000;letter-spacing:1.4px;box-shadow:0 10px 24px #72111d44}.run-choice .choice-scene small{background:var(--blue)}.cake-choice .choice-scene small{background:#ff4f83}
.preview-balloon{position:absolute;z-index:2;width:54px;height:66px;border:2px solid #ffffff9c;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 30% 25%,#fff 0 7%,var(--balloon) 13% 62%,#075ebc 100%);box-shadow:0 12px 25px #00386a55;animation:previewFloat 3.5s ease-in-out infinite}.preview-balloon:after{content:"";position:absolute;left:23px;bottom:-34px;width:1px;height:36px;background:white}.balloon-red{--balloon:#f04545;left:12%;top:18%}.balloon-yellow{--balloon:#ffd83d;right:13%;top:12%;animation-delay:-1.5s}.balloon-pink{--balloon:#ff6fb3;right:8%;top:43%;animation-delay:-2.5s}.preview-star{position:absolute;z-index:2;color:var(--yellow);font-size:65px;line-height:1;text-shadow:0 6px 0 #d89e00,0 12px 25px #00375866;animation:starPulse 1.6s ease-in-out infinite}.star-one{right:15%;top:18%}.star-two{left:9%;top:40%;font-size:45px;animation-delay:-.8s}.preview-gift{position:absolute;z-index:2;right:7%;bottom:20%;display:grid;width:72px;height:66px;place-items:center;border:5px solid #ffef9b;border-radius:14px;background:var(--red);color:var(--yellow);font-size:30px;transform:rotate(7deg);box-shadow:0 14px 25px #00385955}
.preview-cake{position:absolute;z-index:2;left:6%;bottom:10%;width:51%;height:43%;filter:drop-shadow(0 17px 14px #86395655)}.preview-cake i{position:absolute;left:50%;bottom:0;height:35%;border-radius:13px 13px 7px 7px;background:linear-gradient(90deg,#d94f7d,#ff91b3 45% 70%,#d94f7d);translate:-50%}.preview-cake i:nth-child(1){width:100%}.preview-cake i:nth-child(2){bottom:31%;width:76%}.preview-cake i:nth-child(3){bottom:62%;width:51%}.preview-cake i:before{content:"";position:absolute;left:0;right:0;top:-6px;height:15px;border-radius:50%;background:#fff9ed}.preview-cake b{position:absolute;z-index:2;left:50%;top:-23%;color:#ff4d76;font:900 44px/1 "Baloo 2";text-shadow:0 3px white;translate:-50%}.preview-candle{position:absolute;z-index:2;top:20%;width:13px;height:44px;border:2px solid white;border-radius:5px;background:repeating-linear-gradient(135deg,#075ebc 0 6px,#fff 7px 10px)}.preview-candle:before{content:"";position:absolute;left:50%;bottom:45px;width:14px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 65%,#fff 0 12%,#ffe45d 20% 53%,#ff6b25 68%);translate:-50%;filter:drop-shadow(0 0 8px #ff9d2b);animation:starPulse 1s ease-in-out infinite}.candle-one{left:17%}.candle-two{left:33%;top:23%}
.choice-copy{padding:25px 7px 0}.choice-copy>span{color:var(--yellow);font-size:10px;font-weight:1000;letter-spacing:2px}.choice-copy h2{margin:6px 0 5px;font:800 clamp(28px,3vw,39px)/1 "Baloo 2"}.choice-copy p{margin:0;color:#dceeff;font-size:16px;line-height:1.6}.play-page footer{background:var(--ink)}
@keyframes playDots{to{background-position:56px 28px}}@keyframes previewFloat{50%{translate:0 -13px;rotate:3deg}}@keyframes starPulse{50%{transform:scale(1.18) rotate(9deg)}}@keyframes dancePreviewLight{50%{transform:rotate(14deg);opacity:.78}}
@media(max-width:1180px){.game-choice-grid{grid-template-columns:repeat(2,minmax(0,500px))}}
@media(max-width:900px){.play-hero{padding-top:125px}.game-choice-grid{grid-template-columns:minmax(0,560px)}.choice-copy{text-align:center}.play-heading h1{letter-spacing:-3px}}
@media(max-width:560px){.play-hero{padding:112px 17px 85px}.play-heading{margin-bottom:40px}.play-heading h1{font-size:54px}.play-heading p{font-size:16px}.choice-scene{border-width:5px;border-radius:27px}.choice-play{right:15px;bottom:15px;width:58px;height:58px}.choice-copy{padding:20px 3px 0}.choice-copy h2{font-size:29px}.choice-copy p{font-size:15px}.game-choice-grid{gap:43px}}
@media(prefers-reduced-motion:reduce){.play-dots,.preview-balloon,.preview-star{animation:none!important}}
.cake-choice .choice-scene{background-image:url("assets/cake-factory-card-3d.webp");background-size:cover;background-position:center}