html,body{margin:0;padding:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}html:before,body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(./background.png);background-repeat:no-repeat;background-position:center;background-size:cover;filter:brightness(.5);z-index:-1}#gameContainer{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}canvas{display:none;width:100%;height:100%;background:#1a5a3a;image-rendering:pixelated;box-shadow:0 0 50px 20px #000000b3;border-radius:10px}#mainMenu{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:100;transition:opacity .5s}.menu-container{background:#003c1eb3;padding:30px 40px;border-radius:15px;border:2px solid rgba(255,215,0,.3);text-align:center;max-width:600px;width:80%;box-shadow:0 10px 30px #000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.logo-container{display:flex;justify-content:center;margin-bottom:30px}.game-logo{max-width:80%;height:auto;object-fit:contain}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.menu-button{background:linear-gradient(to bottom,gold,#ff8c00);border:none;color:#1a3a5f;padding:15px 10px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.1em;transition:all .2s;box-shadow:0 4px 8px #0000004d;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center}.menu-button.full-width{grid-column:1 / span 2;width:100%}.menu-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006}#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f5a1d,#2a7e3a,#3a9e4a);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:200}.loading-container{background:#003c1ee6;padding:40px;border-radius:15px;border:2px solid rgba(255,215,0,.3);text-align:center;max-width:500px;width:90%;box-shadow:0 10px 30px #000000b3}.loading-title{font-size:2em;color:gold;margin-bottom:20px;text-shadow:0 2px 10px rgba(255,215,0,.5)}.loading-bar-container{width:100%;height:20px;background:#001428cc;border-radius:10px;border:1px solid rgba(255,215,0,.3);overflow:hidden;margin-bottom:15px}.loading-bar{height:100%;background:linear-gradient(to right,gold,#ff8c00);border-radius:10px;width:0%;transition:width .3s ease}.loading-text{color:#87ceeb;font-size:1em;margin-top:10px}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:none;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;z-index:10}.game-over h2{color:gold;font-size:3em;margin-bottom:10px;text-shadow:0 0 20px rgba(255,215,0,.7)}.game-over p{font-size:1.5em;margin-bottom:30px}.game-over button{background:linear-gradient(to bottom,gold,#ff8c00);border:none;color:#1a3a5f;padding:15px 30px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.2em;transition:all .2s;margin:10px;width:80%;max-width:250px}.game-over button:hover{transform:scale(1.05)}.combo-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5em;font-weight:700;color:gold;opacity:0;pointer-events:none;z-index:15;text-shadow:0 0 10px rgba(255,215,0,.8);transition:opacity .3s}.warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;font-weight:700;color:red;opacity:0;pointer-events:none;z-index:15;text-shadow:0 0 10px rgba(255,0,0,.8);transition:opacity .3s}.wave-timer{position:absolute;top:-50px;left:0;width:100%;text-align:center;font-size:1.2em;color:gold;font-weight:700}.granny-dialog{position:absolute;background:#002814f2;border:3px solid #FFD700;border-radius:15px;padding:20px;max-width:400px;text-align:center;box-shadow:0 10px 25px #000000b3;z-index:20}.granny-text{font-size:1.4em;color:#fff;margin-bottom:20px;line-height:1.4;font-style:italic}.granny-image{width:120px;height:160px;object-fit:contain;margin:0 auto 15px;display:block}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#0f5a1d,#2a7e3a,#3a9e4a);border:3px solid #FFD700;border-radius:15px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 15px 35px #000c}.modal-title{color:gold;font-size:2.2em;text-align:center;margin-bottom:25px;text-shadow:0 2px 10px rgba(255,215,0,.5)}.modal-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.modal-button{background:linear-gradient(to bottom,gold,#ff8c00);border:none;color:#1a3a5f;padding:15px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.2em;transition:all .2s;width:100%}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.modal-button.secondary{background:linear-gradient(to bottom,#4caf50,#2e7d32);color:#fff}.modal-button.tertiary{background:linear-gradient(to bottom,#f44336,#c62828);color:#fff}.settings-options{background:#002814b3;border-radius:10px;padding:20px;margin-bottom:20px}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,215,0,.3)}.setting-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.setting-label{color:#fff;font-size:1.2em;font-weight:700}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#4caf50}input:checked+.toggle-slider:before{transform:translate(30px)}.leaderboard-table{width:100%;border-collapse:collapse;margin:20px 0;background:#002814b3;border-radius:10px;overflow:hidden}.leaderboard-table th{background:linear-gradient(to bottom,gold,#ff8c00);color:#1a3a5f;padding:15px;text-align:center;font-size:1.2em}.leaderboard-table td{padding:12px 15px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,215,0,.2)}.leaderboard-table tr:nth-child(2n){background:#ffffff0d}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table .rank{font-weight:700;color:gold;width:20%}.leaderboard-table .player{text-align:left;width:50%}.leaderboard-table .score{font-weight:700;color:#4caf50;width:30%}.instructions-content{background:#002814b3;border-radius:10px;padding:25px;margin-bottom:20px;color:#fff;line-height:1.6;font-size:1.1em}.instructions-content h3{color:gold;margin-top:20px;margin-bottom:10px;font-size:1.3em}.instructions-content ul{margin-left:20px;margin-bottom:15px}.instructions-content li{margin-bottom:8px}.shop-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.shop-item{background:#002814b3;border-radius:10px;padding:20px;text-align:center;border:2px solid rgba(255,215,0,.3);transition:all .3s}.shop-item:hover{border-color:gold;transform:translateY(-5px)}.shop-item-title{color:gold;font-size:1.3em;margin-bottom:10px}.shop-item-description{color:#fff;font-size:.9em;margin-bottom:15px;min-height:40px}.shop-item-price{color:#4caf50;font-size:1.2em;font-weight:700;margin-bottom:15px}.shop-buy-button{background:linear-gradient(to bottom,#4caf50,#2e7d32);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;width:100%;transition:all .2s}.shop-buy-button:hover{background:linear-gradient(to bottom,#66bb6a,#388e3c)}.shop-buy-button.disabled{background:#666;cursor:not-allowed}.shop-message{text-align:center;color:#87ceeb;font-style:italic;margin:20px 0;padding:15px;background:#002814b3;border-radius:10px}.gameplay-ui{position:absolute;top:0;left:0;width:100%;height:100%;display:none;pointer-events:none}.gameplay-ui.active{display:block}.gameplay-header{text-align:left;margin-bottom:12px;pointer-events:none}.gameplay-title{color:gold;font-size:1.8em;font-weight:700;text-shadow:0 2px 5px rgba(0,0,0,.7);margin-bottom:5px}.gameplay-stats{display:flex;flex-direction:column;gap:6px;pointer-events:none;margin-top:3vh}.stat-item{color:#fff;font-size:2vh;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.7);padding:5px 15px}.gameplay-buttons{display:flex;gap:15px;pointer-events:auto}.gameplay-button{background:linear-gradient(to bottom,gold,#ff8c00);border:none;color:#1a3a5f;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.2em;transition:all .2s;box-shadow:0 4px 8px #0000004d;min-width:100px;text-align:center}.gameplay-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.gameplay-button.menu{background:linear-gradient(to bottom,#4caf50,#2e7d32);color:#fff}.gameplay-button.restart{background:linear-gradient(to bottom,#2196f3,#0d47a1);color:#fff}.gameplay-button.hammer{background:linear-gradient(to bottom,#ff9800,#e65100);color:#fff}header,#gameUI,footer,.instructions{display:none!important}#canvasWrapper{position:relative;width:fit-content;height:fit-content}#gameCanvas{display:none}#potLevelLabel{position:absolute;font-weight:700;color:gold;text-shadow:0 2px 6px rgba(0,0,0,.7);pointer-events:none;z-index:50;font-size:2vh;display:none;white-space:nowrap;text-align:center}