*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow:hidden;background-color:#0a0a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#game-container{width:100vw;height:100vh;position:fixed;top:0;left:0}#game-container canvas{display:block}#status{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:20px 40px;border-radius:10px;font-size:18px;z-index:1000;text-align:center}#spawn-screen{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a1af2;justify-content:center;align-items:center;z-index:1001}.spawn-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #4a9eff;border-radius:16px;padding:40px 50px;text-align:center;box-shadow:0 0 40px #4a9eff4d}.spawn-dialog h1{color:#4a9eff;font-size:48px;margin-bottom:10px;text-shadow:0 0 20px rgba(74,158,255,.5)}.spawn-dialog p{color:#aac;font-size:16px;margin-bottom:20px}#name-input{width:100%;padding:15px 20px;font-size:20px;border:2px solid #333355;border-radius:8px;background-color:#0a0a1a;color:#fff;text-align:center;outline:none;transition:border-color .2s}#name-input:focus{border-color:#4a9eff;box-shadow:0 0 10px #4a9eff4d}#name-input::placeholder{color:#668}#play-button{width:100%;padding:15px 30px;font-size:22px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a9eff,#2d7dd2);border:none;border-radius:8px;cursor:pointer;margin-top:20px;transition:transform .1s,box-shadow .2s}#play-button:hover{transform:scale(1.02);box-shadow:0 0 20px #4a9eff80}#play-button:active{transform:scale(.98)}.controls-hint{margin-top:25px;padding-top:20px;border-top:1px solid #333355}.controls-hint p{color:#668;font-size:14px;margin:0}