*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#4CAF50;--primary-dark:#388E3C;--secondary:#FF9800;--accent:#2196F3;--bg-gradient-start:#87CEEB;--bg-gradient-end:#98FB98;--text-dark:#333;--text-light:#fff;--card-bg:rgba(255, 255, 255, 0.95);--shadow:0 8px 32px rgba(0, 0, 0, 0.1)}body{font-family:Nunito,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);min-height:100vh;color:var(--text-dark);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 20px;animation:.8s ease-out fadeInDown}.logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:10px}.logo-icon{font-size:4rem;animation:2s infinite bounce}.logo h1{font-family:'Fredoka One',cursive;font-size:3.5rem;color:var(--primary-dark);text-shadow:3px 3px 0 var(--secondary),5px 5px 10px rgba(0,0,0,.1)}.tagline{font-size:1.5rem;color:var(--primary-dark);font-weight:600}.hero-section{display:flex;align-items:center;justify-content:center;gap:40px;padding:40px;background:var(--card-bg);border-radius:30px;box-shadow:var(--shadow);margin-bottom:40px;animation:.8s ease-out .2s both fadeInUp}.hero-visual{flex:1;display:flex;justify-content:center}.house-preview{position:relative;width:250px;height:250px;animation:3s ease-in-out infinite float}.house-preview .brick{position:absolute;width:60px;height:30px;background:linear-gradient(135deg,#c53,#a42);border-radius:4px;box-shadow:inset 0 -5px rgba(0,0,0,.2)}.house-preview .brick:first-child{bottom:60px;left:30px}.house-preview .brick:nth-child(2){bottom:60px;left:95px}.house-preview .brick:nth-child(3){bottom:60px;left:160px}.house-preview .roof{position:absolute;bottom:140px;left:25px;width:0;height:0;border-left:110px solid transparent;border-right:110px solid transparent;border-bottom:80px solid #8b4513}.house-preview .window{position:absolute;width:40px;height:50px;background:linear-gradient(135deg,#87ceeb,#5faee3);border:4px solid #fff;border-radius:5px 5px 0 0;bottom:95px;left:55px;box-shadow:inset 0 0 20px rgba(255,255,255,.5)}.house-preview .window::after{content:'';position:absolute;top:50%;left:0;right:0;height:3px;background:#fff}.house-preview .door{position:absolute;width:45px;height:70px;background:linear-gradient(135deg,#654321,#4a3219);border-radius:5px 5px 0 0;bottom:60px;left:145px}.house-preview .door::after{content:'';position:absolute;width:8px;height:8px;background:gold;border-radius:50%;right:8px;top:50%}.house-preview .tree{position:absolute;bottom:20px;right:-20px;width:40px;height:80px}.house-preview .tree::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:15px;height:30px;background:#8b4513;border-radius:3px}.house-preview .tree::after{content:'';position:absolute;bottom:25px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid #228b22}.hero-text{flex:1;text-align:left}.hero-text h2{font-family:'Fredoka One',cursive;font-size:2.5rem;color:var(--primary-dark);margin-bottom:15px}.hero-text p{font-size:1.2rem;line-height:1.8;color:#555}.game-modes{margin-bottom:40px;animation:.8s ease-out .4s both fadeInUp}.features-section h3,.game-modes h3,.physics-info h3{font-family:'Fredoka One',cursive;font-size:2rem;text-align:center;margin-bottom:25px;color:var(--primary-dark)}.builds-container{display:flex;flex-direction:column;gap:20px}.saved-builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.saved-build-card{background:var(--card-bg);padding:25px;border-radius:20px;text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow);transition:.3s;border:3px solid transparent;cursor:pointer;position:relative}.saved-build-card:hover{transform:translateY(-5px);border-color:var(--primary)}.saved-build-card .build-icon{font-size:3rem;display:block;margin-bottom:10px}.saved-build-card h4{font-family:'Fredoka One',cursive;font-size:1.4rem;color:var(--primary-dark);margin-bottom:5px;word-break:break-word}.saved-build-card .build-meta{font-size:.9rem;color:#666;margin-bottom:10px}.saved-build-card .build-stats{display:flex;gap:15px;font-size:.85rem;color:#888}.saved-build-card .delete-build-btn{position:absolute;top:10px;right:10px;background:rgba(244,67,54,.1);border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;opacity:0;transition:.3s}.saved-build-card:hover .delete-build-btn{opacity:1}.saved-build-card .delete-build-btn:hover{background:var(--secondary);transform:scale(1.1)}.create-new-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:35px;border-radius:25px;text-align:center;color:#fff;box-shadow:var(--shadow);transition:.3s;border:4px solid transparent;cursor:pointer;width:100%}.create-new-card:hover{transform:translateY(-5px) scale(1.01);border-color:var(--secondary)}.create-new-card .create-icon{font-size:3rem;display:block;margin-bottom:10px}.create-new-card h4{font-family:'Fredoka One',cursive;font-size:1.6rem;margin-bottom:5px}.create-new-card p{font-size:1rem;opacity:.9}.no-builds-message{text-align:center;padding:40px;color:#666;font-size:1.1rem}.no-builds-message .no-builds-icon{font-size:4rem;display:block;margin-bottom:15px;opacity:.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;animation:.3s fadeIn}.modal-overlay.hidden{display:none}.modal-content{background:#fff;padding:40px;border-radius:25px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:.3s slideUp}.modal-content h3{font-family:'Fredoka One',cursive;font-size:1.8rem;color:var(--primary-dark);margin-bottom:10px}.modal-content p{color:#666;margin-bottom:20px}.modal-content input{width:100%;padding:15px 20px;font-size:1.1rem;border:3px solid #e0e0e0;border-radius:15px;outline:0;transition:border-color .3s;font-family:Nunito,sans-serif}.modal-content input:focus{border-color:var(--primary)}.error-message{color:#f44336;font-size:.9rem;margin-top:10px}.error-message.hidden{display:none}.modal-buttons{display:flex;gap:15px;margin-top:25px;justify-content:center}.btn-danger,.btn-primary,.btn-secondary{padding:12px 30px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:.3s;font-family:Nunito,sans-serif}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:scale(1.05)}.btn-secondary{background:#e0e0e0;color:#666}.btn-secondary:hover{background:#d0d0d0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f;transform:scale(1.05)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.mode-card{background:var(--card-bg);padding:35px;border-radius:25px;text-align:center;text-decoration:none;color:var(--text-dark);box-shadow:var(--shadow);transition:.3s;border:4px solid transparent}.mode-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--primary)}.mode-card .mode-icon{font-size:4rem;display:block;margin-bottom:15px}.mode-card h4{font-family:'Fredoka One',cursive;font-size:1.8rem;margin-bottom:10px}.mode-card.sandbox h4{color:#4caf50}.mode-card.challenge h4{color:#ff9800}.mode-card.tutorial h4{color:#2196f3}.mode-card p{font-size:1rem;color:#666}.features-section{background:var(--card-bg);padding:40px;border-radius:30px;box-shadow:var(--shadow);margin-bottom:40px;animation:.8s ease-out .6s both fadeInUp}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:15px;transition:.3s}.feature-item:hover{transform:scale(1.1);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.feature-icon{font-size:2.5rem}.feature-item span:last-child{font-weight:600}.physics-info{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;border-radius:30px;text-align:center;color:#fff;margin-bottom:40px;animation:.8s ease-out .8s both fadeInUp}.physics-info h3{color:#fff}.physics-info p{font-size:1.2rem;margin-bottom:25px}.physics-icons{display:flex;justify-content:center;gap:50px}.physics-item{display:flex;flex-direction:column;align-items:center;gap:10px}.physics-item span:first-child{font-size:3rem}.physics-item span:last-child{font-size:1.1rem;font-weight:600}.footer{text-align:center;padding:15px;animation:.8s ease-out 1s both fadeInUp}.footer p{font-size:1.2rem;margin-bottom:15px;color:var(--primary-dark)}.back-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color .3s}.back-link:hover{color:var(--primary-dark)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:768px){.logo h1{font-size:2.5rem}.logo-icon{font-size:3rem}.hero-section{flex-direction:column;text-align:center}.hero-text{text-align:center}.hero-text h2{font-size:2rem}.physics-icons{gap:30px}}@media (max-width:480px){.container{padding:10px}.logo h1{font-size:2rem}.mode-card{padding:25px}.features-grid{grid-template-columns:repeat(4,1fr)}.feature-item{padding:10px}.feature-icon{font-size:2rem}}