*,body,html{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(to bottom,#87CEEB 0%,#98D8E8 30%,#B0E0E6 60%,#E0F6FF 100%);overflow:hidden;height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.6) 0%,transparent 40%),radial-gradient(circle at 40% 60%,rgba(255,255,255,.7) 0%,transparent 45%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.5) 0%,transparent 35%);pointer-events:none;z-index:1}.game-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;z-index:2}.game-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.2);box-shadow:0 2px 20px #0000001a}.game-title{font-size:32px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.game-info{display:flex;gap:32px}.info-item{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.25);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-label{color:#fff;font-size:16px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.info-value{color:#ffeb3b;font-size:20px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.game-main{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0}canvas{width:100vw!important;height:100vh!important;display:block}.game-footer{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:16px 24px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}.game-controls{display:flex;gap:24px}.control-group{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.25);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.control-label{color:#fff;font-size:14px;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.control-item{color:#e3f2fd;font-size:14px;padding:4px 8px;background:rgba(255,255,255,.2);border-radius:8px;border:1px solid rgba(255,255,255,.2);text-shadow:1px 1px 1px rgba(0,0,0,.3)}.virtual-controls{display:none;gap:24px}.virtual-btn{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#fff 60%,#b3e5fc 100%);border:3px solid #4caf50;font-size:28px;color:#388e3c;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003,0 1.5px #4caf50 inset;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s;outline:none;font-weight:700;position:relative}.virtual-btn:active{transform:scale(.92);box-shadow:0 1px 4px #0003;background:linear-gradient(145deg,#b3e5fc 60%,#fff 100%)}.mobile-controls{position:fixed;bottom:20px;left:0;right:0;z-index:20;display:none;justify-content:space-between;padding:0 20px;pointer-events:none}.control-panel{display:flex;gap:16px;pointer-events:auto}.mobile-btn{width:60px;height:60px;border-radius:50%;border:none;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-shadow:0 4px 16px #0003;position:relative;outline:none;opacity:.8}.mobile-btn:active{transform:scale(.9);box-shadow:0 2px 8px #0006}.direction-btn{background:linear-gradient(145deg,#4caf50 0%,#45a049 100%);color:#fff;border:3px solid #2e7d32}.direction-btn:active{background:linear-gradient(145deg,#45a049 0%,#4caf50 100%)}.action-btn{background:linear-gradient(145deg,#ff9800 0%,#f57c00 100%);color:#fff;border:3px solid #e65100;font-size:20px}.action-btn:active{background:linear-gradient(145deg,#f57c00 0%,#ff9800 100%)}.pause-btn{background:linear-gradient(145deg,#f44336 0%,#d32f2f 100%);color:#fff;border:3px solid #b71c1c;font-size:18px}.pause-btn:active{background:linear-gradient(145deg,#d32f2f 0%,#f44336 100%)}.mobile-pause-btn{position:fixed;top:80px;right:20px;z-index:30;width:32px;height:32px;border-radius:50%;border:none;background:linear-gradient(145deg,#f44336 0%,#d32f2f 100%);color:#fff;font-size:12px;font-weight:700;display:none;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s ease;box-shadow:0 4px 16px #0000004d;outline:none;opacity:.8}.mobile-pause-btn:active{transform:scale(.9);box-shadow:0 2px 8px #0006;background:linear-gradient(145deg,#d32f2f 0%,#f44336 100%)}.game-over{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:none;justify-content:center;align-items:center}.game-over.show{display:flex}.game-over-content{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 60px #0000004d;border:2px solid rgba(255,255,255,.3);max-width:420px;width:90%}.game-over-content h2{font-size:32px;color:#d32f2f;margin-bottom:24px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.restart-btn{font-size:18px;padding:12px 32px;border-radius:25px;border:none;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #4caf504d;font-weight:700}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.restart-btn:active{transform:translateY(0)}@media (max-width: 768px){.game-header{padding:12px 16px;flex-direction:column;gap:12px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;box-shadow:none}.game-title{font-size:24px}.game-info{gap:16px}.info-item{padding:6px 12px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-label{font-size:14px}.info-value{font-size:16px}.game-footer{padding:12px 16px;flex-direction:column;gap:16px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;bottom:100px}.game-controls{gap:16px}.control-group{padding:6px 12px;flex-direction:column;gap:8px}.virtual-controls{display:flex}.virtual-btn{width:56px;height:56px;font-size:24px}.mobile-controls{display:flex;bottom:15px}.mobile-pause-btn{display:flex}.mobile-btn{width:50px;height:50px;font-size:18px;opacity:.2}.action-btn{font-size:14px}.game-controls{display:none}}@media (orientation: portrait){.game-container{height:100vh}.game-main{padding:0}canvas{max-height:100vh}}@media (orientation: landscape) and (max-width: 768px){.game-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;box-shadow:none}.game-footer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;bottom:100px}.mobile-controls{display:flex;bottom:15px}.mobile-pause-btn{display:flex}.game-controls{display:none}.mobile-btn{width:55px;height:55px;font-size:18px;opacity:.2}.action-btn{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.game-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;box-shadow:none}.game-footer{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;bottom:100px}.mobile-controls{display:flex;bottom:15px}.mobile-pause-btn{display:flex}.game-controls{display:none}.mobile-btn{width:65px;height:65px;font-size:22px;opacity:.5}.action-btn{font-size:18px}}