:root{--halloween-orange: #ff6b1a;--halloween-purple: #7b2d8e;--halloween-green: #4caf50;--halloween-black: #1a1a2e;--halloween-dark: #0f0f23;--ghost-white: #e8e8e8;--candy-red: #ff4444;--bonus-gold: #ffd700;--spider-dark: #333}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--halloween-dark);color:#fff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.game-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--halloween-dark) 0%,#1a0a2e 50%,var(--halloween-dark) 100%);position:relative}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:620px;padding:15px 20px;background:#0009;border-radius:12px;margin-bottom:15px;border:2px solid var(--halloween-purple);box-shadow:0 0 20px #7b2d8e4d}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:15px}.level-display{font-size:1.1rem;font-weight:700;color:var(--halloween-orange);text-shadow:0 0 10px rgba(255,107,26,.5)}.score-display{font-size:1.1rem;font-weight:700;color:var(--bonus-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.hearts-container{display:flex;gap:5px}.heart-emoji{font-size:1.3rem;filter:drop-shadow(0 0 5px rgba(255,0,0,.5))}.candy-count{font-size:1.1rem;color:var(--candy-red);font-weight:700}.pause-button{background:none;border:2px solid var(--halloween-orange);border-radius:8px;padding:5px 10px;font-size:1.2rem;cursor:pointer;transition:all .2s;color:#fff}.pause-button:hover{background:var(--halloween-orange);transform:scale(1.1)}.game-board{display:grid;grid-template-columns:repeat(20,30px);grid-template-rows:repeat(20,30px);gap:1px;background:#000c;border:3px solid var(--halloween-purple);border-radius:8px;box-shadow:0 0 30px #7b2d8e66,inset 0 0 30px #00000080;position:relative;overflow:hidden}.cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff05;transition:all .1s}.cell:hover{background:#ffffff0d}.cell-player{background:#4caf504d;animation:playerPulse 1s infinite}.cell-invincible{background:#ffd7004d;animation:invincibleFlash .3s infinite}.cell-candy{background:#f443;animation:candyFloat 2s infinite}.cell-bonus{background:#ffd7004d;animation:bonusPulse .5s infinite}.cell-enemy{background:#f003;animation:enemyGlow 1.5s infinite}.game-emoji{font-size:1.4rem;filter:drop-shadow(0 0 5px rgba(0,0,0,.5));-webkit-user-select:none;user-select:none}.player-emoji{animation:playerBounce .5s infinite}.candy-emoji{animation:candySpin 3s infinite linear}.bonus-emoji{animation:bonusSpin 1s infinite linear}.ghost-emoji{animation:ghostFloat 2s infinite}.bat-emoji{animation:batFly 1s infinite}.spider-emoji{animation:spiderCrawl 1.5s infinite}@keyframes playerPulse{0%,to{box-shadow:inset 0 0 10px #4caf5080}50%{box-shadow:inset 0 0 20px #4caf50cc}}@keyframes invincibleFlash{0%,to{background:#ffd7004d}50%{background:#ffd70099}}@keyframes candyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bonusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes enemyGlow{0%,to{box-shadow:inset 0 0 10px #ff00004d}50%{box-shadow:inset 0 0 20px #f009}}@keyframes playerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes candySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bonusSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes ghostFloat{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-5px) scale(1.1);opacity:1}}@keyframes batFly{0%,to{transform:scaleX(1) translateY(0)}25%{transform:scaleX(1.2) translateY(-3px)}75%{transform:scaleX(.8) translateY(3px)}}@keyframes spiderCrawl{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease-out}.menu-content{background:linear-gradient(135deg,#1a0a2e,#2d1b4e);border:3px solid var(--halloween-orange);border-radius:20px;padding:40px;text-align:center;max-width:500px;width:90%;box-shadow:0 0 50px #ff6b1a66,0 0 100px #7b2d8e33}.menu-title{font-size:2.5rem;color:var(--halloween-orange);text-shadow:0 0 20px rgba(255,107,26,.5);margin-bottom:20px;animation:titlePulse 2s infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 20px rgba(255,107,26,.5)}50%{text-shadow:0 0 40px rgba(255,107,26,.8),0 0 60px rgba(255,107,26,.4)}}.menu-subtitle{font-size:1.1rem;color:#ccc;margin-bottom:25px}.menu-instructions{text-align:left;background:#0000004d;padding:20px;border-radius:12px;margin-bottom:25px}.menu-instructions p{margin:10px 0;font-size:1rem;color:#ddd}.controls-hint{color:var(--halloween-green)!important;font-weight:700;margin-top:15px!important}.start-button{background:linear-gradient(135deg,var(--halloween-orange) 0%,#ff8c42 100%);color:#fff;border:none;padding:15px 40px;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:2px;box-shadow:0 5px 20px #ff6b1a66}.start-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b1a99;background:linear-gradient(135deg,#ff8c42 0%,var(--halloween-orange) 100%)}.start-button:active{transform:translateY(0)}.high-score{margin-top:20px;color:var(--bonus-gold);font-size:1.1rem}.game-over-content .menu-title{color:#f44}.win-content .menu-title{color:var(--bonus-gold)}.level-complete-content .menu-title{color:var(--halloween-green)}.paused-content .menu-title{color:var(--halloween-purple)}.new-high-score{color:var(--bonus-gold);font-size:1.2rem;margin:15px 0;animation:highScorePulse 1s infinite}@keyframes highScorePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.level-display{font-size:1.2rem;color:var(--halloween-green);margin:10px 0}.game-footer{margin-top:15px;padding:10px;text-align:center}.footer-hint{color:#ffffff80;font-size:.9rem}@media(max-width:700px){.game-board{grid-template-columns:repeat(20,25px);grid-template-rows:repeat(20,25px)}.cell{width:25px;height:25px}.game-emoji{font-size:1.1rem}.menu-title{font-size:1.8rem}.menu-content{padding:25px}}@media(max-width:550px){.game-board{grid-template-columns:repeat(20,20px);grid-template-rows:repeat(20,20px)}.cell{width:20px;height:20px}.game-emoji{font-size:.9rem}.game-header{flex-direction:column;gap:10px}.header-left,.header-center,.header-right{width:100%;justify-content:center}}.game-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(123,45,142,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,26,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.3) 0%,transparent 70%);pointer-events:none;z-index:-1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}