body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;-webkit-user-select:none;user-select:none}#game-wrapper{position:relative;width:100vw;max-width:800px;height:100vh;max-height:600px;aspect-ratio:4/3;box-shadow:0 0 20px #fff3;cursor:crosshair;overflow:hidden;touch-action:none}canvas{width:100%;height:100%;object-fit:contain;touch-action:none}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#top-bar{position:absolute;top:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,#dcdcdc,#888);border-bottom:3px solid #333;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;color:#000;font-weight:700;text-shadow:1px 1px 0px #fff}.ui-section{display:flex;align-items:center;background:#000;color:#fff;text-shadow:none;padding:5px 15px;border-radius:5px;border:2px solid #555}.ui-level{font-size:14px}.ui-score{font-size:16px;color:#0f0}.ui-red{color:red}.ui-icon{margin-right:3px;font-size:16px}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:40px;text-align:center;border:2px solid #fff;border-radius:10px;pointer-events:auto}#game-over h1{color:red;margin-top:0;font-size:40px;text-transform:uppercase}button{margin-top:20px;padding:10px 20px;font-size:20px;cursor:pointer;background:#b22222;color:#fff;border:2px solid #fff;border-radius:5px;font-weight:700;text-transform:uppercase}button:hover{background:red}#reload-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:700;color:red;text-shadow:2px 2px 0 #000;animation:blink .5s infinite alternate;pointer-events:none;text-align:center;width:100%}@keyframes blink{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 20px rgba(218,165,32,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(218,165,32,.8));transform:scale(1.02)}}.overlay-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-container{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);padding:12px;border-radius:8px;border:2px solid #daa520;box-shadow:0 0 20px #daa5204d;width:90%;max-width:250px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;pointer-events:auto}.auth-container h2{margin:0 0 2px;color:#daa520;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:16px}.form-input{padding:8px;background:#00000080;border:1px solid #555;border-radius:4px;color:#fff;font-size:12px;outline:none}.form-input:focus{border-color:#daa520}.auth-btn{padding:8px;background:linear-gradient(180deg,#b8860b,#8b6508,#6b4c00);color:#fff;border:1px solid #daa520;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;font-size:12px;pointer-events:auto}.auth-btn:disabled{background:#555;color:#888;cursor:not-allowed;border-color:#444}.auth-btn:hover:not(:disabled){filter:brightness(1.2)}.switch-auth{color:#bbb;font-size:15px;text-align:center;margin-top:0;cursor:pointer}.switch-auth span{color:#daa520;text-decoration:underline}.leaderboard-modal{background:#000000f2;padding:30px;border-radius:12px;border:2px solid #daa520;box-shadow:0 0 30px #daa52066;width:95%;max-width:400px;box-sizing:border-box;max-height:80%;display:flex;flex-direction:column;pointer-events:auto}.leaderboard-modal h2{color:#daa520;text-align:center;margin:0 0 20px;text-transform:uppercase}.score-row{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #333;font-size:18px}.score-row:nth-child(1){color:gold;font-weight:700;font-size:22px}.score-row:nth-child(2){color:silver;font-weight:700;font-size:20px}.score-row:nth-child(3){color:#cd7f32;font-weight:700;font-size:19px}@media(max-width:900px){body{background-color:#000}#game-wrapper{aspect-ratio:4 / 3!important;width:100vw!important;max-width:100%!important;height:auto!important;max-height:100vh!important;margin:auto!important}.auth-container{padding:10px;width:95%;max-width:240px;gap:4px}.auth-container h2{font-size:14px;margin-bottom:2px}.form-input,.auth-btn{padding:5px;font-size:11px}.switch-auth{font-size:10px;margin-top:0}.leaderboard-modal{padding:15px;max-height:90%}.score-row{font-size:14px;padding:6px}.score-row:nth-child(1){font-size:16px}.score-row:nth-child(2){font-size:15px}.score-row:nth-child(3){font-size:15px}.start-btn{padding:8px 16px!important;font-size:14px!important;width:85%;margin:0 auto}.enemy-icons-wrap{gap:5px!important;padding:5px!important;margin-bottom:8px!important}.enemy-icon{width:32px!important;height:45px!important}#start-screen-bottom-panel{padding:10px 0 15px!important}#top-bar{padding:0 5px;height:50px;flex-wrap:wrap;justify-content:center;gap:5px}.ui-section{padding:2px 6px;font-size:12px}.ui-level{font-size:11px}.ui-icon{margin-right:2px;font-size:12px}#game-over{width:90%;padding:20px;box-sizing:border-box}#game-over h1{font-size:28px}button{font-size:16px;padding:8px 16px}}