*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#000;touch-action:none}#gameCanvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:100;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.hud-left,.hud-center,.hud-right{display:flex;flex-direction:column;gap:5px}.hud-center{flex-direction:row;gap:10px;align-items:center}.hud-item{font-size:18px;font-weight:700;padding:8px 12px;background:#0006;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hud-item-small{font-size:12px;font-weight:400;padding:4px 8px;background:#0000004d;border-radius:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-style:italic}.hud-progress{padding:10px 20px;max-width:400px;margin:0 auto}.progress-label{font-size:14px;font-weight:700;margin-bottom:5px;text-align:center}.progress-bar-container{width:100%;height:20px;background:#0009;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.progress-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a097);width:0%;transition:width .3s ease;box-shadow:0 0 10px #4ecdc480}.progress-text{font-size:12px;text-align:center;margin-top:5px;opacity:.9}#joystickContainer{position:fixed;bottom:40px;left:40px;width:120px;height:120px;pointer-events:all;z-index:200;touch-action:none}#joystickBase{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.3);box-shadow:0 0 20px #00000080}#joystickKnob{position:absolute;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#fff6,#fff3);border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #0006;left:35px;top:35px;transition:opacity .2s}#joystickKnob.active{opacity:1;background:radial-gradient(circle,#fff9,#ffffff4d)}@media(max-width:600px){.hud-item{font-size:14px;padding:6px 10px}.hud-top{padding:10px 15px}}@media(max-height:500px){#joystickContainer{bottom:20px;left:20px;width:100px;height:100px}#joystickBase{width:100px;height:100px}#joystickKnob{width:40px;height:40px;left:30px;top:30px}}.debug-panel{position:fixed;top:10px;right:10px;width:280px;background:#000000d9;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;z-index:1000;pointer-events:all;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.2);background:#ffffff0d;border-radius:6px 6px 0 0}.debug-header h3{margin:0;font-size:16px;font-weight:700;color:#4ecdc4}.debug-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:16px;line-height:1;padding:0;transition:all .2s}.debug-toggle:hover{background:#fff3}.debug-content{padding:15px;max-height:500px;overflow-y:auto;transition:max-height .3s ease}.debug-content.collapsed{max-height:0;padding:0 15px;overflow:hidden}.debug-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.debug-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.debug-section h4{margin:0 0 10px;font-size:14px;color:#ffe66d;text-transform:uppercase;letter-spacing:.5px}.debug-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.debug-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.debug-checkbox span{color:#ffffffe6}.debug-control{margin-bottom:15px}.debug-control label{display:block;margin-bottom:5px;color:#fffc;font-size:12px}.debug-control label span{color:#4ecdc4;font-weight:700;float:right}.debug-control input[type=range]{width:100%;height:6px;background:#fff3;border-radius:3px;outline:none;-webkit-appearance:none}.debug-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#4ecdc4;cursor:pointer;border-radius:50%;box-shadow:0 2px 4px #0000004d}.debug-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4ecdc4;cursor:pointer;border-radius:50%;border:none;box-shadow:0 2px 4px #0000004d}.debug-button{width:100%;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s;margin-top:5px}.debug-button:hover{background:#fff3}.debug-button:active{transform:scale(.98)}.debug-content::-webkit-scrollbar{width:6px}.debug-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.debug-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.debug-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}