body{margin:0;overflow:hidden;background:#000;cursor:crosshair;touch-action:none}
    canvas{width:100vw;height:100vh;display:block}
    /* Mobile controls styles - fixed version */
    .m{position:fixed;bottom:20px;left:0;width:100%;padding:10px;display:none;justify-content:flex-end;z-index:100}
    .b{width:60px;height:60px;background:#444;color:#fff;border:0;border-radius:50%;font-size:20px;opacity:.7;transition:all .2s;box-shadow:0 0 15px rgba(255,255,255,0.2)}
    .b:active{opacity:1;transform:scale(.95);box-shadow:0 0 20px rgba(255,165,0,0.4)}
    .f{background:linear-gradient(45deg,#800,#f00);width:80px;height:80px;position:fixed;right:20px;bottom:20px;animation:pulse 2s infinite}
    /* Modified joystick to only be in bottom left */
    .j{position:fixed;left:0;bottom:0;width:150px;height:150px;touch-action:none;display:none;z-index:99}
    .js{width:120px;height:120px;background:rgba(255,255,255,0.1);border:3px solid rgba(255,255,255,0.3);border-radius:50%;position:absolute;left:25px;bottom:25px;transition:all .2s;backdrop-filter:blur(5px);box-shadow:0 0 20px rgba(255,255,255,0.15)}
    .js:active{opacity:1;border-color:rgba(255,255,255,0.5);box-shadow:0 0 30px rgba(255,255,255,0.3)}
    .jk{width:50px;height:50px;background:rgba(255,255,255,0.7);border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .1s;box-shadow:0 0 10px rgba(255,255,255,0.3)}
    @keyframes pulse {
        0% { transform:scale(1); box-shadow:0 0 20px rgba(255,165,0,0.2) }
        50% { transform:scale(1.05); box-shadow:0 0 30px rgba(255,165,0,0.4) }
        100% { transform:scale(1); box-shadow:0 0 20px rgba(255,165,0,0.2) }
    }
    @media (pointer:coarse) and (hover:none){.m{display:flex}.j{display:block}}
    
#intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(0,0,0,.82);color:#f4e6cc;font:18px/1.5 system-ui,sans-serif;text-align:center;padding:20px}
#intro .card{max-width:480px;border:2px solid #b98645;padding:26px;background:#1b1712;box-shadow:0 0 40px #b9864555}
#intro h1{font-size:32px;margin:0 0 12px;color:#ffc66e}
#intro p{margin:8px 0}
#start{font:700 19px system-ui,sans-serif;padding:11px 28px;margin-top:14px;color:#1b1712;background:#ffc66e;border:0;border-radius:5px;cursor:pointer}
#start:hover{background:#ffe0a1}
+