*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;touch-action:none}#game-container{position:fixed;width:100vw;height:100vh}#touch-controls{position:fixed;bottom:20px;left:20px;right:20px;height:120px;display:flex;justify-content:space-between;pointer-events:none}.joystick{width:120px;height:120px;background:#fff3;border-radius:50%;position:relative;pointer-events:auto}.joystick-knob{width:50px;height:50px;background:#ffffff80;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#rotate-joystick{display:none}.splash-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(#000000b3,#000000b3),url(/assets/splash.jpg);background-size:cover;background-position:center;z-index:1000}.splash-title{font-family:Creepster,cursive;font-size:12rem;color:#ff3d3d;margin-bottom:0;text-shadow:0 0 20px #ff0000,0 0 30px #ff0000;animation:crazyShake .3s ease-in-out infinite}.splash-subtitle{font-family:Inter,sans-serif;font-size:2.5rem;color:#fff;margin-top:1rem;margin-bottom:3rem;opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.8)}.splash-username{font-family:Inter,sans-serif;font-size:1.2rem;padding:.8rem 1.5rem;margin-bottom:2rem;background-color:#ffffffe6;border:2px solid rgba(255,255,255,.5);border-radius:5px;width:300px;text-align:center;transition:all .3s ease}.splash-username:focus{background-color:#fff;border:2px solid #4caf50}.splash-play-button{font-family:Inter,sans-serif;font-size:1.5rem;padding:1rem 4rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.splash-play-button:disabled{opacity:.5;cursor:default}.splash-play-button:not(:disabled):hover{transform:scale(1.1)}@keyframes crazyShake{0%{transform:translate(2px,2px) rotate(2deg) scale(1)}10%{transform:translate(-2px,-3px) rotate(-3deg) scale(1.02)}20%{transform:translate(-5px) rotate(3deg) scale(.98)}30%{transform:translate(5px,3px) rotate(0) scale(1.02)}40%{transform:translate(2px,-2px) rotate(3deg) scale(.98)}50%{transform:translate(-2px,3px) rotate(-3deg) scale(1.02)}60%{transform:translate(-5px,2px) rotate(0) scale(.98)}70%{transform:translate(5px,2px) rotate(-3deg) scale(1.02)}80%{transform:translate(-2px,-2px) rotate(3deg) scale(.98)}90%{transform:translate(2px,3px) rotate(0) scale(1.02)}to{transform:translate(2px,-3px) rotate(-3deg) scale(1)}}