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