*{box-sizing:border-box;user-select:none;-webkit-user-select:none;touch-action:none}body{margin:0;padding:0;background-color:#333;width:100vw;height:100dvh;overflow:hidden;font-family:sans-serif;color:#fff;display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100%;max-width:600px;height:100%;background:transparent;overflow:hidden}#phaser-app{width:100%;height:100%}#phaser-app canvas{width:100%!important;height:100%!important;object-fit:contain}.hidden{display:none!important}.screen{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;text-align:center}h1{font-size:28px;margin-bottom:30px;color:#fbbf24}h2{font-size:24px}.menu-btn{font-size:20px;padding:15px 30px;margin:10px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-weight:700;cursor:pointer}.menu-btn:active{background:#2563eb}#hud{position:absolute;top:0;left:0;right:0;padding:10px;z-index:50;pointer-events:none}#hud-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;pointer-events:auto}#hud-timer,#hud-cost{font-size:18px;font-weight:700;text-shadow:1px 1px 2px black;margin-right:10px}.hud-btn{padding:8px 12px;font-size:16px;border-radius:4px;border:none;background:#4b5563;color:#fff;cursor:pointer}#joystick-container{position:absolute;bottom:20px;left:20px;width:120px;height:120px;z-index:50;touch-action:none}.joystick-base{position:absolute;bottom:0;left:0;width:120px;height:120px;background:#fff3;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.joystick-stick{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;background:#fff9;border-radius:50%;pointer-events:none}#action-buttons{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:50}.action-btn{width:80px;height:80px;border-radius:50%;border:none;background:#ef4444b3;color:#fff;font-weight:700;font-size:14px;touch-action:none;cursor:pointer}.action-btn.pressed{background:#dc2626e6;transform:scale(.95)}#notification{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);color:#ef4444;font-size:24px;font-weight:700;text-shadow:1px 1px 3px black,-1px -1px 3px black;z-index:80;pointer-events:none;transition:opacity .5s}