body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page{align-items:center;animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#ff6b9d,#c44bd4,#4dabf7);background-size:400% 400%;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:15px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.landing-container{max-width:1000px;text-align:center;width:100%}.landing-header{margin-bottom:40px}.site-title{animation:sparkle 2s ease-in-out infinite alternate;color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}@keyframes sparkle{0%{filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,1))}}.site-subtitle{color:#ffffffe6;font-size:1.1rem;line-height:1.4;margin:0;text-shadow:1px 1px 2px #0000004d}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;padding:30px 25px;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.game-card.coming-soon{opacity:.7}.game-icon{font-size:3rem;margin-bottom:15px}.game-title{color:#2d1b3d;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:12px;text-shadow:0 1px 2px #0000001a}.game-description{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:20px}.play-button{background:linear-gradient(45deg,#ff6b9d,#c44bd4);box-shadow:0 4px 15px #ff6b9d66;display:inline-block;font-size:1rem;padding:12px 25px;text-decoration:none}.play-button:hover{box-shadow:0 6px 20px #ff6b9d99}.play-button.disabled{background:linear-gradient(45deg,#ccc,#999);box-shadow:none;cursor:not-allowed}.play-button.disabled:hover{filter:none;transform:none}.landing-footer{color:#fffc;font-size:1rem;text-shadow:1px 1px 2px #0000004d}@media (min-width:768px){.landing-page{padding:20px}.landing-header{margin-bottom:60px}.site-title{font-size:3.5rem}.site-subtitle{font-size:1.3rem}.games-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px}.game-card{padding:40px 30px}.game-icon{font-size:4rem;margin-bottom:20px}.game-title{font-size:1.8rem;margin-bottom:15px}.game-description{font-size:1rem;margin-bottom:25px}.play-button{padding:15px 30px}.landing-footer,.play-button{font-size:1.1rem}}@media (max-width:480px){.landing-page{padding:10px}.landing-header{margin-bottom:30px}.site-title{font-size:2rem;margin-bottom:8px}.site-subtitle{font-size:1rem}.games-grid{gap:15px;grid-template-columns:1fr;margin-bottom:30px}.game-card{padding:25px 20px}.game-icon{font-size:2.5rem;margin-bottom:12px}.game-title{font-size:1.3rem;margin-bottom:10px}.game-description{font-size:.9rem;margin-bottom:18px}.play-button{padding:10px 20px}.landing-footer,.play-button{font-size:.9rem}}.unicorn-game{background:linear-gradient(135deg,#e3f2fd,#f3e5f5,#fce4ec);font-family:Arial,sans-serif;min-height:100vh;padding:10px}.game-title{color:#639;text-shadow:2px 2px 4px #0000001a}.game-container{gap:20px;margin:0 auto;max-width:1200px}.game-container,.unicorn-display{display:flex;flex-direction:column}.unicorn-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;justify-content:center;min-height:300px;order:1;padding:20px;position:relative}.unicorn{position:relative;transform-origin:center bottom;transition:all .3s ease}.unicorn-body{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.horn-glow-effect{font-size:1.5rem;left:50%;opacity:0;position:absolute;top:-25px;transform:translateX(-50%);transition:all .3s ease;z-index:5}.horn-glow-effect.glowing{animation:hornGlow 1s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px #ff6b9d) drop-shadow(0 0 40px #c44bd4);opacity:1}@keyframes hornGlow{0%{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.1)}}.unicorn-wings{left:50%;opacity:0;position:absolute;top:10px;transform:translateX(-50%);transition:opacity .3s ease;z-index:2}.unicorn.flying .unicorn-wings{opacity:1}.wing{animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;font-size:2rem;position:absolute}.wing.left{left:-40px;transform-origin:right center}.wing.right{right:-40px;transform-origin:left center}.unicorn-wings.flapping .wing.left{animation-name:flapLeft}.unicorn-wings.flapping .wing.right{animation-name:flapRight}@keyframes flapLeft{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-45deg)}}@keyframes flapRight{0%,to{transform:rotate(15deg)}50%{transform:rotate(45deg)}}.main-unicorn{font-size:4rem;margin-bottom:10px;position:relative;z-index:3}.legs-effect{display:flex;gap:10px;justify-content:center;position:relative;z-index:2}.hoof{font-size:1rem}.unicorn-tail{font-size:1.5rem;position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:1}.unicorn.walking{animation:walk 2s ease-in-out infinite}@keyframes walk{0%,to{transform:translateX(0)}25%{transform:translateX(-15px) rotate(-1deg)}75%{transform:translateX(15px) rotate(1deg)}}.unicorn.walking .hoof{animation:hoofWalk 1s ease-in-out infinite}@keyframes hoofWalk{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.unicorn.flying{animation:fly 3s ease-in-out infinite}@keyframes fly{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.ground{background:linear-gradient(90deg,#66bb6a,#4caf50);border-radius:10px;bottom:10px;height:15px;left:0;position:absolute;width:100%}.controller{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;order:2;padding:20px}.controller-title{color:#639;font-size:1.3rem;margin-bottom:20px;text-align:center}.controller-body{background:#333;border-radius:15px;box-shadow:inset 0 4px 10px #0000004d;padding:20px}.control-buttons{flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:center}.control-button{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;max-width:120px;min-width:80px;padding:15px 12px;transition:all .3s ease}.control-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.control-button:active{transform:translateY(0)}.control-button.yellow{background:linear-gradient(45deg,#ffeb3b,#ffc107);color:#333}.control-button.yellow.active{background:linear-gradient(45deg,#fff176,#ffca28);box-shadow:0 0 20px #ffeb3b}.control-button.blue{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff}.control-button.blue.active{background:linear-gradient(45deg,#42a5f5,#1e88e5);box-shadow:0 0 20px #2196f3}.control-button.red{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff}.control-button.red.active{background:linear-gradient(45deg,#ef5350,#e53935);box-shadow:0 0 20px #f44336}.button-icon{font-size:1.2rem}.button-label{font-size:.8rem}.instructions{background:#fffc}.instructions p{color:#639}@media (min-width:768px){.game-container{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.unicorn-display{height:400px;order:0;padding:40px}.controller{order:0;padding:30px}.controller-title{font-size:1.5rem;margin-bottom:30px}.controller-body{padding:30px}.control-buttons{flex-direction:column;gap:20px}.control-button{font-size:1rem;max-width:none;min-width:0;min-width:auto;padding:20px}.button-icon{font-size:1.5rem}.button-label{font-size:.9rem}.game-title{font-size:2.5rem}.main-unicorn{font-size:6rem}.instructions{margin:40px auto 0;padding:30px}.instructions p{font-size:1.2rem;margin-bottom:20px}.instruction-list{gap:30px}.instruction-list span{font-size:1rem;padding:10px 20px}}@media (max-width:480px){.unicorn-game{padding:5px}.game-header{flex-direction:column;margin-bottom:15px;text-align:center}.game-title{font-size:1.5rem}.back-button{font-size:.8rem;padding:10px 15px}.unicorn-display{min-height:250px;padding:15px}.main-unicorn{font-size:3rem}.controller,.controller-body{padding:15px}.control-buttons{gap:10px}.control-button{font-size:.8rem;min-width:70px;padding:12px 8px}.button-icon{font-size:1rem}.button-label{font-size:.7rem}.instructions{margin:15px auto 0;padding:15px}.instructions p{font-size:.9rem}.instruction-list{align-items:center;flex-direction:column;gap:10px}.instruction-list span{font-size:.8rem;padding:6px 12px}}.maze-game{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif;min-height:100vh;padding:10px;position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-header{flex-wrap:wrap;gap:15px;margin-left:auto;margin-right:auto;max-width:1200px}.back-button{background:linear-gradient(45deg,#ff6b9d,#c44bd4);border-radius:25px;box-shadow:0 4px 15px #ff6b9d66;font-size:.9rem;padding:12px 20px}.back-button:hover{box-shadow:0 6px 20px #ff6b9d99;transform:translateY(-2px)}.game-title{color:#fff;flex:1 1;font-size:2rem;margin:0;text-align:center;text-shadow:2px 2px 4px #00000080}.game-stats{color:#fff;flex-wrap:wrap;font-size:1rem;font-weight:700;justify-content:center;margin-bottom:20px;text-shadow:1px 1px 2px #0000004d}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:8px 15px}.game-complete{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0003;margin:0 auto 20px;max-width:600px;padding:40px;text-align:center}.game-complete h2{animation:celebration 1s ease-in-out infinite alternate;color:#27ae60;margin-bottom:20px}@keyframes celebration{0%{transform:scale(1)}to{transform:scale(1.05)}}.final-stats{color:#2c3e50;display:flex;font-weight:700;justify-content:space-around}.play-button{background:linear-gradient(45deg,#27ae60,#2ecc71);border:none;border-radius:50px;box-shadow:0 4px 15px #27ae6066;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.play-button:hover{box-shadow:0 6px 20px #27ae6099;filter:brightness(1.1);transform:translateY(-2px)}.game-area{align-items:flex-start;display:flex;gap:20px;margin:0 auto;max-width:1200px}.maze-container{align-items:center;background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0003;cursor:pointer;display:flex;flex:2 1;justify-content:center;padding:20px;touch-action:pan-x pan-y}.maze-grid{border:3px solid #2c3e50;border-radius:10px;box-shadow:0 8px 25px #0000004d;flex-direction:column;overflow:hidden}.maze-cell,.maze-grid,.maze-row{display:flex}.maze-cell{align-items:center;border:1px solid #0000001a;font-size:1.2rem;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.maze-cell.wall{background:linear-gradient(45deg,#34495e,#2c3e50);color:#7f8c8d}.maze-cell.path{background:linear-gradient(45deg,#ecf0f1,#bdc3c7)}.maze-cell.player{animation:playerPulse 1s ease-in-out infinite alternate;background:linear-gradient(45deg,#f39c12,#e67e22);z-index:10}@keyframes playerPulse{0%{box-shadow:0 0 0 0 #f39c12b3;transform:scale(1)}to{box-shadow:0 0 0 10px #f39c1200;transform:scale(1.1)}}.maze-cell.key{animation:keyGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#f1c40f,#f39c12)}@keyframes keyGlow{0%{box-shadow:0 0 5px #f1c40f;transform:scale(1)}to{box-shadow:0 0 20px #f1c40f,0 0 30px #f39c12;transform:scale(1.1)}}.maze-cell.exit-closed{background:linear-gradient(45deg,#95a5a6,#7f8c8d);opacity:.6}.maze-cell.exit-open{animation:exitReady 1.5s ease-in-out infinite alternate;background:linear-gradient(45deg,#2ecc71,#27ae60)}@keyframes exitReady{0%{box-shadow:0 0 5px #2ecc71;transform:scale(1)}to{box-shadow:0 0 15px #2ecc71,0 0 25px #27ae60;transform:scale(1.05)}}.controls{background:#ffffffe6;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;flex:1 1;flex-direction:column;gap:20px;max-height:-webkit-fit-content;max-height:fit-content;padding:20px}.action-section,.control-section{text-align:center}.action-section h3,.control-section h3{color:#2c3e50;margin-bottom:15px}.control-buttons{align-items:center;flex-direction:column}.control-buttons,.horizontal-controls{display:flex;gap:10px}.control-btn{background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;min-height:44px;min-width:80px;padding:12px 16px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.control-btn:hover{box-shadow:0 4px 15px #3498db66;transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.action-btn{background:linear-gradient(45deg,#9b59b6,#8e44ad);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin:5px;min-height:44px;min-width:120px;padding:12px 20px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.action-btn:hover{box-shadow:0 4px 15px #9b59b666;transform:translateY(-2px)}.level-selector{margin-top:15px}.level-selector h4{color:#2c3e50;margin-bottom:10px}.level-btn{background:linear-gradient(45deg,#16a085,#1abc9c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin:2px;min-height:44px;min-width:44px;padding:8px 12px;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.level-btn:hover:not(:disabled){box-shadow:0 4px 15px #16a08566;transform:translateY(-2px)}.level-btn.current{background:linear-gradient(45deg,#e74c3c,#c0392b);transform:scale(1.1)}.level-btn.locked{background:linear-gradient(45deg,#95a5a6,#7f8c8d);opacity:.6}.level-btn.locked,.level-btn:disabled{cursor:not-allowed}.instructions{box-shadow:0 10px 30px #0000001a;margin:20px auto 0;max-width:1200px;text-align:center}.instructions p{color:#2c3e50;font-size:1rem;font-weight:700;margin-bottom:15px}.instruction-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.instruction-list span{background:#fffc;border-radius:20px;box-shadow:0 4px 15px #0000001a;color:#555;font-size:.85rem;font-weight:700;padding:8px 15px}@media (min-width:768px){.game-title{font-size:2.5rem}.maze-cell{font-size:1.5rem;height:50px;width:50px}.instructions{margin:40px auto 0;padding:30px}.instructions p{font-size:1.2rem;margin-bottom:20px}.instruction-list{gap:30px}.instruction-list span{font-size:1rem;padding:10px 20px}}@media (max-width:768px){.maze-game{padding:5px}.game-header{flex-direction:column;margin-bottom:10px;text-align:center}.game-title{font-size:1.3rem}.back-button{font-size:.8rem;padding:10px 15px}.game-stats{font-size:.75rem;gap:8px;margin-bottom:10px}.stat{font-size:.7rem;padding:4px 8px}.game-area{flex-direction:column;gap:10px}.maze-container{flex:none;margin-bottom:10px;max-width:none;padding:5px;position:relative;width:100%}.maze-container:after{background:#fffc;border-radius:8px;bottom:2px;color:#00000080;content:"👆 Swipe to move";font-size:.6rem;padding:1px 4px;pointer-events:none;position:absolute;right:5px}.maze-grid{max-width:100vw;width:100%}.maze-row{width:100%}.maze-cell{font-size:.8rem;height:calc(10vw - 4px);max-height:35px;max-width:35px;min-height:25px;min-width:25px;width:calc(10vw - 4px)}.controls{background:#fffffff2;border-radius:15px;margin:0 5px;padding:10px}.action-btn,.control-btn{padding:12px 16px}.action-btn,.control-btn,.level-btn{font-size:.9rem;min-height:44px;min-width:44px}.level-btn{margin:2px;padding:8px 12px}.instructions{margin:10px 5px 0;padding:10px}.instructions p{font-size:.85rem;margin-bottom:10px}.instruction-list{align-items:center;flex-direction:column;gap:8px}.instruction-list span{font-size:.75rem;padding:4px 8px}}@media (max-width:480px){.maze-game{padding:2px}.game-title{font-size:1.1rem}.maze-container{padding:2px}.maze-cell{font-size:.7rem;height:calc(10vw - 2px);max-height:32px;max-width:32px;min-height:22px;min-width:22px;width:calc(10vw - 2px)}.game-stats{align-items:center;flex-direction:column;gap:3px;margin-bottom:8px}.stat{font-size:.65rem;padding:3px 6px}.level-btn{font-size:.8rem;min-height:44px;min-width:44px;padding:8px 10px}.action-btn,.control-btn{font-size:.85rem;min-height:44px;min-width:44px;padding:12px 14px}.controls{margin:0 2px;padding:8px}.instructions{margin:8px 2px 0;padding:8px}.maze-container:after{font-size:.55rem;padding:1px 3px}}.forest-defense-game{background:linear-gradient(135deg,#e8f5e8,#d4edda 50%,#c3e6cb);color:#2d5016;font-family:Comic Sans MS,cursive,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:20px}.game-header{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b9d,#c44bd4,#4dabf7);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;text-align:center}.game-header h2{font-size:2.5em;margin:0;text-shadow:2px 2px 4px #0000001a}.game-stats{background:#ffffffe6;border-radius:20px;box-shadow:0 4px 8px #0000001a;justify-content:space-around;margin-top:10px;padding:10px}.game-stats span{color:#2d5016;font-size:1.1em;font-weight:700}.game-container{background:linear-gradient(180deg,#87ceeb 0,#98fb98 30%,#90ee90 60%,#228b22);border:4px solid #8b4513;border-radius:20px;box-shadow:0 8px 16px #0003;height:500px;width:100%}.forest-background,.game-container{overflow:hidden;position:relative}.forest-trees{animation:gentle-sway 6s ease-in-out infinite;bottom:0;font-size:2em;left:0;opacity:.3;position:absolute;right:0;z-index:1}@keyframes gentle-sway{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.princess{animation:princess-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,157,.8));font-size:3em;position:absolute;transform:translate(-50%,-50%);z-index:3}@keyframes princess-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,107,157,.8));transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 15px rgba(255,107,157,1));transform:translate(-50%,-50%) scale(1.05)}}.ninja{filter:drop-shadow(0 0 8px rgba(77,171,247,.6));font-size:3em;position:absolute;transform:translate(-50%,-50%);transition:all .1s ease;z-index:4}.ninja.attacking{animation:ninja-attack .2s ease-in-out;filter:drop-shadow(0 0 15px rgba(77,171,247,1))}@keyframes ninja-attack{0%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0deg)}}.arrow{animation:arrow-fly .1s ease-out;color:#8b4513;filter:drop-shadow(0 0 4px rgba(139,69,19,.8));font-size:1.5em;position:absolute;transform:translate(-50%,-50%);z-index:3}@keyframes arrow-fly{0%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1)}}.crosshair{animation:crosshair-pulse 1s ease-in-out infinite;color:#ff0000b3;font-size:2em;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:5}@keyframes crosshair-pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.bear{animation:bear-move 1s linear infinite;filter:drop-shadow(0 0 8px rgba(139,69,19,.6));font-size:2.5em;position:absolute;transform:translate(-50%,-50%);z-index:2}@keyframes bear-move{0%,to{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-50%) rotate(2deg)}}.bear.defeated{animation:bear-defeat .5s ease-out forwards}@keyframes bear-defeat{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0deg)}to{opacity:.3;transform:translate(-50%,-50%) scale(.3) rotate(1turn)}}.game-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.overlay-content{animation:overlay-appear .5s ease-out;background:linear-gradient(135deg,#ff6b9d,#c44bd4,#4dabf7);border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;padding:30px;text-align:center}@keyframes overlay-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.overlay-content h3{font-size:2em;margin:0 0 15px;text-shadow:2px 2px 4px #00000080}.overlay-content p{font-size:1.1em;margin:10px 0}.start-btn{background:linear-gradient(45deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;letter-spacing:1px;margin-top:15px;padding:15px 30px;text-transform:uppercase;transition:all .3s ease}.start-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.mobile-controls{background:#ffffffe6;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:15px}.shooting-info{text-align:center}.shooting-info p{color:#2d5016;font-weight:700;margin:5px 0}.quick-shoot-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.quick-shoot-btn{background:linear-gradient(45deg,#ff6b9d,#ff8cc8);border:none;border-radius:20px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 16px;transition:all .3s ease}.quick-shoot-btn:active,.quick-shoot-btn:hover{box-shadow:0 6px 20px #ff6b9d66;transform:translateY(-2px)}.instructions{background:#ffffffe6;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-top:20px;padding:20px}.instructions h4{color:#2d5016;font-size:1.3em;margin:0 0 10px}.instructions p{color:#2d5016;font-size:1em;margin:5px 0}@media (max-width:768px){.forest-defense-game{padding:10px}.game-header h2{font-size:2em}.game-container{height:400px}.ninja,.princess{font-size:2.5em}.bear{font-size:2em}.forest-trees{font-size:1.5em}.arrow{font-size:1.2em}.crosshair{font-size:1.5em}.mobile-controls{flex-direction:column;gap:15px}.overlay-content{margin:10px;padding:20px}.overlay-content h3{font-size:1.5em}.overlay-content p{font-size:1em}}@media (max-width:480px){.game-header h2{font-size:1.8em}.game-container{height:350px}.ninja,.princess{font-size:2em}.bear{font-size:1.8em}.forest-trees{font-size:1.2em}.arrow{font-size:1em}.crosshair{font-size:1.3em}.quick-shoot-btn{font-size:.9em;padding:10px 14px}}.monkey-banana-game{background:linear-gradient(180deg,#87ceeb,#98fb98 50%,#228b22);font-family:Arial,sans-serif;min-height:100vh;overflow:hidden;position:relative}.game-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#228b22e6;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:relative;z-index:100}.back-button{background:#fff3;border-radius:20px;color:#fff;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#ffffff4d;transform:translateX(-5px)}.game-header h1{font-size:2rem;margin:0;text-shadow:2px 2px 4px #0000004d}.game-stats{align-items:center;display:flex;gap:20px}.stat{background:#fff3;border-radius:15px;font-weight:700;min-width:80px;padding:5px 12px;text-align:center}.game-menu{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#228b22f2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.menu-content{background:#fffffff2;border:3px solid #228b22;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.game-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.menu-content h2{color:#228b22;font-size:2.5rem;margin:0 0 20px}.menu-content p{color:#666;font-size:1.2rem;margin-bottom:20px}.game-instructions{background:#98fb984d;border:2px solid #90ee90;border-radius:10px;margin:20px 0;padding:20px;text-align:left}.game-instructions h3{color:#228b22;margin-top:0}.game-instructions ul{color:#555;font-size:1rem}.game-instructions li{margin:8px 0}.high-score{color:#ff6b35;font-size:1.5rem;font-weight:700;margin:20px 0;text-shadow:1px 1px 2px #0000001a}.start-button{background:linear-gradient(45deg,#ff6b35,#f7931e);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b354d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin:10px;padding:15px 30px;transition:all .3s ease}.start-button:hover{box-shadow:0 6px 20px #ff6b3566;transform:translateY(-3px)}.start-button:active{transform:translateY(-1px)}.game-info{align-items:center;background:#ffffffe6;border-radius:10px;display:flex;justify-content:space-between;margin:0 20px 10px;padding:10px 20px}.level-progress{color:#228b22;font-size:1.1rem;font-weight:700}.pause-button{background:#ff6b35;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.pause-button:hover{background:#f7931e;transform:scale(1.05)}.game-area{background:linear-gradient(180deg,#87ceeb,#98fb98 30%,#228b22);border:3px solid #228b22;border-radius:15px;cursor:crosshair;height:calc(100vh - 140px);margin:0 20px 20px;overflow:hidden;position:relative}.forest-background{height:100%;pointer-events:none;position:absolute;width:100%}.tree{animation:sway 3s ease-in-out infinite;font-size:4rem;position:absolute;z-index:1}.tree-1{animation-delay:0s;bottom:20%;left:10%}.tree-2{animation-delay:1s;bottom:15%;left:25%}.tree-3{animation-delay:2s;bottom:25%;right:20%}.tree-4{animation-delay:.5s;bottom:10%;right:5%}.bush{animation:rustle 2s ease-in-out infinite;font-size:2rem;position:absolute;z-index:1}.bush-1{animation-delay:.5s;bottom:5%;left:15%}.bush-2{animation-delay:1.5s;bottom:8%;left:60%}.bush-3{animation-delay:2.5s;bottom:3%;right:30%}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes rustle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.monkey{animation:monkeyBob 1s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:3rem;position:absolute;transition:all .1s ease;z-index:10}@keyframes monkeyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.banana{animation:rotate 2s linear infinite;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));font-size:2rem;position:absolute;z-index:5}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.final-stats{background:#98fb984d;border:2px solid #90ee90;border-radius:10px;margin:20px 0;padding:20px}.final-stats p{color:#228b22;font-size:1.2rem;font-weight:700;margin:10px 0}.new-high-score{animation:glow 2s ease-in-out infinite;color:#ff6b35!important;font-size:1.5rem!important}@keyframes glow{0%,to{text-shadow:0 0 10px #ff6b35}50%{text-shadow:0 0 20px #ff6b35,0 0 30px #ff6b35}}@media (max-width:768px){.game-header{flex-direction:column;gap:10px;padding:15px}.game-header h1{font-size:1.5rem}.game-stats{flex-wrap:wrap;gap:10px;justify-content:center}.stat{font-size:.9rem;min-width:60px;padding:4px 8px}.menu-content{margin:10px;padding:20px}.menu-content h2{font-size:2rem}.game-icon{font-size:3rem}.game-instructions{font-size:.9rem}.game-area{height:calc(100vh - 160px);margin:0 10px 10px}.tree{font-size:2.5rem}.bush{font-size:1.5rem}.monkey{font-size:2.5rem}.banana{font-size:1.5rem}.game-info{flex-direction:column;gap:10px;margin:0 10px;padding:10px}.level-progress{font-size:1rem}}@media (max-width:480px){.game-header h1{font-size:1.2rem}.game-stats{gap:5px}.stat{font-size:.8rem;padding:3px 6px}.game-instructions,.menu-content{padding:15px}.start-button{font-size:1rem;padding:12px 24px}.monkey,.tree{font-size:2rem}.banana{font-size:1.2rem}}@media (max-height:500px) and (orientation:landscape){.game-header{padding:5px 15px}.game-header h1{font-size:1rem}.stat{font-size:.7rem;padding:2px 4px}.game-area{height:calc(100vh - 100px)}.monkey,.tree{font-size:1.5rem}.banana{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.App{min-height:100vh;overflow-x:hidden;width:100%}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}.control-button,.play-button,a,body,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.control-button,.play-button,a,button{min-height:44px}.back-button,.control-button,.play-button{-webkit-user-select:none;user-select:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c653b6a9.css.map*/