*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden;color:#fff}#game-container{width:100vw;height:100vh;position:relative}#game-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.back-btn{position:absolute;top:20px;right:20px;z-index:150;padding:10px 20px;background:#667eeacc;color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:#667eea;transform:scale(1.05)}#hud{position:absolute;top:20px;left:20px;z-index:100;background:#000000b3;padding:20px;border-radius:10px;font-size:20px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}#hud>div{margin:10px 0;text-shadow:0 0 10px rgba(255,255,255,.5)}#score-value{color:gold}#lives-value{color:#ff6b6b}#level-value{color:#4ecdc4}#game-over,#instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background:#000000e6;padding:40px;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2)}#game-over h1,#instructions h2{font-size:48px;margin-bottom:20px;color:gold;text-shadow:0 0 20px rgba(255,215,0,.7)}#game-over p,#instructions p{font-size:24px;margin:10px 0}button{margin-top:20px;padding:15px 40px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .3s,box-shadow .3s;width:100%}button:hover{transform:scale(1.1);box-shadow:0 0 30px #667eeab3}button:active{transform:scale(.95)}.btn-home{display:inline-block;margin-top:20px;padding:15px 40px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;transition:transform .3s,box-shadow .3s;border:none;cursor:pointer}.btn-home:hover{transform:scale(1.1);box-shadow:0 0 30px #667eeab3}.hidden{display:none!important}.orientation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617eb;z-index:9999;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.orientation-card{background:#0f172af2;border:1px solid rgba(148,163,184,.4);border-radius:16px;padding:24px;max-width:320px;box-shadow:0 20px 40px #00000059}.orientation-card h2{margin-bottom:8px;font-size:1.4rem}.orientation-card p{color:#cbd5f5;margin-bottom:16px}.btn-rotate{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer}