@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";.sc-root{background:#060018;position:fixed;inset:0;overflow:hidden}.sc-canvas{touch-action:none;width:100%;height:100%;display:block}.sc-hud{pointer-events:none;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:absolute;top:16px;left:0;right:0}.sc-lives{filter:drop-shadow(0 2px 6px #0009);flex-wrap:wrap;gap:2px;max-width:220px;font-family:Fredoka One,cursive;font-size:1.2rem;transition:color .3s;display:flex}.sc-lives-danger{color:#f44;animation:.45s ease-in-out infinite alternate livesPulse}@keyframes livesPulse{0%{filter:drop-shadow(0 0 6px #ff44444d);transform:scale(1)}to{filter:drop-shadow(0 0 14px #ff4444e6);transform:scale(1.18)}}.sc-score{color:gold;text-shadow:0 0 12px #ffd70099,0 2px #a86000;font-family:Fredoka One,cursive;font-size:1.8rem}.sc-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040012b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sc-panel{text-align:center;background:linear-gradient(145deg,#150048,#280070);border:3px solid #c97eff;border-radius:32px;width:min(380px,90vw);padding:2.6rem 2.2rem;box-shadow:0 0 48px #c97eff4d,0 16px 40px #0000008c}.sc-panel-icon{margin-bottom:.4rem;font-size:4.2rem;animation:2.2s ease-in-out infinite scIconFloat;display:inline-block}@keyframes scIconFloat{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-12px)rotate(6deg)}}.sc-panel-title{color:gold;text-shadow:0 3px #a85000,0 0 20px #ffd70066;margin-bottom:.5rem;font-family:Fredoka One,cursive;font-size:2.6rem}.sc-panel-sub{color:#ddb8ff;margin-bottom:.4rem;font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.6}.sc-panel-sub strong{color:gold;font-size:1.4em}.sc-controls{color:#8060b0;margin-bottom:1.4rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:600}.sc-btn{cursor:pointer;border:none;border-radius:20px;width:100%;margin-bottom:.85rem;padding:.9rem 1rem;font-family:Fredoka One,cursive;font-size:1.35rem;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s;display:block}.sc-btn:last-child{margin-bottom:0}.sc-btn:hover{transform:scale(1.05)}.sc-btn:active{transform:scale(.96)}.sc-btn-play{color:#3d1500;background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 7px #a85500}.sc-btn-play:hover{box-shadow:0 9px #a85500}.sc-btn-back{color:#fff;background:linear-gradient(135deg,#c97eff,#5ab4ff);font-size:1.1rem;box-shadow:0 7px #40a}.sc-btn-back:hover{box-shadow:0 9px #40a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--card-shadow:0 8px 0px #00000026}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Nunito,Comic Sans MS,cursive,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-2;background:linear-gradient(#ffe0f7 0%,#c3f0ff 40%,#d4ffe8 100%);animation:8s ease-in-out infinite alternate skyShift;position:fixed;inset:0}@keyframes skyShift{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}.cloud{opacity:.75;z-index:-1;background:#fff;border-radius:50px;position:fixed}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-1{width:120px;height:40px;animation:22s linear infinite drift;top:8%;left:-140px}.cloud-1:before{width:60px;height:60px;top:-30px;left:15px}.cloud-1:after{width:40px;height:40px;top:-20px;left:55px}.cloud-2{width:160px;height:50px;animation:30s linear 8s infinite drift;top:20%;left:-180px}.cloud-2:before{width:80px;height:80px;top:-40px;left:20px}.cloud-2:after{width:55px;height:55px;top:-28px;left:75px}.cloud-3{width:100px;height:34px;animation:18s linear 3s infinite drift;top:55%;left:-120px}.cloud-3:before{width:50px;height:50px;top:-26px;left:12px}.cloud-3:after{width:34px;height:34px;top:-17px;left:48px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.stars{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.star{font-size:1.4rem;animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(20deg)}}header{text-align:center;padding:2.5rem 1rem 1rem}.logo{color:#fff;text-shadow:0 4px #e86fc5,0 6px 12px #00000026;align-items:center;gap:.5rem;font-family:Fredoka One,cursive;font-size:clamp(2.2rem,6vw,3.8rem);animation:3s ease-in-out infinite logoFloat;display:inline-flex}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline{color:#6e3fa3;letter-spacing:.03em;margin-top:.5rem;font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700}.greeting-bar,.rainbow-text{background:linear-gradient(90deg,#ff6b6b,orange,#ffe566,#6ddd8b,#5ab4ff,#c97eff,#ff8dd8) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite rainbowText}.greeting-bar{text-align:center;margin:1rem auto .5rem;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;display:block}@keyframes rainbowText{0%{background-position:0%}to{background-position:300%}}.section-label{text-align:center;color:#6e3fa3;margin:2rem 0 1.2rem;font-family:Fredoka One,cursive;font-size:clamp(1.4rem,3vw,2rem);display:block}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.8rem;max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem;display:grid}.game-card{text-align:center;cursor:pointer;box-shadow:var(--card-shadow);-webkit-user-select:none;user-select:none;border-radius:28px;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1rem 1.5rem;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:flex;position:relative}.game-card:hover,.game-card:focus-visible{outline:none;transform:translateY(-10px)scale(1.04);box-shadow:0 16px #0000002e}.game-card:active{transform:translateY(2px)scale(.97)}.card-red{background:linear-gradient(160deg,#ff9a9e,#ffd3d3);border:4px solid #ff7f7f}.card-yellow{background:linear-gradient(160deg,#ffe566,#fff3a8);border:4px solid #f5c518}.card-green{background:linear-gradient(160deg,#8df5b1,#d4ffe8);border:4px solid #4cca80}.card-blue{background:linear-gradient(160deg,#85d4ff,#d0f0ff);border:4px solid #3ba7f5}.card-purple{background:linear-gradient(160deg,#d4a8ff,#eddeff);border:4px solid #a45de8}.card-orange{background:linear-gradient(160deg,#ffbe82,#ffecd2);border:4px solid #f08030}.card-pink{background:linear-gradient(160deg,#ffb3e6,#ffe8f7);border:4px solid #e860b8}.card-mint{background:linear-gradient(160deg,#80f0d0,#d0fff4);border:4px solid #20c080}.badge{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#ff4f4f;border-radius:4px 4px 0;padding:3px 10px 3px 8px;font-size:.65rem;font-weight:800;position:absolute;top:14px;right:-6px;box-shadow:2px 2px #00000026}.badge:after{content:"";border-top:0 solid #0000;border-bottom:6px solid #0000;border-left:0 solid #0000;border-right:6px solid #b82020;position:absolute;bottom:-6px;right:0}.game-icon{font-size:clamp(3rem,7vw,4.2rem);line-height:1;transition:transform .2s;animation:4s ease-in-out infinite iconWiggle;display:inline-block}@keyframes iconWiggle{0%,90%,to{transform:rotate(0)}92%{transform:rotate(-12deg)}96%{transform:rotate(12deg)}}.game-title{color:#3d2070;font-family:Fredoka One,cursive;font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.2}.game-desc{color:#5e3a9a;opacity:.85;font-size:.85rem;font-weight:600;line-height:1.3}footer{text-align:center;color:#8b58d4;opacity:.8;padding:1.5rem;font-size:.9rem;font-weight:700}@media (width<=480px){.games-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.earth-loading{color:#aaa;letter-spacing:.05em;background:#000;justify-content:center;align-items:center;font-family:Nunito,sans-serif;font-size:1.4rem;display:flex;position:fixed;inset:0}