:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegistics;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;overflow:hidden;display:flex;place-items:center;min-width:320px;min-height:100vh}canvas{display:block}#ui{position:absolute;top:10px;left:10px;z-index:100;pointer-events:none}#level{font-size:24px;margin-bottom:10px;text-shadow:0 0 5px #00ffff,0 0 10px rgba(0,255,255,.7);transition:all .3s ease}#health{font-size:18px;margin-bottom:5px;transition:color .3s ease}#score{font-size:18px;transition:all .3s ease}#redeemPrompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#0f0;text-shadow:0 0 5px #00ff00,0 0 10px rgba(0,255,0,.7);animation:flash 1.5s infinite alternate;z-index:150;text-align:center;pointer-events:none}#levelInstruction{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:22px;text-shadow:0 0 5px #B19CD9,0 0 10px rgba(128,0,128,.7);z-index:160;text-align:center;pointer-events:none;display:none}@keyframes flash{0%{opacity:.5}to{opacity:1}}#gameOver{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;text-align:center;display:none;z-index:200;text-shadow:0 0 10px #ff0000,0 0 20px rgba(255,0,0,.7);animation:pulse 2s infinite alternate}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}#gameOver button{font-size:24px;padding:10px 20px;margin-top:20px;cursor:pointer;background:#4caf50;color:#fff;border:none;border-radius:5px;pointer-events:auto;transition:all .2s ease}#gameOver button:hover{background:#5cdf60;transform:scale(1.05)}#introModal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:500px;padding:30px;background-color:#1e1e1ee6;border:2px solid #00ffff;border-radius:10px;text-align:center;display:none;z-index:200;color:#fff;box-shadow:0 0 15px #00ffff80}#introModal div:first-child{font-size:32px;margin-bottom:15px;text-shadow:0 0 8px #00ffff}#introModal div:nth-child(2){font-size:18px;margin-bottom:25px;line-height:1.4}#introModal button{font-size:20px;padding:12px 25px;margin:10px;cursor:pointer;color:#fff;border:none;border-radius:5px;pointer-events:auto;transition:all .2s ease}#introModal #playNowButton{background:#4caf50}#introModal #loginButton{background:#ff9800}#introModal button:hover{opacity:.9;transform:scale(1.05)}#instructions{position:absolute;bottom:10px;left:10px;z-index:100;font-size:14px;pointer-events:none;opacity:.7;transition:opacity .3s ease}#instructions:hover{opacity:1}#app{width:100vw;height:100vh}.damaged{color:#f44!important;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.level-up{animation:levelUp 1s}@keyframes levelUp{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.score-update{animation:scoreUpdate .5s}@keyframes scoreUpdate{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}