*{box-sizing:border-box;margin:0;padding:0}html,body{color:#eee;background:#1a1a2e;justify-content:center;align-items:center;height:100%;font-family:Segoe UI,Tahoma,sans-serif;display:flex}#app{flex-direction:column;align-items:center;display:flex}.hidden{display:none!important}#login-screen{background:#16213e;border:1px solid #0f3460;border-radius:12px;flex-direction:column;align-items:center;gap:16px;min-width:320px;padding:40px;display:flex}h1{letter-spacing:8px;color:#e94560;text-shadow:0 0 20px #e9456080;font-size:48px}.subtitle{color:#888;margin-top:-8px;font-size:14px}#name-input{color:#eee;text-align:center;background:#1a1a2e;border:2px solid #0f3460;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:18px;transition:border-color .2s}#name-input:focus{border-color:#e94560}#join-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:8px;width:100%;padding:12px 32px;font-size:18px;font-weight:700;transition:background .2s,transform .1s}#join-btn:hover{background:#c73650}#join-btn:active{transform:scale(.97)}.error{color:#e94560;font-size:14px}#controls-info{text-align:center;color:#888;margin-top:8px;font-size:14px;line-height:1.6}#controls-info strong{color:#aaa}#game-screen{flex-direction:column;align-items:center;gap:8px;display:flex}#game-canvas{border:2px solid #0f3460;border-radius:4px}#status-bar{color:#888;font-size:14px}