@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Fredoka+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:radial-gradient(circle at top left,#3b82f6 0,#0000 60%),radial-gradient(circle at bottom right,#a855f7 0,#0000 60%),linear-gradient(135deg,#1e1b4b,#111827);color:#fff;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative}.star{animation:twinkle 2s infinite alternate;border-radius:50%;opacity:.9;position:absolute}.star.purple{background:radial-gradient(circle,#fff 30%,#a855f7 100%);box-shadow:0 0 12px 4px #a855f7}.star.blue{background:radial-gradient(circle,#fff 30%,#3b82f6 100%);box-shadow:0 0 12px 4px #3b82f6}@keyframes twinkle{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.nebula{animation:float 20s ease-in-out infinite alternate;border-radius:50%;filter:blur(120px);height:400px;opacity:.3;position:absolute;width:400px}.nebula.purple{background:#a855f7;left:15%;top:10%}.nebula.blue{background:#3b82f6;bottom:10%;right:15%}@keyframes boing-effect{0%{transform:scale(1) rotate(0deg)}30%{transform:scale(1.2) rotate(-10deg)}60%{transform:scale(1.1) rotate(8deg)}80%{transform:scale(1.15) rotate(-5deg)}to{transform:scale(1.05) rotate(0deg)}}*{box-sizing:border-box;margin:0;padding:0}.navbar-container{align-items:center;display:flex;height:15vh;justify-content:center;width:100%}.navbar-endgame{background:linear-gradient(45deg,#acacac,#4a4a4a);filter:blur(.9px)}.navbar-endgame,.navbar-won{align-items:center;border:1px solid #3c3c3c;border-radius:20px;box-shadow:8px 8px 0 #353535;display:flex;font-family:Fredoka One,cursive;height:65%;justify-content:space-around;transition:all .25s ease-in-out;width:80%}.navbar-won{background:linear-gradient(45deg,#99ff90,#e7e447)}.navbar{align-items:center;background:linear-gradient(45deg,#7b2ff7,#00c6ff);border:1px solid #1e1e8f;border-radius:20px;box-shadow:8px 8px 0 #1e1e8f;display:flex;font-family:Fredoka One,cursive;height:65%;justify-content:space-around;transition:all .25s ease-in-out;width:80%}.navbar:hover{box-shadow:12px 12px 0 #1e1e8f;transform:translate(-4px,-4px)}.logo{cursor:pointer;height:auto;max-width:14vw;min-width:80px;transition:transform .3s ease}.logo:hover{animation:boing-effect .8s ease-in-out forwards}.link{border-radius:12px;color:#fff;font-size:clamp(1.3rem,2vw,2.2rem);font-weight:700;padding:10px 22px;position:relative;text-decoration:none;text-shadow:2px 2px 0 #00000040;transition:all .15s ease-in-out}.link:hover{background-color:#fff3;transform:translateY(-3px) scale(1.05)}.link:after{background:#fff;border-radius:2px;bottom:-6px;content:"";height:3px;left:0;position:absolute;transition:width .25s ease-in-out;width:0}.link:hover:after{width:100%}.home-container{align-items:center;animation:fadeIn 1s ease-in-out;color:#fff;display:flex;justify-content:center;min-height:80vh;padding:20px;text-align:center}.hero-content{background:#0006;border:2px solid #a855f7;border-radius:25px;box-shadow:0 0 30px #a855f780;max-width:700px;padding:40px}.hero-content h1{font-size:3.5rem;font-weight:900;margin-bottom:15px}.hero-content h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#a855f7);background-clip:text;-webkit-background-clip:text}.subtitle{color:#d1d5db;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.subtitle-emoji{animation:wobble 2s infinite;display:inline-block}.cta-btn{background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:15px;box-shadow:0 5px 15px #0000004d;color:#fff;display:inline-block;font-size:1.4rem;font-weight:700;padding:15px 35px;text-decoration:none;transition:all .3s ease}.cta-btn:hover{box-shadow:0 0 25px #fff;transform:scale(1.05) translateY(-5px)}@keyframes wobble{0%,to{transform:rotate(0deg)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.games-menu{color:#fff;padding:30px;text-align:center}.won-title{color:#5b4100}.title,.won-title{margin-bottom:30px}.title{font-size:2.5rem;text-shadow:0 0 15px #a855f7}.games-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-content:center}.game-card{background:#000000e6}.game-card,.game-card-endgame{border:2px solid #3b82f6;border-radius:13px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.game-card-endgame{background:#e0dfdfe6}.game-card-won{background:#e1e1e1e6;border:2px solid #d7f63b;border-radius:13px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 0 20px #a855f7;transform:scale(1.05)}.emoji-icon{animation:bounce 1.5s infinite;font-size:3rem;margin-bottom:10px}.play-btn{background:linear-gradient(135deg,#3b82f6,#a855f7);border-radius:12px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:8px 16px;text-decoration:none;transition:.3s}.play-btn:hover{background:linear-gradient(135deg,#a855f7,#3b82f6);box-shadow:0 0 15px #fff}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,49%{opacity:1}50%{opacity:0}51%,to{opacity:1}}.secret{border-radius:13px;grid-column:span 5;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.secret-emoji{animation:blink 3s infinite;font-size:3rem;margin-bottom:10px}.play-btn-boss{background:#000000e6;border:.4px solid grey;border-radius:15px;color:#fff;padding:10px 20px;position:relative;text-decoration:none;top:15px}.play-btn-boss:hover{background:#000;box-shadow:0 0 15px #fff}.emoji-game{color:#fff;font-family:Comic Sans MS,cursive;text-align:center}.hud{display:flex;font-size:1.2rem;justify-content:space-around;margin-bottom:10px}.emoji-game-area{background:#000c;border:2px solid #fff;border-radius:20px;height:60vh;margin:0 auto;overflow:hidden;position:relative;width:80%}.emoji{animation:float 2s linear forwards;cursor:pointer;font-size:2rem;position:absolute;-webkit-user-select:none;user-select:none}.emoji.good{filter:drop-shadow(0 0 6px #3b82f6)}.emoji.bad{filter:drop-shadow(0 0 6px #ef4444)}@keyframes float{0%{transform:translateY(0)}to{opacity:.7;transform:translateY(-30px)}}.popup{animation:fadeOut .8s forwards;font-size:2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes fadeOut{0%{opacity:1;transform:scale(1) translate(-50%,-50%)}to{opacity:0;transform:scale(1.5) translate(-50%,-50%)}}.game-over{background-color:#1e1e8f}.emoji-game-start-screen,.game-over{border-radius:15px;color:#fff;font-size:1.2rem;font-weight:700;margin-top:15vh;padding:10vh 0;width:100%}.emoji-game-start-screen{margin-left:20%}.emoji-game-start-screen h1{font-size:3rem;margin-bottom:20px}.emoji-game-start-screen p{font-size:1.5rem;margin-bottom:30px}.play-again-btn{background:#ffea00;border:none;border-radius:15px;box-shadow:4px 4px 0 #1e1e8f;color:#222;cursor:pointer;font-size:1.2rem;font-weight:700;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.reaction-game-v2{color:#fff;font-family:Comic Sans MS,cursive;margin:auto;max-width:600px;padding:20px;text-align:center}.game-intro,.game-over-reaction{background:#0006;border:2px solid #ec4899;border-radius:20px;padding:30px}.btn-start{background:linear-gradient(135deg,#ef4444,#ec4899)}.btn-start:hover{box-shadow:0 0 25px #ec4899}.hud-reaction{background:#0000004d;border-radius:15px;display:flex;font-size:1.5rem;justify-content:space-around;margin-bottom:20px;padding:10px}.instruction{align-items:center;animation:fadeIn .5s ease;display:flex;font-size:1.8rem;justify-content:center;margin-bottom:25px;min-height:60px;text-shadow:0 0 10px #fff}.buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px;min-height:200px}.buttons-grid.preview{align-content:center;gap:15px;grid-template-columns:1fr 1fr 1fr;justify-content:center}.preview-box{animation:pulse 1.5s infinite;border-radius:15px;height:80px;margin:0 auto;width:80px}.btn-reaction{animation:fadeIn .3s ease;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;padding:20px;text-shadow:1px 1px 3px #00000080;transition:transform .2s ease,filter .2s ease}.btn-reaction:hover{filter:brightness(1.2);transform:scale(1.05)}.feedback-popup{animation:pop-out .8s ease-out forwards;font-size:3rem;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%}.feedback-popup.correct{color:#22c55e;text-shadow:0 0 15px #22c55e}.feedback-popup.incorrect{color:#ef4444;text-shadow:0 0 15px #ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-150%) scale(1.2)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.goat-game-container{background:#87ceeb;border:4px solid #8b4513;border-radius:15px;box-shadow:0 10px 30px #00000080;color:#fff;font-family:Comic Sans MS,cursive;height:600px;margin:50px auto 0;overflow:hidden;position:relative;width:400px;z-index:100}.game-area-goat{height:100%;position:relative;width:100%}.hud-goat{color:#fff;font-size:1.5rem;font-weight:700;left:10px;text-shadow:2px 2px 4px #000;top:10px;z-index:10}.goat,.hud-goat{position:absolute}.goat{font-size:40px;height:40px;line-height:40px;text-align:center;-webkit-user-select:none;user-select:none;width:40px;will-change:transform;z-index:5}.platform{background-color:#3b921b;border:2px solid #285e12;border-radius:8px;box-shadow:0 4px 0 #285e12;height:15px;position:absolute;z-index:1}.game-intro,.game-over-reaction{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:20}.final-message,.rules{color:#ddd;font-size:1.1rem;line-height:1.6;margin:15px auto;max-width:400px}.final-score{color:#eab308;font-size:2rem;font-weight:700;text-shadow:0 0 10px #eab308}.btn-start{background:linear-gradient(135deg,#3b921b,#8b4513);border:none;border-radius:15px;box-shadow:0 0 15px #fff;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:20px;padding:12px 25px;transition:all .3s ease}.btn-start:hover{box-shadow:0 0 25px #3b921b;transform:scale(1.1)}.pointless-container{background-color:#111827;border:4px solid #f59e0b;border-radius:15px;color:#fff;font-family:Courier New,Courier,monospace;height:600px;margin:50px auto;overflow:hidden;position:relative;width:800px}.game-area-pointless{height:100%;width:100%}.hud-pointless{background:#0000004d;font-size:1.5rem;padding:10px;text-align:center}.message-pointless{color:#f59e0b;font-size:1.2rem;height:40px;margin-top:20px;text-align:center}.the-button{background-color:#3b82f6;border:2px solid #fff;border-radius:10px;box-shadow:0 5px #1e40af;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 30px;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none}.the-button:active{box-shadow:0 2px #1e40af;transform:translateY(3px)}.the-button.decoy{background-color:#ef4444;box-shadow:0 5px #991b1b}.the-button.decoy:active{box-shadow:0 2px #991b1b}.game-intro,.game-over-pointless{padding:30px;text-align:center}.btn-start-pointless{background:#f59e0b;border:none;border-radius:15px;color:#111827;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:20px;padding:12px 25px;transition:all .3s ease}.btn-start-pointless:hover{transform:scale(1.1)}.certificate{background:#1f2937;border:5px double #f59e0b;margin:30px auto;max-width:500px;padding:20px}.winner-name{color:#3b82f6;font-size:1.5rem;font-style:italic;margin:10px 0}.congrats{font-size:1.8rem;margin-top:20px;transform:rotate(-5deg)}.parking-game-container{background-color:#374151;border:5px solid #facc15;font-family:Verdana,sans-serif;height:600px;margin:50px auto;overflow:hidden;position:relative;width:500px}.parking-lot{height:100%;position:relative;width:100%}.car{height:50px;position:absolute;width:30px}.parking-spot{border:3px dashed #fff;box-sizing:border-box;position:absolute}.obstacle{background-color:#f97316;border:1px solid #ea580c;position:absolute}.btn-start-parking{background:#facc15;border:none;border-radius:10px;color:#1f2937;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:20px;padding:12px 25px;transition:all .3s ease}.btn-start-parking:hover{transform:scale(1.1)}.level-indicator{color:#fff;font-size:1.2rem;font-weight:700;left:10px;position:absolute;text-shadow:1px 1px 2px #000;top:10px}.car{background-color:#ef4444;border:1px solid #b91c1c;border-radius:5px;box-sizing:border-box}.car:before{background-color:#60a5fa;border-radius:2px;content:"";height:10px;left:5px;position:absolute;top:5px;width:20px}.obstacle.moving{background-color:#f59e0b;border-color:#d97706}.boss-intro-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.boss-phrase{color:#ff4d4d;font-size:2.5rem;text-shadow:0 0 10px red}.boss{animation:boss-throb 2s infinite;font-size:15rem}@keyframes boss-throb{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes hellishSky{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.game-container{animation:hellishSky 30s ease infinite;background:radial-gradient(ellipse at bottom,#ff7e5f,#feb47b,#1a0000 70%);background-size:400% 400%;border-bottom:3px solid #ff7e5f;height:85vh;overflow:hidden;position:relative;transition:filter 1s ease-in-out;width:100%}.game-container:after{background-color:#1a0000;bottom:0;box-shadow:inset 0 5px 15px -5px #ff7e5f;content:"";height:15vh;left:0;position:absolute;width:100%;z-index:0}.game-area{height:100%;position:relative;width:100%}.hud{color:#fff;font-family:Courier New,Courier,monospace;font-size:2rem;font-weight:700;left:20px;text-shadow:2px 2px 4px #000;top:20px;z-index:100}.hud,.lost{position:absolute}.lost{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;top:0;width:100%;z-index:200}.lost h1{color:#fff;font-size:6rem;margin-bottom:20px;text-shadow:0 0 20px #ffc107}.lost button{background-color:#ffc107;border:3px solid #ff8f00;border-radius:10px;color:#4e342e;cursor:pointer;font-size:2rem;font-weight:700;padding:15px 30px;transition:transform .2s ease,background-color .2s ease}.lost button:hover{background-color:#ffd54f;transform:scale(1.1)}.won{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.won h1{color:#fff;font-size:6rem;margin-bottom:20px;text-align:center;text-shadow:0 0 20px #02f316}.won button{background-color:#baffc4;border:3px solid #004f17;border-radius:10px;color:#4e342e;cursor:pointer;font-size:2rem;font-weight:700;padding:15px 30px;transition:transform .2s ease,background-color .2s ease}.won button:hover{background-color:#ffd54f;transform:scale(1.1)}
/*# sourceMappingURL=main.9a6ef8fa.css.map*/